/* VARS  */
/***************************************************************
  * FONT CONFIG
  ****************************************************************/
/***************************************************************
  * FONT WHEIGHTS
  ****************************************************************/
/***************************************************************
  * LAYOUT MAIN COLORS
  ****************************************************************/
/***************************************************************
  * OTHER COLORS
  ****************************************************************/
/***************************************************************
  * NOTIFICATIONS COLORS
  ****************************************************************/
/***************************************************************
  * NOTIFICATIONS LIGHT BG COLORS
  ****************************************************************/
/***************************************************************
  * FONTS
  ****************************************************************/
/***************************************************************
  * FONTS DETAILS
  ****************************************************************/
/***************************************************************
  * COLOR
  ****************************************************************/
/***************************************************************
  * ALIGN
  ****************************************************************/
/***************************************************************
  * FONT TRANSFORM / DECORATION
  ****************************************************************/
/***************************************************************
  * SIZES
  ****************************************************************/
/***************************************************************
  * BACKGROUND
  ****************************************************************/
/***************************************************************
  * MARGIN
  ****************************************************************/
/***************************************************************
  * PADDING
  ****************************************************************/
/***************************************************************
  * BORDER
  ****************************************************************/
/***************************************************************
  * BORDER RADIUS
  ****************************************************************/
/***************************************************************
  * BOX SHADOW
  ****************************************************************/
/***************************************************************
  * OPACITY
  ****************************************************************/
/***************************************************************
  * OTHERS
  ****************************************************************/
/***************************************************************
  * CENTER CONTENT
  ***************************************************************/
/***************************************************************
  * DISPLAY
  ***************************************************************/
/***************************************************************
  * GRID
  ****************************************************************/
/***************************************************************
  * FLEX
  ****************************************************************/
/***************************************************************
  * POSITIONS
  ****************************************************************/
/***************************************************************
  * POSITIONED SPACEMENTS
  ****************************************************************/
/***************************************************************
  * TRANSFORM / TRANSITION
  ****************************************************************/
/* ICONS  */
@font-face {
  font-family: 'icon';
  src: url('../fonts/icon.eot?23sk2d');
  src: url('../fonts/icon.eot?23sk2d#iefix') format('embedded-opentype'), url('../fonts/icon.ttf?23sk2d') format('truetype'), url('../fonts/icon.woff?23sk2d') format('woff'), url('../fonts/icon.svg?23sk2d#icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-chat-bubble:before {
  content: "\e99a";
}
.icon-activity:before {
  content: "\e900";
}
.icon-alert-circle:before {
  content: "\e966";
}
.icon-alert-triangle:before {
  content: "\e967";
}
.icon-anchor:before {
  content: "\e968";
}
.icon-archive:before {
  content: "\e902";
}
.icon-arrow-down:before {
  content: "\e96b";
}
.icon-arrow-down-circle:before {
  content: "\e978";
}
.icon-arrow-left:before {
  content: "\e903";
}
.icon-arrow-left-circle:before {
  content: "\e904";
}
.icon-arrow-right:before {
  content: "\e905";
}
.icon-arrow-right-circle:before {
  content: "\e906";
}
.icon-arrow-up:before {
  content: "\e979";
}
.icon-at-sign:before {
  content: "\e969";
}
.icon-award:before {
  content: "\e98f";
}
.icon-bar-chart:before {
  content: "\e990";
}
.icon-bell:before {
  content: "\e901";
}
.icon-bookmark:before {
  content: "\e953";
}
.icon-briefcase:before {
  content: "\e907";
}
.icon-calendar:before {
  content: "\e908";
}
.icon-camera:before {
  content: "\e909";
}
.icon-check:before {
  content: "\e90a";
}
.icon-check-circle:before {
  content: "\e90b";
}
.icon-check-square:before {
  content: "\e90c";
}
.icon-chevron-down:before {
  content: "\e90d";
}
.icon-chevron-left:before {
  content: "\e90e";
}
.icon-chevron-right:before {
  content: "\e90f";
}
.icon-chevron-up:before {
  content: "\e910";
}
.icon-chevrons-down:before {
  content: "\e911";
}
.icon-chevrons-left:before {
  content: "\e912";
}
.icon-chevrons-right:before {
  content: "\e913";
}
.icon-chevrons-up:before {
  content: "\e914";
}
.icon-clock:before {
  content: "\e954";
}
.icon-code:before {
  content: "\e991";
}
.icon-copy:before {
  content: "\e992";
}
.icon-corner-down-left:before {
  content: "\e97a";
}
.icon-corner-down-right:before {
  content: "\e915";
}
.icon-corner-left-down:before {
  content: "\e97b";
}
.icon-corner-left-up:before {
  content: "\e97c";
}
.icon-corner-right-down:before {
  content: "\e97d";
}
.icon-corner-right-up:before {
  content: "\e97e";
}
.icon-corner-up-left:before {
  content: "\e97f";
}
.icon-corner-up-right:before {
  content: "\e980";
}
.icon-cpu:before {
  content: "\e981";
}
.icon-credit-card:before {
  content: "\e916";
}
.icon-crop:before {
  content: "\e917";
}
.icon-database:before {
  content: "\e918";
}
.icon-disc:before {
  content: "\e982";
}
.icon-download:before {
  content: "\e983";
}
.icon-download-cloud:before {
  content: "\e919";
}
.icon-edit:before {
  content: "\e91a";
}
.icon-edit-alt:before {
  content: "\e91b";
}
.icon-edit-cursor:before {
  content: "\e984";
}
.icon-external-link:before {
  content: "\e91c";
}
.icon-eye:before {
  content: "\e91d";
}
.icon-eye-off:before {
  content: "\e91e";
}
.icon-facebook:before {
  content: "\e91f";
}
.icon-file:before {
  content: "\e985";
}
.icon-file-text:before {
  content: "\e96a";
}
.icon-film:before {
  content: "\e993";
}
.icon-filter:before {
  content: "\e920";
}
.icon-flag:before {
  content: "\e986";
}
.icon-folder:before {
  content: "\e921";
}
.icon-folder-plus:before {
  content: "\e922";
}
.icon-gift:before {
  content: "\e923";
}
.icon-globe:before {
  content: "\e955";
}
.icon-grid:before {
  content: "\e96c";
}
.icon-hash:before {
  content: "\e96d";
}
.icon-heart:before {
  content: "\e924";
}
.icon-help-circle:before {
  content: "\e956";
}
.icon-home:before {
  content: "\e957";
}
.icon-image:before {
  content: "\e925";
}
.icon-inbox:before {
  content: "\e926";
}
.icon-info:before {
  content: "\e958";
}
.icon-instagram:before {
  content: "\e927";
}
.icon-layers:before {
  content: "\e959";
}
.icon-layout:before {
  content: "\e96e";
}
.icon-help:before {
  content: "\e95a";
}
.icon-link:before {
  content: "\e96f";
}
.icon-linkedin:before {
  content: "\e95b";
}
.icon-list:before {
  content: "\e928";
}
.icon-lock:before {
  content: "\e929";
}
.icon-log-in:before {
  content: "\e92a";
}
.icon-log-out:before {
  content: "\e92b";
}
.icon-mail:before {
  content: "\e92c";
}
.icon-map:before {
  content: "\e970";
}
.icon-map-pin:before {
  content: "\e95c";
}
.icon-maximize:before {
  content: "\e92d";
}
.icon-maximize-alt:before {
  content: "\e92e";
}
.icon-menu:before {
  content: "\e92f";
}
.icon-message-circle:before {
  content: "\e930";
}
.icon-message-square:before {
  content: "\e95d";
}
.icon-minimize:before {
  content: "\e931";
}
.icon-minus:before {
  content: "\e932";
}
.icon-minus-square:before {
  content: "\e95e";
}
.icon-monitor:before {
  content: "\e933";
}
.icon-more-horizontal:before {
  content: "\e934";
}
.icon-more-vertical:before {
  content: "\e935";
}
.icon-navigation:before {
  content: "\e936";
}
.icon-package:before {
  content: "\e937";
}
.icon-paperclip:before {
  content: "\e938";
}
.icon-pause:before {
  content: "\e95f";
}
.icon-pen-tool:before {
  content: "\e971";
}
.icon-percent:before {
  content: "\e994";
}
.icon-phone:before {
  content: "\e972";
}
.icon-phone-call:before {
  content: "\e939";
}
.icon-play:before {
  content: "\e93a";
}
.icon-play-circle:before {
  content: "\e93b";
}
.icon-plus:before {
  content: "\e960";
}
.icon-plus-circle:before {
  content: "\e93c";
}
.icon-plus-square:before {
  content: "\e93d";
}
.icon-power:before {
  content: "\e93e";
}
.icon-printer:before {
  content: "\e93f";
}
.icon-repeat:before {
  content: "\e995";
}
.icon-rotate-ccw:before {
  content: "\e976";
}
.icon-rotate-cw:before {
  content: "\e940";
}
.icon-save:before {
  content: "\e941";
}
.icon-search:before {
  content: "\e942";
}
.icon-send:before {
  content: "\e943";
}
.icon-server:before {
  content: "\e973";
}
.icon-settings:before {
  content: "\e944";
}
.icon-share:before {
  content: "\e945";
}
.icon-share-alt:before {
  content: "\e946";
}
.icon-shield:before {
  content: "\e996";
}
.icon-shopping-bag:before {
  content: "\e947";
}
.icon-shopping-cart:before {
  content: "\e948";
}
.icon-shuffle:before {
  content: "\e99b";
}
.icon-sidebar:before {
  content: "\e949";
}
.icon-slash:before {
  content: "\e987";
}
.icon-sliders:before {
  content: "\e94a";
}
.icon-smartphone:before {
  content: "\e94b";
}
.icon-star:before {
  content: "\e94c";
}
.icon-tablet:before {
  content: "\e988";
}
.icon-tag:before {
  content: "\e961";
}
.icon-thumbs-up:before {
  content: "\e997";
}
.icon-toggle-right:before {
  content: "\e974";
}
.icon-tool:before {
  content: "\e989";
}
.icon-trash:before {
  content: "\e94d";
}
.icon-trending-up:before {
  content: "\e98a";
}
.icon-truck:before {
  content: "\e98b";
}
.icon-twitter:before {
  content: "\e94e";
}
.icon-type:before {
  content: "\e975";
}
.icon-unlock:before {
  content: "\e962";
}
.icon-upload:before {
  content: "\e98c";
}
.icon-upload-cloud:before {
  content: "\e94f";
}
.icon-user:before {
  content: "\e963";
}
.icon-users:before {
  content: "\e964";
}
.icon-times:before {
  content: "\e965";
}
.icon-times-circle:before {
  content: "\e950";
}
.icon-times-square:before {
  content: "\e951";
}
.icon-youtube:before {
  content: "\e952";
}
.icon-building:before {
  content: "\e99c";
}
.icon-commenting:before {
  content: "\e998";
}
.icon-comment:before {
  content: "\e999";
}
.icon-bullhorn:before {
  content: "\e98d";
}
.icon-newspaper:before {
  content: "\e98e";
}
.icon-whatsapp:before {
  content: "\e977";
}
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--color-white);
  background: -webkit-linear-gradient(to bottom, var(--color-white), #dddddd);
  background: linear-gradient(to bottom, var(--color-white), #dddddd);
}
body #form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
  width: 80vw;
  max-width: 500px;
}
body #form-box #form-logo {
  text-align: center;
}
body #form-box #form-logo svg {
  max-height: 80px;
}
body #form-box #form-body {
  padding: 3rem 3rem 3rem 3rem;
  -webkit-border-radius: 0.75rem;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0.75rem;
  -moz-background-clip: padding;
  border-radius: 0.75rem;
  background-clip: padding-box;
  background-color: var(--color-white);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  color: var(--color-white);
}
body #form-box #form-body #login-form,
body #form-box #form-body #login-button,
body #form-box #form-body #remember-form,
body #form-box #form-body #remember-button,
body #form-box #form-body #request-form,
body #form-box #form-body #request-button {
  display: none;
}
body #form-box #form-body label {
  font-weight: 400;
  color: var(--color-text);
  text-align: center;
}
body #form-box #form-body input {
  border: none;
  -webkit-border-radius: 0.8rem;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0.8rem;
  -moz-background-clip: padding;
  border-radius: 0.8rem;
  background-clip: padding-box;
  text-align: center;
}
body #form-box #form-body input.align-left {
  text-align: left;
}
body #form-box #form-body #login-form.active,
body #form-box #form-body #remember-form.active,
body #form-box #form-body #request-form.active {
  display: block;
}
body #form-box #form-body #login-form h1,
body #form-box #form-body #remember-form h1,
body #form-box #form-body #request-form h1 {
  display: block;
  text-align: center;
  color: #d80f16;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ebebeb;
}
body #form-box #form-body #login-button.active,
body #form-box #form-body #remember-button.active,
body #form-box #form-body #request-button.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
body #form-box #form-body .login-form,
body #form-box #form-body .remember-form,
body #form-box #form-body .request-form {
  display: none;
}
body #form-box #form-body .login-form.active,
body #form-box #form-body .remember-form.active,
body #form-box #form-body .request-form.active {
  display: block;
}
body #form-box #form-body #remember-form p {
  margin-bottom: 3rem;
  padding: 1.5rem 2rem 1.5rem 2rem;
  background-color: #ebebeb;
  -webkit-border-radius: 1rem;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 1rem;
  -moz-background-clip: padding;
  border-radius: 1rem;
  background-clip: padding-box;
  font-size: 1.4rem;
  color: var(--color-text);
}
body #form-box #form-body #remember-form p strong {
  font-weight: 700;
}
body #form-box #form-body #request-form label {
  text-align: left;
}
body #form-box #form-body #request-form p {
  margin-bottom: 3rem;
  padding: 1.5rem 2rem 1.5rem 2rem;
  background-color: #ebebeb;
  -webkit-border-radius: 1rem;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 1rem;
  -moz-background-clip: padding;
  border-radius: 1rem;
  background-clip: padding-box;
  font-size: 1.4rem;
  color: var(--color-text);
}
body #form-box #form-body #request-form p strong {
  font-weight: 700;
  color: var(--color-text);
}
body #form-box #form-body #request-form .grid-1-3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.5fr 4fr;
  grid-template-columns: 1.5fr 4fr;
  gap: 2rem;
  margin-bottom: 2rem;
}
body #form-box #form-body #request-form .row {
  margin-bottom: 2rem;
}
body #form-box #form-body #form-buttons-login {
  padding-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  background-color: transparent;
  border-top: none;
}
body #form-box #form-body #form-buttons-login button {
  color: var(--color-white);
}
body #form-box #form-body #form-buttons-login button i {
  color: var(--color-white);
}
body #form-box #form-body #form-buttons-login a {
  font-size: 1.3rem;
  color: var(--color-text);
}
body #form-box #form-body #form-buttons-login a:hover {
  text-decoration: underline;
}
body #form-box #form-body .featurette-divider {
  margin-top: 2.5rem;
}
body #form-box #form-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--color-text);
  font-size: 1.3rem;
}
body #form-box #form-footer svg {
  max-height: 2.5rem;
}
body #form-box #form-footer svg path {
  fill: var(--color-primary);
}