/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! FORMULÁRIOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! FORMULÁRIOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! FORMULÁRIOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.father_group_input {
  position: relative;
  width: 100%;
  line-height: 10px;
  margin: 35px 0px;
  /* margin: 15px 0px; */
}

.align_inputs {
  display: flex !important;
  justify-content: space-between;
  margin: 35px 0px;
}

.align_inputs .father_group_input {
  width: 100%;
  margin: 0px 5px;
}

.align_inputs .col_group-2 {
  width: 200%;
}

.align_inputs .col_group-3 {
  width: 300%;
}

@media (max-width:614px) {
  .align_inputs {
    display: block !important;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .align_inputs .father_group_input {
    width: 100%;
    margin: 35px 0px;
  }

  .align_inputs .col_group-2 {
    width: 100%;
  }

  .align_inputs .col_group-3 {
    width: 100%;
  }
}

.align_inputs .father_group_input:first-child {
  margin-left: 0px;
}

.align_inputs .father_group_input:last-child {
  margin-right: 0px;
}

/* ESTILO DA MENSAGEM */
.father_group_input span {
  display: none !important;
  position: absolute;
  margin-top: 6px;
  margin-left: 15px;
  font-size: 13px;
}

/* ESTILOS DA INPUT E DO SELECT */
.father_group_input input,
.father_group_input select {
  position: relative;
  width: 100%;
  padding: 12px 14px;
  background-color: transparent;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  font-size: inherit;
}

.father_group_input input:focus,
.father_group_input select:focus {
  border: 1px solid #a1a1a1;
}

.father_group_input input::placeholder {
  color: #999999;
}

/* ESTILO DA LABEL */
.father_group_input label {
  position: absolute;
  font-size: 15px;
  color: #353535a9;
  background-color: #ffffff;
  top: 17px;
  left: 14px;
  transition: all 0.2s ease;
  padding: 1px 8px;
  pointer-events: none;
  border-radius: 30px;
}

/* ESTILO DA LABEL PRE-FIXADA*/
.father_group_input .label_prefixed {
  top: -6px;
  left: 10px;
  color: #808080;
  font-size: 13px;
}

.father_group_input input:focus~label,
.father_group_input input:not(:placeholder-shown)~label,
.has-content.father_group_input input~label,
.father_group_input select:focus~label,
.father_group_input select:not(:placeholder-shown)~label,
.has-content.father_group_input select~label {
  color: var(--color_main);
  top: -6px;
  left: 10px;
  font-size: 13px;
}

/* EM CASO DE INPUT INVÁLIDA */
.father_group_input .input_invalid {
  border: 1px solid var(--invalid_color);
}

.father_group_input .input_invalid:focus {
  border: 1px solid var(--invalid_color);
}

.father_group_input .input_invalid~label {
  color: var(--invalid_color);
}

.father_group_input .input_invalid:focus~label,
.father_group_input .input_invalid:not(:placeholder-shown)~label,
.has-content.father_group_input .input_invalid~label {
  color: var(--invalid_color);
}

/* EM CASO DE INPUT VÁLIDA */
.father_group_input .input_valid {
  border: 1px solid var(--valid_color);
}

.father_group_input .input_valid:focus {
  border: 1px solid var(--valid_color);
}

.father_group_input .input_valid~label {
  color: var(--valid_color);
}

.father_group_input .input_valid:focus~label,
.father_group_input .input_valid:not(:placeholder-shown)~label,
.has-content.father_group_input .input_valid~label {
  color: var(--valid_color);
}

/* ESTILOS DA MENSAGEM INVÁLIDA */
.father_group_input .input_invalid~span {
  display: block !important;
  color: var(--invalid_color);
}

/* ESTILOS DA MENSAGEM VÁLIDA */
.father_group_input .input_valid~span {
  display: block !important;
  color: var(--valid_color);
}

/* ESTILOS INPUT E LABEL READONLY */
.father_group_input input:read-only {
  position: relative;
  width: 100%;
  padding: 12px 14px;
  background-color: transparent;
  background-color: #efefef;
  border: 1px solid #c6c6c6;
  color: #656565;
  border-radius: 3px;
}

.father_group_input input:read-only:focus {
  border: 1px solid #c6c6c6;
}

.father_group_input input:read-only~label {
  font-size: 15px;
  background-image: linear-gradient(to bottom, transparent 50%, #efefef 50%);
  color: #606060;
  top: -7px;
  left: 13px;
  font-size: 14px;
}

:root {
  --grid_width_1: 1256px;
  --grid_width_2: 1116px;
  --grid_width_3: 1000px;
  --grid_width_4: 744px;
  --grid_width_5: 590px;
  --breakpoint_1: 1280px;
  --breakpoint_2: 1140px;
  --breakpoint_3: 1024px;
  --breakpoint_4: 768px;
  --breakpoint_5: 614px;
  --grid_gutter: 24px;
  --grid_cols: 12;
  --grid_col_width: calc(var(--grid_width) / var(--grid_cols));
  --invalid_color: #e41b00;
  --valid_color: #00c77b;
  /* --valid_color: #15D661; */
  /* --valid_color: #6cc947; */
  --blue: #1984FF;
  --blue-light: #1984ff62;
  --blue-dark: #0066db;
  --green: #6cc947;
}

:root {
  --border-color: #d7d7d7;
  --cell-width: 85px;
  --field-width: 90px;
}

*,
*:focus,
*::before,
*::after {
  box-sizing: border-box;
  outline: none !important;
}

html {
  scroll-behavior: smooth !important;
}

body {
  margin: 0px;
  padding: 0px;
  scroll-behavior: smooth !important;
  color: #000000a1;
}

.body_scroll_hidden {
  overflow: hidden;
}

@font-face {
  font-family: Roboto;
  src: url('Roboto-Thin.ttf');
  font-weight: 300;
  font-style: thin;
}

@font-face {
  font-family: Roboto;
  src: url('Roboto-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Roboto;
  src: url('Roboto-Medium.ttf');
  font-weight: 500;
}

@font-face {
  font-family: Roboto;
  src: url('Roboto-Bold.ttf');
  font-weight: 700;
  font-style: bold;
}

body {
  font-family: Roboto;
  color: #000000b9;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0px;
  margin: 0px;
  width: max-content;
}

h1 {
  font-size: 26px;
  padding: 12px 0px;
  padding-bottom: 13px;
  font-weight: 700;
}

h2 {
  font-size: 24px;
  padding: 11px 0px;
  padding-bottom: 12px;
  font-weight: 700;
}

h3 {
  font-size: 22px;
  padding: 9px 0px;
  padding-bottom: 10px;
  font-weight: 500;
}

h4 {
  font-size: 20px;
  padding: 7px 0px;
  padding-bottom: 8px;
  font-weight: 500;
}

h5 {
  font-size: 18px;
  padding: 5px 0px;
  padding-bottom: 6px;
  font-weight: 500;
}

h6 {
  font-size: 16px;
  padding: 5px 0px;
  padding-bottom: 6px;
  font-weight: 500;
}

p {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: 400;
}

.f-size-1 {
  font-size: 12px;
}

.f-size-2 {
  font-size: 14px;
}

.f-size-3 {
  font-size: 16px;
}

.f-size-4 {
  font-size: 18px;
}

.f-size-5 {
  font-size: 20px;
}

.grid,
.grid-kxlg,
.grid-klg,
.grid-kmd,
.grid-ksm,
.grid-kxsm {
  width: 100%;
  margin: 0 auto;
  display: block !important;
  position: relative;
}

@media(min-width:614px) {

  .grid,
  .grid-kxsm {
    max-width: var(--grid_width_5);
  }
}

@media(min-width:768px) {

  .grid,
  .grid-kxsm,
  .grid-ksm {
    max-width: var(--grid_width_4);
  }
}

@media(min-width:1024px) {

  .grid,
  .grid-kxsm,
  .grid-ksm,
  .grid-kmd {
    max-width: var(--grid_width_3);
  }
}

@media(min-width:1140px) {

  .grid,
  .grid-kxsm,
  .grid-ksm,
  .grid-kmd,
  .grid-klg {
    max-width: var(--grid_width_2);
  }
}

@media(min-width:1280px) {

  .grid,
  .grid-kxsm,
  .grid-ksm,
  .grid-kmd,
  .grid-klg,
  .grid-kxlg {
    max-width: var(--grid_width_1);
  }
}

.grid-row {
  display: -ms-flexbox;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.grid-row>div {
  padding: 0px calc(var(--grid_gutter) / 2);
  width: 100%;
  position: relative;
}

.cl-auto {
  width: auto !important;
  max-width: 100%;
  flex-grow: 1;
}

.cl-1 {
  max-width: calc(100% / var(--grid_cols));
}

.cl-2 {
  max-width: calc(100% / (var(--grid_cols) / 2));
}

.cl-3 {
  max-width: calc(100% / (var(--grid_cols) / 3));
}

.cl-4 {
  max-width: calc(100% / (var(--grid_cols) / 4));
}

.cl-5 {
  max-width: calc(100% / (var(--grid_cols) / 5));
}

.cl-6 {
  max-width: calc(100% / (var(--grid_cols) / 6));
}

.cl-7 {
  max-width: calc(100% / (var(--grid_cols) / 7));
}

.cl-8 {
  max-width: calc(100% / (var(--grid_cols) / 8));
}

.cl-9 {
  max-width: calc(100% / (var(--grid_cols) / 9));
}

.cl-10 {
  max-width: calc(100% / (var(--grid_cols) / 10));
}

.cl-11 {
  max-width: calc(100% / (var(--grid_cols) / 11));
}

.cl-12 {
  max-width: calc(100% / (var(--grid_cols) / 12));
}

.ord-first {
  -ms-flex-order: -1;
  order: -1;
}

.ord-last {
  -ms-flex-order: 13;
  order: 13;
}

.ord-0 {
  -ms-flex-order: 0;
  order: 0;
}

.ord-1 {
  -ms-flex-order: 1;
  order: 1;
}

.ord-2 {
  -ms-flex-order: 2;
  order: 2;
}

.ord-3 {
  -ms-flex-order: 3;
  order: 3;
}

.ord-4 {
  -ms-flex-order: 4;
  order: 4;
}

.ord-5 {
  -ms-flex-order: 5;
  order: 5;
}

.ord-6 {
  -ms-flex-order: 6;
  order: 6;
}

.ord-7 {
  -ms-flex-order: 7;
  order: 7;
}

.ord-8 {
  -ms-flex-order: 8;
  order: 8;
}

.ord-9 {
  -ms-flex-order: 9;
  order: 9;
}

.ord-10 {
  -ms-flex-order: 10;
  order: 10;
}

.ord-11 {
  -ms-flex-order: 11;
  order: 11;
}

.ord-12 {
  -ms-flex-order: 12;
  order: 12;
}

@media (min-width:614px) {
  .cl-kxsm-auto {
    width: auto !important;
    max-width: 100%;
    flex-grow: 1;
  }

  .cl-kxsm-1 {
    max-width: calc(100% / var(--grid_cols));
  }

  .cl-kxsm-2 {
    max-width: calc(100% / (var(--grid_cols) / 2));
  }

  .cl-kxsm-3 {
    max-width: calc(100% / (var(--grid_cols) / 3));
  }

  .cl-kxsm-4 {
    max-width: calc(100% / (var(--grid_cols) / 4));
  }

  .cl-kxsm-5 {
    max-width: calc(100% / (var(--grid_cols) / 5));
  }

  .cl-kxsm-6 {
    max-width: calc(100% / (var(--grid_cols) / 6));
  }

  .cl-kxsm-7 {
    max-width: calc(100% / (var(--grid_cols) / 7));
  }

  .cl-kxsm-8 {
    max-width: calc(100% / (var(--grid_cols) / 8));
  }

  .cl-kxsm-9 {
    max-width: calc(100% / (var(--grid_cols) / 9));
  }

  .cl-kxsm-10 {
    max-width: calc(100% / (var(--grid_cols) / 10));
  }

  .cl-kxsm-11 {
    max-width: calc(100% / (var(--grid_cols) / 11));
  }

  .cl-kxsm-12 {
    max-width: calc(100% / (var(--grid_cols) / 12));
  }

  .ord-kxsm-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .ord-kxsm-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .ord-kxsm-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .ord-kxsm-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .ord-kxsm-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .ord-kxsm-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .ord-kxsm-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .ord-kxsm-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .ord-kxsm-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .ord-kxsm-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .ord-kxsm-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .ord-kxsm-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .ord-kxsm-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .ord-kxsm-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .ord-kxsm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width:768px) {
  .cl-ksm-auto {
    width: auto !important;
    max-width: 100%;
    flex-grow: 1;
  }

  .cl-ksm-1 {
    max-width: calc(100% / var(--grid_cols));
  }

  .cl-ksm-2 {
    max-width: calc(100% / (var(--grid_cols) / 2));
  }

  .cl-ksm-3 {
    max-width: calc(100% / (var(--grid_cols) / 3));
  }

  .cl-ksm-4 {
    max-width: calc(100% / (var(--grid_cols) / 4));
  }

  .cl-ksm-5 {
    max-width: calc(100% / (var(--grid_cols) / 5));
  }

  .cl-ksm-6 {
    max-width: calc(100% / (var(--grid_cols) / 6));
  }

  .cl-ksm-7 {
    max-width: calc(100% / (var(--grid_cols) / 7));
  }

  .cl-ksm-8 {
    max-width: calc(100% / (var(--grid_cols) / 8));
  }

  .cl-ksm-9 {
    max-width: calc(100% / (var(--grid_cols) / 9));
  }

  .cl-ksm-10 {
    max-width: calc(100% / (var(--grid_cols) / 10));
  }

  .cl-ksm-11 {
    max-width: calc(100% / (var(--grid_cols) / 11));
  }

  .cl-ksm-12 {
    max-width: calc(100% / (var(--grid_cols) / 12));
  }

  .ord-ksm-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .ord-ksm-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .ord-ksm-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .ord-ksm-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .ord-ksm-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .ord-ksm-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .ord-ksm-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .ord-ksm-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .ord-ksm-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .ord-ksm-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .ord-ksm-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .ord-ksm-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .ord-ksm-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .ord-ksm-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .ord-ksm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width:1024px) {
  .cl-kmd-auto {
    width: auto !important;
    max-width: 100%;
    flex-grow: 1;
  }

  .cl-kmd-1 {
    max-width: calc(100% / var(--grid_cols));
  }

  .cl-kmd-2 {
    max-width: calc(100% / (var(--grid_cols) / 2));
  }

  .cl-kmd-3 {
    max-width: calc(100% / (var(--grid_cols) / 3));
  }

  .cl-kmd-4 {
    max-width: calc(100% / (var(--grid_cols) / 4));
  }

  .cl-kmd-5 {
    max-width: calc(100% / (var(--grid_cols) / 5));
  }

  .cl-kmd-6 {
    max-width: calc(100% / (var(--grid_cols) / 6));
  }

  .cl-kmd-7 {
    max-width: calc(100% / (var(--grid_cols) / 7));
  }

  .cl-kmd-8 {
    max-width: calc(100% / (var(--grid_cols) / 8));
  }

  .cl-kmd-9 {
    max-width: calc(100% / (var(--grid_cols) / 9));
  }

  .cl-kmd-10 {
    max-width: calc(100% / (var(--grid_cols) / 10));
  }

  .cl-kmd-11 {
    max-width: calc(100% / (var(--grid_cols) / 11));
  }

  .cl-kmd-12 {
    max-width: calc(100% / (var(--grid_cols) / 12));
  }

  .ord-kmd-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .ord-kmd-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .ord-kmd-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .ord-kmd-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .ord-kmd-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .ord-kmd-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .ord-kmd-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .ord-kmd-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .ord-kmd-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .ord-kmd-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .ord-kmd-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .ord-kmd-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .ord-kmd-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .ord-kmd-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .ord-kmd-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width:1140px) {
  .cl-klg-auto {
    width: auto !important;
    max-width: 100%;
    flex-grow: 1;
  }

  .cl-klg-1 {
    max-width: calc(100% / var(--grid_cols));
  }

  .cl-klg-2 {
    max-width: calc(100% / (var(--grid_cols) / 2));
  }

  .cl-klg-3 {
    max-width: calc(100% / (var(--grid_cols) / 3));
  }

  .cl-klg-4 {
    max-width: calc(100% / (var(--grid_cols) / 4));
  }

  .cl-klg-5 {
    max-width: calc(100% / (var(--grid_cols) / 5));
  }

  .cl-klg-6 {
    max-width: calc(100% / (var(--grid_cols) / 6));
  }

  .cl-klg-7 {
    max-width: calc(100% / (var(--grid_cols) / 7));
  }

  .cl-klg-8 {
    max-width: calc(100% / (var(--grid_cols) / 8));
  }

  .cl-klg-9 {
    max-width: calc(100% / (var(--grid_cols) / 9));
  }

  .cl-klg-10 {
    max-width: calc(100% / (var(--grid_cols) / 10));
  }

  .cl-klg-11 {
    max-width: calc(100% / (var(--grid_cols) / 11));
  }

  .cl-klg-12 {
    max-width: calc(100% / (var(--grid_cols) / 12));
  }

  .ord-klg-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .ord-klg-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .ord-klg-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .ord-klg-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .ord-klg-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .ord-klg-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .ord-klg-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .ord-klg-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .ord-klg-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .ord-klg-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .ord-klg-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .ord-klg-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .ord-klg-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .ord-klg-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .ord-klg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width:1280px) {
  .cl-kxlg-auto {
    width: auto !important;
    max-width: 100%;
    flex-grow: 1;
  }

  .cl-kxlg-1 {
    max-width: calc(100% / var(--grid_cols));
  }

  .cl-kxlg-2 {
    max-width: calc(100% / (var(--grid_cols) / 2));
  }

  .cl-kxlg-3 {
    max-width: calc(100% / (var(--grid_cols) / 3));
  }

  .cl-kxlg-4 {
    max-width: calc(100% / (var(--grid_cols) / 4));
  }

  .cl-kxlg-5 {
    max-width: calc(100% / (var(--grid_cols) / 5));
  }

  .cl-kxlg-6 {
    max-width: calc(100% / (var(--grid_cols) / 6));
  }

  .cl-kxlg-7 {
    max-width: calc(100% / (var(--grid_cols) / 7));
  }

  .cl-kxlg-8 {
    max-width: calc(100% / (var(--grid_cols) / 8));
  }

  .cl-kxlg-9 {
    max-width: calc(100% / (var(--grid_cols) / 9));
  }

  .cl-kxlg-10 {
    max-width: calc(100% / (var(--grid_cols) / 10));
  }

  .cl-kxlg-11 {
    max-width: calc(100% / (var(--grid_cols) / 11));
  }

  .cl-kxlg-12 {
    max-width: calc(100% / (var(--grid_cols) / 12));
  }

  .ord-kxlg-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .ord-kxlg-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .ord-kxlg-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .ord-kxlg-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .ord-kxlg-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .ord-kxlg-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .ord-kxlg-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .ord-kxlg-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .ord-kxlg-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .ord-kxlg-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .ord-kxlg-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .ord-kxlg-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .ord-kxlg-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .ord-kxlg-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .ord-kxlg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}

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

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

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

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

@media (min-width:614px) {
  .d-kxsm-flex {
    display: flex !important;
  }

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

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

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

@media (min-width:768px) {
  .d-ksm-flex {
    display: flex !important;
  }

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

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

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

@media (min-width:1024px) {
  .d-kmd-flex {
    display: flex !important;
  }

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

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

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

@media (min-width:1140px) {
  .d-klg-flex {
    display: flex !important;
  }

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

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

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

@media (min-width:1280px) {
  .d-kxlg-flex {
    display: flex !important;
  }

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

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

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

.p-0 {
  padding: 0px !important;
}

.p-1 {
  padding: 5px !important;
}

.p-2 {
  padding: 10px !important;
}

.p-3 {
  padding: 15px !important;
}

.p-4 {
  padding: 20px !important;
}

.p-5 {
  padding: 25px !important;
}

.p-6 {
  padding: 30px !important;
}

.p-7 {
  padding: 35px !important;
}

.p-8 {
  padding: 40px !important;
}

.pt-0,
.py-0 {
  padding-top: 0px !important;
}

.pt-1,
.py-1 {
  padding-top: 5px !important;
}

.pt-2,
.py-2 {
  padding-top: 10px !important;
}

.pt-3,
.py-3 {
  padding-top: 15px !important;
}

.pt-4,
.py-4 {
  padding-top: 20px !important;
}

.pt-5,
.py-5 {
  padding-top: 25px !important;
}

.pt-6,
.py-6 {
  padding-top: 30px !important;
}

.pt-7,
.py-7 {
  padding-top: 35px !important;
}

.pt-8,
.py-8 {
  padding-top: 40px !important;
}

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

.pr-1,
.px-1 {
  padding-right: 5px !important;
}

.pr-2,
.px-2 {
  padding-right: 10px !important;
}

.pr-3,
.px-3 {
  padding-right: 15px !important;
}

.pr-4,
.px-4 {
  padding-right: 20px !important;
}

.pr-5,
.px-5 {
  padding-right: 25px !important;
}

.pr-6,
.px-6 {
  padding-right: 30px !important;
}

.pr-7,
.px-7 {
  padding-right: 35px !important;
}

.pr-8,
.px-8 {
  padding-right: 40px !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 5px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 10px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 15px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 20px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 25px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 30px !important;
}

.pb-7,
.py-7 {
  padding-bottom: 35px !important;
}

.pb-8,
.py-8 {
  padding-bottom: 40px !important;
}

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

.pl-1,
.px-1 {
  padding-left: 5px !important;
}

.pl-2,
.px-2 {
  padding-left: 10px !important;
}

.pl-3,
.px-3 {
  padding-left: 15px !important;
}

.pl-4,
.px-4 {
  padding-left: 20px !important;
}

.pl-5,
.px-5 {
  padding-left: 25px !important;
}

.pl-6,
.px-6 {
  padding-left: 30px !important;
}

.pl-7,
.px-7 {
  padding-left: 35px !important;
}

.pl-8,
.px-8 {
  padding-left: 40px !important;
}

@media (min-width: 614px) {
  .p-kxsm-0 {
    padding: 0px !important;
  }

  .p-kxsm-1 {
    padding: 5px !important;
  }

  .p-kxsm-2 {
    padding: 10px !important;
  }

  .p-kxsm-3 {
    padding: 15px !important;
  }

  .p-kxsm-4 {
    padding: 20px !important;
  }

  .p-kxsm-5 {
    padding: 25px !important;
  }

  .p-kxsm-6 {
    padding: 30px !important;
  }

  .p-kxsm-7 {
    padding: 35px !important;
  }

  .p-kxsm-8 {
    padding: 40px !important;
  }

  .pt-kxsm-0,
  .py-kxsm-0 {
    padding-top: 0px !important;
  }

  .pt-kxsm-1,
  .py-kxsm-1 {
    padding-top: 5px !important;
  }

  .pt-kxsm-2,
  .py-kxsm-2 {
    padding-top: 10px !important;
  }

  .pt-kxsm-3,
  .py-kxsm-3 {
    padding-top: 15px !important;
  }

  .pt-kxsm-4,
  .py-kxsm-4 {
    padding-top: 20px !important;
  }

  .pt-kxsm-5,
  .py-kxsm-5 {
    padding-top: 25px !important;
  }

  .pt-kxsm-6,
  .py-kxsm-6 {
    padding-top: 30px !important;
  }

  .pt-kxsm-7,
  .py-kxsm-7 {
    padding-top: 35px !important;
  }

  .pt-kxsm-8,
  .py-kxsm-8 {
    padding-top: 40px !important;
  }

  .pr-kxsm-0,
  .px-kxsm-0 {
    padding-right: 0px !important;
  }

  .pr-kxsm-1,
  .px-kxsm-1 {
    padding-right: 5px !important;
  }

  .pr-kxsm-2,
  .px-kxsm-2 {
    padding-right: 10px !important;
  }

  .pr-kxsm-3,
  .px-kxsm-3 {
    padding-right: 15px !important;
  }

  .pr-kxsm-4,
  .px-kxsm-4 {
    padding-right: 20px !important;
  }

  .pr-kxsm-5,
  .px-kxsm-5 {
    padding-right: 25px !important;
  }

  .pr-kxsm-6,
  .px-kxsm-6 {
    padding-right: 30px !important;
  }

  .pr-kxsm-7,
  .px-kxsm-7 {
    padding-right: 35px !important;
  }

  .pr-kxsm-8,
  .px-kxsm-8 {
    padding-right: 40px !important;
  }

  .pb-kxsm-0,
  .py-kxsm-0 {
    padding-bottom: 0px !important;
  }

  .pb-kxsm-1,
  .py-kxsm-1 {
    padding-bottom: 5px !important;
  }

  .pb-kxsm-2,
  .py-kxsm-2 {
    padding-bottom: 10px !important;
  }

  .pb-kxsm-3,
  .py-kxsm-3 {
    padding-bottom: 15px !important;
  }

  .pb-kxsm-4,
  .py-kxsm-4 {
    padding-bottom: 20px !important;
  }

  .pb-kxsm-5,
  .py-kxsm-5 {
    padding-bottom: 25px !important;
  }

  .pb-kxsm-6,
  .py-kxsm-6 {
    padding-bottom: 30px !important;
  }

  .pb-kxsm-7,
  .py-kxsm-7 {
    padding-bottom: 35px !important;
  }

  .pb-kxsm-8,
  .py-kxsm-8 {
    padding-bottom: 40px !important;
  }

  .pl-kxsm-0,
  .px-kxsm-0 {
    padding-left: 0px !important;
  }

  .pl-kxsm-1,
  .px-kxsm-1 {
    padding-left: 5px !important;
  }

  .pl-kxsm-2,
  .px-kxsm-2 {
    padding-left: 10px !important;
  }

  .pl-kxsm-3,
  .px-kxsm-3 {
    padding-left: 15px !important;
  }

  .pl-kxsm-4,
  .px-kxsm-4 {
    padding-left: 20px !important;
  }

  .pl-kxsm-5,
  .px-kxsm-5 {
    padding-left: 25px !important;
  }

  .pl-kxsm-6,
  .px-kxsm-6 {
    padding-left: 30px !important;
  }

  .pl-kxsm-7,
  .px-kxsm-7 {
    padding-left: 35px !important;
  }

  .pl-kxsm-8,
  .px-kxsm-8 {
    padding-left: 40px !important;
  }
}

@media (min-width: 768px) {
  .p-ksm-0 {
    padding: 0px !important;
  }

  .p-ksm-1 {
    padding: 5px !important;
  }

  .p-ksm-2 {
    padding: 10px !important;
  }

  .p-ksm-3 {
    padding: 15px !important;
  }

  .p-ksm-4 {
    padding: 20px !important;
  }

  .p-ksm-5 {
    padding: 25px !important;
  }

  .p-ksm-6 {
    padding: 30px !important;
  }

  .p-ksm-7 {
    padding: 35px !important;
  }

  .p-ksm-8 {
    padding: 40px !important;
  }

  .pt-ksm-0,
  .py-ksm-0 {
    padding-top: 0px !important;
  }

  .pt-ksm-1,
  .py-ksm-1 {
    padding-top: 5px !important;
  }

  .pt-ksm-2,
  .py-ksm-2 {
    padding-top: 10px !important;
  }

  .pt-ksm-3,
  .py-ksm-3 {
    padding-top: 15px !important;
  }

  .pt-ksm-4,
  .py-ksm-4 {
    padding-top: 20px !important;
  }

  .pt-ksm-5,
  .py-ksm-5 {
    padding-top: 25px !important;
  }

  .pt-ksm-6,
  .py-ksm-6 {
    padding-top: 30px !important;
  }

  .pt-ksm-7,
  .py-ksm-7 {
    padding-top: 35px !important;
  }

  .pt-ksm-8,
  .py-ksm-8 {
    padding-top: 40px !important;
  }

  .pr-ksm-0,
  .px-ksm-0 {
    padding-right: 0px !important;
  }

  .pr-ksm-1,
  .px-ksm-1 {
    padding-right: 5px !important;
  }

  .pr-ksm-2,
  .px-ksm-2 {
    padding-right: 10px !important;
  }

  .pr-ksm-3,
  .px-ksm-3 {
    padding-right: 15px !important;
  }

  .pr-ksm-4,
  .px-ksm-4 {
    padding-right: 20px !important;
  }

  .pr-ksm-5,
  .px-ksm-5 {
    padding-right: 25px !important;
  }

  .pr-ksm-6,
  .px-ksm-6 {
    padding-right: 30px !important;
  }

  .pr-ksm-7,
  .px-ksm-7 {
    padding-right: 35px !important;
  }

  .pr-ksm-8,
  .px-ksm-8 {
    padding-right: 40px !important;
  }

  .pb-ksm-0,
  .py-ksm-0 {
    padding-bottom: 0px !important;
  }

  .pb-ksm-1,
  .py-ksm-1 {
    padding-bottom: 5px !important;
  }

  .pb-ksm-2,
  .py-ksm-2 {
    padding-bottom: 10px !important;
  }

  .pb-ksm-3,
  .py-ksm-3 {
    padding-bottom: 15px !important;
  }

  .pb-ksm-4,
  .py-ksm-4 {
    padding-bottom: 20px !important;
  }

  .pb-ksm-5,
  .py-ksm-5 {
    padding-bottom: 25px !important;
  }

  .pb-ksm-6,
  .py-ksm-6 {
    padding-bottom: 30px !important;
  }

  .pb-ksm-7,
  .py-ksm-7 {
    padding-bottom: 35px !important;
  }

  .pb-ksm-8,
  .py-ksm-8 {
    padding-bottom: 40px !important;
  }

  .pl-ksm-0,
  .px-ksm-0 {
    padding-left: 0px !important;
  }

  .pl-ksm-1,
  .px-ksm-1 {
    padding-left: 5px !important;
  }

  .pl-ksm-2,
  .px-ksm-2 {
    padding-left: 10px !important;
  }

  .pl-ksm-3,
  .px-ksm-3 {
    padding-left: 15px !important;
  }

  .pl-ksm-4,
  .px-ksm-4 {
    padding-left: 20px !important;
  }

  .pl-ksm-5,
  .px-ksm-5 {
    padding-left: 25px !important;
  }

  .pl-ksm-6,
  .px-ksm-6 {
    padding-left: 30px !important;
  }

  .pl-ksm-7,
  .px-ksm-7 {
    padding-left: 35px !important;
  }

  .pl-ksm-8,
  .px-8 {
    padding-left: 40px !important;
  }
}

@media (min-width: 1024px) {
  .p-kmd-0 {
    padding: 0px !important;
  }

  .p-kmd-1 {
    padding: 5px !important;
  }

  .p-kmd-2 {
    padding: 10px !important;
  }

  .p-kmd-3 {
    padding: 15px !important;
  }

  .p-kmd-4 {
    padding: 20px !important;
  }

  .p-kmd-5 {
    padding: 25px !important;
  }

  .p-kmd-6 {
    padding: 30px !important;
  }

  .p-kmd-7 {
    padding: 35px !important;
  }

  .p-kmd-8 {
    padding: 40px !important;
  }

  .pt-kmd-0,
  .py-kmd-0 {
    padding-top: 0px !important;
  }

  .pt-kmd-1,
  .py-kmd-1 {
    padding-top: 5px !important;
  }

  .pt-kmd-2,
  .py-kmd-2 {
    padding-top: 10px !important;
  }

  .pt-kmd-3,
  .py-kmd-3 {
    padding-top: 15px !important;
  }

  .pt-kmd-4,
  .py-kmd-4 {
    padding-top: 20px !important;
  }

  .pt-kmd-5,
  .py-kmd-5 {
    padding-top: 25px !important;
  }

  .pt-kmd-6,
  .py-kmd-6 {
    padding-top: 30px !important;
  }

  .pt-kmd-7,
  .py-kmd-7 {
    padding-top: 35px !important;
  }

  .pt-kmd-8,
  .py-kmd-8 {
    padding-top: 40px !important;
  }

  .pr-kmd-0,
  .px-kmd-0 {
    padding-right: 0px !important;
  }

  .pr-kmd-1,
  .px-kmd-1 {
    padding-right: 5px !important;
  }

  .pr-kmd-2,
  .px-kmd-2 {
    padding-right: 10px !important;
  }

  .pr-kmd-3,
  .px-kmd-3 {
    padding-right: 15px !important;
  }

  .pr-kmd-4,
  .px-kmd-4 {
    padding-right: 20px !important;
  }

  .pr-kmd-5,
  .px-kmd-5 {
    padding-right: 25px !important;
  }

  .pr-kmd-6,
  .px-kmd-6 {
    padding-right: 30px !important;
  }

  .pr-kmd-7,
  .px-kmd-7 {
    padding-right: 35px !important;
  }

  .pr-kmd-8,
  .px-kmd-8 {
    padding-right: 40px !important;
  }

  .pb-kmd-0,
  .py-kmd-0 {
    padding-bottom: 0px !important;
  }

  .pb-kmd-1,
  .py-kmd-1 {
    padding-bottom: 5px !important;
  }

  .pb-kmd-2,
  .py-kmd-2 {
    padding-bottom: 10px !important;
  }

  .pb-kmd-3,
  .py-kmd-3 {
    padding-bottom: 15px !important;
  }

  .pb-kmd-4,
  .py-kmd-4 {
    padding-bottom: 20px !important;
  }

  .pb-kmd-5,
  .py-kmd-5 {
    padding-bottom: 25px !important;
  }

  .pb-kmd-6,
  .py-kmd-6 {
    padding-bottom: 30px !important;
  }

  .pb-kmd-7,
  .py-kmd-7 {
    padding-bottom: 35px !important;
  }

  .pb-kmd-8,
  .py-kmd-8 {
    padding-bottom: 40px !important;
  }

  .pl-kmd-0,
  .px-kmd-0 {
    padding-left: 0px !important;
  }

  .pl-kmd-1,
  .px-kmd-1 {
    padding-left: 5px !important;
  }

  .pl-kmd-2,
  .px-kmd-2 {
    padding-left: 10px !important;
  }

  .pl-kmd-3,
  .px-kmd-3 {
    padding-left: 15px !important;
  }

  .pl-kmd-4,
  .px-kmd-4 {
    padding-left: 20px !important;
  }

  .pl-kmd-5,
  .px-kmd-5 {
    padding-left: 25px !important;
  }

  .pl-kmd-6,
  .px-kmd-6 {
    padding-left: 30px !important;
  }

  .pl-kmd-7,
  .px-kmd-7 {
    padding-left: 35px !important;
  }

  .pl-kmd-8,
  .px-kmd-8 {
    padding-left: 40px !important;
  }
}

@media (min-width: 1140px) {
  .p-klg-0 {
    padding: 0px !important;
  }

  .p-klg-1 {
    padding: 5px !important;
  }

  .p-klg-2 {
    padding: 10px !important;
  }

  .p-klg-3 {
    padding: 15px !important;
  }

  .p-klg-4 {
    padding: 20px !important;
  }

  .p-klg-5 {
    padding: 25px !important;
  }

  .p-klg-6 {
    padding: 30px !important;
  }

  .p-klg-7 {
    padding: 35px !important;
  }

  .p-klg-8 {
    padding: 40px !important;
  }

  .pt-klg-0,
  .py-klg-0 {
    padding-top: 0px !important;
  }

  .pt-klg-1,
  .py-klg-1 {
    padding-top: 5px !important;
  }

  .pt-klg-2,
  .py-klg-2 {
    padding-top: 10px !important;
  }

  .pt-klg-3,
  .py-klg-3 {
    padding-top: 15px !important;
  }

  .pt-klg-4,
  .py-klg-4 {
    padding-top: 20px !important;
  }

  .pt-klg-5,
  .py-klg-5 {
    padding-top: 25px !important;
  }

  .pt-klg-6,
  .py-klg-6 {
    padding-top: 30px !important;
  }

  .pt-klg-7,
  .py-klg-7 {
    padding-top: 35px !important;
  }

  .pt-klg-8,
  .py-klg-8 {
    padding-top: 40px !important;
  }

  .pr-klg-0,
  .px-klg-0 {
    padding-right: 0px !important;
  }

  .pr-klg-1,
  .px-klg-1 {
    padding-right: 5px !important;
  }

  .pr-klg-2,
  .px-klg-2 {
    padding-right: 10px !important;
  }

  .pr-klg-3,
  .px-klg-3 {
    padding-right: 15px !important;
  }

  .pr-klg-4,
  .px-klg-4 {
    padding-right: 20px !important;
  }

  .pr-klg-5,
  .px-klg-5 {
    padding-right: 25px !important;
  }

  .pr-klg-6,
  .px-klg-6 {
    padding-right: 30px !important;
  }

  .pr-klg-7,
  .px-klg-7 {
    padding-right: 35px !important;
  }

  .pr-klg-8,
  .px-klg-8 {
    padding-right: 40px !important;
  }

  .pb-klg-0,
  .py-klg-0 {
    padding-bottom: 0px !important;
  }

  .pb-klg-1,
  .py-klg-1 {
    padding-bottom: 5px !important;
  }

  .pb-klg-2,
  .py-klg-2 {
    padding-bottom: 10px !important;
  }

  .pb-klg-3,
  .py-klg-3 {
    padding-bottom: 15px !important;
  }

  .pb-klg-4,
  .py-klg-4 {
    padding-bottom: 20px !important;
  }

  .pb-klg-5,
  .py-klg-5 {
    padding-bottom: 25px !important;
  }

  .pb-klg-6,
  .py-klg-6 {
    padding-bottom: 30px !important;
  }

  .pb-klg-7,
  .py-klg-7 {
    padding-bottom: 35px !important;
  }

  .pb-klg-8,
  .py-klg-8 {
    padding-bottom: 40px !important;
  }

  .pl-klg-0,
  .px-klg-0 {
    padding-left: 0px !important;
  }

  .pl-klg-1,
  .px-klg-1 {
    padding-left: 5px !important;
  }

  .pl-klg-2,
  .px-klg-2 {
    padding-left: 10px !important;
  }

  .pl-klg-3,
  .px-klg-3 {
    padding-left: 15px !important;
  }

  .pl-klg-4,
  .px-klg-4 {
    padding-left: 20px !important;
  }

  .pl-klg-5,
  .px-klg-5 {
    padding-left: 25px !important;
  }

  .pl-klg-6,
  .px-klg-6 {
    padding-left: 30px !important;
  }

  .pl-klg-7,
  .px-klg-7 {
    padding-left: 35px !important;
  }

  .pl-klg-8,
  .px-klg-8 {
    padding-left: 40px !important;
  }
}

@media (min-width: 1280px) {
  .p-kxlg-0 {
    padding: 0px !important;
  }

  .p-kxlg-1 {
    padding: 5px !important;
  }

  .p-kxlg-2 {
    padding: 10px !important;
  }

  .p-kxlg-3 {
    padding: 15px !important;
  }

  .p-kxlg-4 {
    padding: 20px !important;
  }

  .p-kxlg-5 {
    padding: 25px !important;
  }

  .p-kxlg-6 {
    padding: 30px !important;
  }

  .p-kxlg-7 {
    padding: 35px !important;
  }

  .p-kxlg-8 {
    padding: 40px !important;
  }

  .pt-kxlg-0,
  .py-kxlg-0 {
    padding-top: 0px !important;
  }

  .pt-kxlg-1,
  .py-kxlg-1 {
    padding-top: 5px !important;
  }

  .pt-kxlg-2,
  .py-kxlg-2 {
    padding-top: 10px !important;
  }

  .pt-kxlg-3,
  .py-kxlg-3 {
    padding-top: 15px !important;
  }

  .pt-kxlg-4,
  .py-kxlg-4 {
    padding-top: 20px !important;
  }

  .pt-kxlg-5,
  .py-kxlg-5 {
    padding-top: 25px !important;
  }

  .pt-kxlg-6,
  .py-kxlg-6 {
    padding-top: 30px !important;
  }

  .pt-kxlg-7,
  .py-kxlg-7 {
    padding-top: 35px !important;
  }

  .pt-kxlg-8,
  .py-kxlg-8 {
    padding-top: 40px !important;
  }

  .pr-kxlg-0,
  .px-kxlg-0 {
    padding-right: 0px !important;
  }

  .pr-kxlg-1,
  .px-kxlg-1 {
    padding-right: 5px !important;
  }

  .pr-kxlg-2,
  .px-kxlg-2 {
    padding-right: 10px !important;
  }

  .pr-kxlg-3,
  .px-kxlg-3 {
    padding-right: 15px !important;
  }

  .pr-kxlg-4,
  .px-kxlg-4 {
    padding-right: 20px !important;
  }

  .pr-kxlg-5,
  .px-kxlg-5 {
    padding-right: 25px !important;
  }

  .pr-kxlg-6,
  .px-kxlg-6 {
    padding-right: 30px !important;
  }

  .pr-kxlg-7,
  .px-kxlg-7 {
    padding-right: 35px !important;
  }

  .pr-kxlg-8,
  .px-kxlg-8 {
    padding-right: 40px !important;
  }

  .pb-kxlg-0,
  .py-kxlg-0 {
    padding-bottom: 0px !important;
  }

  .pb-kxlg-1,
  .py-kxlg-1 {
    padding-bottom: 5px !important;
  }

  .pb-kxlg-2,
  .py-kxlg-2 {
    padding-bottom: 10px !important;
  }

  .pb-kxlg-3,
  .py-kxlg-3 {
    padding-bottom: 15px !important;
  }

  .pb-kxlg-4,
  .py-kxlg-4 {
    padding-bottom: 20px !important;
  }

  .pb-kxlg-5,
  .py-kxlg-5 {
    padding-bottom: 25px !important;
  }

  .pb-kxlg-6,
  .py-kxlg-6 {
    padding-bottom: 30px !important;
  }

  .pb-kxlg-7,
  .py-kxlg-7 {
    padding-bottom: 35px !important;
  }

  .pb-kxlg-8,
  .py-kxlg-8 {
    padding-bottom: 40px !important;
  }

  .pl-kxlg-0,
  .px-kxlg-0 {
    padding-left: 0px !important;
  }

  .pl-kxlg-1,
  .px-kxlg-1 {
    padding-left: 5px !important;
  }

  .pl-kxlg-2,
  .px-kxlg-2 {
    padding-left: 10px !important;
  }

  .pl-kxlg-3,
  .px-kxlg-3 {
    padding-left: 15px !important;
  }

  .pl-kxlg-4,
  .px-kxlg-4 {
    padding-left: 20px !important;
  }

  .pl-kxlg-5,
  .px-kxlg-5 {
    padding-left: 25px !important;
  }

  .pl-kxlg-6,
  .px-kxlg-6 {
    padding-left: 30px !important;
  }

  .pl-kxlg-7,
  .px-kxlg-7 {
    padding-left: 35px !important;
  }

  .pl-kxlg-8,
  .px-kxlg-8 {
    padding-left: 40px !important;
  }
}

.m-0 {
  margin: 0px !important;
}

.m-1 {
  margin: 5px !important;
}

.m-2 {
  margin: 10px !important;
}

.m-3 {
  margin: 15px !important;
}

.m-4 {
  margin: 20px !important;
}

.m-5 {
  margin: 25px !important;
}

.m-6 {
  margin: 30px !important;
}

.m-7 {
  margin: 35px !important;
}

.m-8 {
  margin: 40px !important;
}

.mt-0,
.my-0 {
  margin-top: 0px !important;
}

.mt-1,
.my-1 {
  margin-top: 5px !important;
}

.mt-2,
.my-2 {
  margin-top: 10px !important;
}

.mt-3,
.my-3 {
  margin-top: 15px !important;
}

.mt-4,
.my-4 {
  margin-top: 20px !important;
}

.mt-5,
.my-5 {
  margin-top: 25px !important;
}

.mt-6,
.my-6 {
  margin-top: 30px !important;
}

.mt-7,
.my-7 {
  margin-top: 35px !important;
}

.mt-8,
.my-8 {
  margin-top: 40px !important;
}

.mr-0,
.mx-0 {
  margin-right: 0px !important;
}

.mr-1,
.mx-1 {
  margin-right: 5px !important;
}

.mr-2,
.mx-2 {
  margin-right: 10px !important;
}

.mr-3,
.mx-3 {
  margin-right: 15px !important;
}

.mr-4,
.mx-4 {
  margin-right: 20px !important;
}

.mr-5,
.mx-5 {
  margin-right: 25px !important;
}

.mr-6,
.mx-6 {
  margin-right: 30px !important;
}

.mr-7,
.mx-7 {
  margin-right: 35px !important;
}

.mr-8,
.mx-8 {
  margin-right: 40px !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 5px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 10px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 15px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 20px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 25px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 30px !important;
}

.mb-7,
.my-7 {
  margin-bottom: 35px !important;
}

.mb-8,
.my-8 {
  margin-bottom: 40px !important;
}

.ml-0,
.mx-0 {
  margin-left: 0px !important;
}

.ml-1,
.mx-1 {
  margin-left: 5px !important;
}

.ml-2,
.mx-2 {
  margin-left: 10px !important;
}

.ml-3,
.mx-3 {
  margin-left: 15px !important;
}

.ml-4,
.mx-4 {
  margin-left: 20px !important;
}

.ml-5,
.mx-5 {
  margin-left: 25px !important;
}

.ml-6,
.mx-6 {
  margin-left: 30px !important;
}

.ml-7,
.mx-7 {
  margin-left: 35px !important;
}

.ml-8,
.mx-8 {
  margin-left: 40px !important;
}

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

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

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

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

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

@media (min-width: 614px) {
  .m-kxsm-0 {
    margin: 0px !important;
  }

  .m-kxsm-1 {
    margin: 5px !important;
  }

  .m-kxsm-2 {
    margin: 10px !important;
  }

  .m-kxsm-3 {
    margin: 15px !important;
  }

  .m-kxsm-4 {
    margin: 20px !important;
  }

  .m-kxsm-5 {
    margin: 25px !important;
  }

  .m-kxsm-6 {
    margin: 30px !important;
  }

  .m-kxsm-7 {
    margin: 35px !important;
  }

  .m-kxsm-8 {
    margin: 40px !important;
  }

  .mt-kxsm-0,
  .my-kxsm-0 {
    margin-top: 0px !important;
  }

  .mt-kxsm-1,
  .my-kxsm-1 {
    margin-top: 5px !important;
  }

  .mt-kxsm-2,
  .my-kxsm-2 {
    margin-top: 10px !important;
  }

  .mt-kxsm-3,
  .my-kxsm-3 {
    margin-top: 15px !important;
  }

  .mt-kxsm-4,
  .my-kxsm-4 {
    margin-top: 20px !important;
  }

  .mt-kxsm-5,
  .my-kxsm-5 {
    margin-top: 25px !important;
  }

  .mt-kxsm-6,
  .my-kxsm-6 {
    margin-top: 30px !important;
  }

  .mt-kxsm-7,
  .my-kxsm-7 {
    margin-top: 35px !important;
  }

  .mt-kxsm-8,
  .my-kxsm-8 {
    margin-top: 40px !important;
  }

  .mr-kxsm-0,
  .mx-kxsm-0 {
    margin-right: 0px !important;
  }

  .mr-kxsm-1,
  .mx-kxsm-1 {
    margin-right: 5px !important;
  }

  .mr-kxsm-2,
  .mx-kxsm-2 {
    margin-right: 10px !important;
  }

  .mr-kxsm-3,
  .mx-kxsm-3 {
    margin-right: 15px !important;
  }

  .mr-kxsm-4,
  .mx-kxsm-4 {
    margin-right: 20px !important;
  }

  .mr-kxsm-5,
  .mx-kxsm-5 {
    margin-right: 25px !important;
  }

  .mr-kxsm-6,
  .mx-kxsm-6 {
    margin-right: 30px !important;
  }

  .mr-kxsm-7,
  .mx-kxsm-7 {
    margin-right: 35px !important;
  }

  .mr-kxsm-8,
  .mx-kxsm-8 {
    margin-right: 40px !important;
  }

  .mb-kxsm-0,
  .my-kxsm-0 {
    margin-bottom: 0px !important;
  }

  .mb-kxsm-1,
  .my-kxsm-1 {
    margin-bottom: 5px !important;
  }

  .mb-kxsm-2,
  .my-kxsm-2 {
    margin-bottom: 10px !important;
  }

  .mb-kxsm-3,
  .my-kxsm-3 {
    margin-bottom: 15px !important;
  }

  .mb-kxsm-4,
  .my-kxsm-4 {
    margin-bottom: 20px !important;
  }

  .mb-kxsm-5,
  .my-kxsm-5 {
    margin-bottom: 25px !important;
  }

  .mb-kxsm-6,
  .my-kxsm-6 {
    margin-bottom: 30px !important;
  }

  .mb-kxsm-7,
  .my-kxsm-7 {
    margin-bottom: 35px !important;
  }

  .mb-kxsm-8,
  .my-kxsm-8 {
    margin-bottom: 40px !important;
  }

  .ml-kxsm-0,
  .mx-kxsm-0 {
    margin-left: 0px !important;
  }

  .ml-kxsm-1,
  .mx-kxsm-1 {
    margin-left: 5px !important;
  }

  .ml-kxsm-2,
  .mx-kxsm-2 {
    margin-left: 10px !important;
  }

  .ml-kxsm-3,
  .mx-kxsm-3 {
    margin-left: 15px !important;
  }

  .ml-kxsm-4,
  .mx-kxsm-4 {
    margin-left: 20px !important;
  }

  .ml-kxsm-5,
  .mx-kxsm-5 {
    margin-left: 25px !important;
  }

  .ml-kxsm-6,
  .mx-kxsm-6 {
    margin-left: 30px !important;
  }

  .ml-kxsm-7,
  .mx-kxsm-7 {
    margin-left: 35px !important;
  }

  .ml-kxsm-8,
  .mx-kxsm-8 {
    margin-left: 40px !important;
  }

  .m-kxsm-auto {
    margin: auto !important;
  }

  .mt-kxsm-auto,
  .my-kxsm-auto {
    margin-top: auto !important;
  }

  .mr-kxsm-auto,
  .mx-kxsm-auto {
    margin-right: auto !important;
  }

  .mb-kxsm-auto,
  .my-kxsm-auto {
    margin-bottom: auto !important;
  }

  .ml-kxsm-auto,
  .mx-kxsm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-ksm-0 {
    margin: 0px !important;
  }

  .m-ksm-1 {
    margin: 5px !important;
  }

  .m-ksm-2 {
    margin: 10px !important;
  }

  .m-ksm-3 {
    margin: 15px !important;
  }

  .m-ksm-4 {
    margin: 20px !important;
  }

  .m-ksm-5 {
    margin: 25px !important;
  }

  .m-ksm-6 {
    margin: 30px !important;
  }

  .m-ksm-7 {
    margin: 35px !important;
  }

  .m-ksm-8 {
    margin: 40px !important;
  }

  .mt-ksm-0,
  .my-ksm-0 {
    margin-top: 0px !important;
  }

  .mt-ksm-1,
  .my-ksm-1 {
    margin-top: 5px !important;
  }

  .mt-ksm-2,
  .my-ksm-2 {
    margin-top: 10px !important;
  }

  .mt-ksm-3,
  .my-ksm-3 {
    margin-top: 15px !important;
  }

  .mt-ksm-4,
  .my-ksm-4 {
    margin-top: 20px !important;
  }

  .mt-ksm-5,
  .my-ksm-5 {
    margin-top: 25px !important;
  }

  .mt-ksm-6,
  .my-ksm-6 {
    margin-top: 30px !important;
  }

  .mt-ksm-7,
  .my-ksm-7 {
    margin-top: 35px !important;
  }

  .mt-ksm-8,
  .my-ksm-8 {
    margin-top: 40px !important;
  }

  .mr-ksm-0,
  .mx-ksm-0 {
    margin-right: 0px !important;
  }

  .mr-ksm-1,
  .mx-ksm-1 {
    margin-right: 5px !important;
  }

  .mr-ksm-2,
  .mx-ksm-2 {
    margin-right: 10px !important;
  }

  .mr-ksm-3,
  .mx-ksm-3 {
    margin-right: 15px !important;
  }

  .mr-ksm-4,
  .mx-ksm-4 {
    margin-right: 20px !important;
  }

  .mr-ksm-5,
  .mx-ksm-5 {
    margin-right: 25px !important;
  }

  .mr-ksm-6,
  .mx-ksm-6 {
    margin-right: 30px !important;
  }

  .mr-ksm-7,
  .mx-ksm-7 {
    margin-right: 35px !important;
  }

  .mr-ksm-8,
  .mx-ksm-8 {
    margin-right: 40px !important;
  }

  .mb-ksm-0,
  .my-ksm-0 {
    margin-bottom: 0px !important;
  }

  .mb-ksm-1,
  .my-ksm-1 {
    margin-bottom: 5px !important;
  }

  .mb-ksm-2,
  .my-ksm-2 {
    margin-bottom: 10px !important;
  }

  .mb-ksm-3,
  .my-ksm-3 {
    margin-bottom: 15px !important;
  }

  .mb-ksm-4,
  .my-ksm-4 {
    margin-bottom: 20px !important;
  }

  .mb-ksm-5,
  .my-ksm-5 {
    margin-bottom: 25px !important;
  }

  .mb-ksm-6,
  .my-ksm-6 {
    margin-bottom: 30px !important;
  }

  .mb-ksm-7,
  .my-ksm-7 {
    margin-bottom: 35px !important;
  }

  .mb-ksm-8,
  .my-ksm-8 {
    margin-bottom: 40px !important;
  }

  .ml-ksm-0,
  .mx-ksm-0 {
    margin-left: 0px !important;
  }

  .ml-ksm-1,
  .mx-ksm-1 {
    margin-left: 5px !important;
  }

  .ml-ksm-2,
  .mx-ksm-2 {
    margin-left: 10px !important;
  }

  .ml-ksm-3,
  .mx-ksm-3 {
    margin-left: 15px !important;
  }

  .ml-ksm-4,
  .mx-ksm-4 {
    margin-left: 20px !important;
  }

  .ml-ksm-5,
  .mx-ksm-5 {
    margin-left: 25px !important;
  }

  .ml-ksm-6,
  .mx-ksm-6 {
    margin-left: 30px !important;
  }

  .ml-ksm-7,
  .mx-ksm-7 {
    margin-left: 35px !important;
  }

  .ml-ksm-8,
  .mx-8 {
    margin-left: 40px !important;
  }

  .m-ksm-auto {
    margin: auto !important;
  }

  .mt-ksm-auto,
  .my-ksm-auto {
    margin-top: auto !important;
  }

  .mr-ksm-auto,
  .mx-ksm-auto {
    margin-right: auto !important;
  }

  .mb-ksm-auto,
  .my-ksm-auto {
    margin-bottom: auto !important;
  }

  .ml-ksm-auto,
  .mx-ksm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1024px) {
  .m-kmd-0 {
    margin: 0px !important;
  }

  .m-kmd-1 {
    margin: 5px !important;
  }

  .m-kmd-2 {
    margin: 10px !important;
  }

  .m-kmd-3 {
    margin: 15px !important;
  }

  .m-kmd-4 {
    margin: 20px !important;
  }

  .m-kmd-5 {
    margin: 25px !important;
  }

  .m-kmd-6 {
    margin: 30px !important;
  }

  .m-kmd-7 {
    margin: 35px !important;
  }

  .m-kmd-8 {
    margin: 40px !important;
  }

  .mt-kmd-0,
  .my-kmd-0 {
    margin-top: 0px !important;
  }

  .mt-kmd-1,
  .my-kmd-1 {
    margin-top: 5px !important;
  }

  .mt-kmd-2,
  .my-kmd-2 {
    margin-top: 10px !important;
  }

  .mt-kmd-3,
  .my-kmd-3 {
    margin-top: 15px !important;
  }

  .mt-kmd-4,
  .my-kmd-4 {
    margin-top: 20px !important;
  }

  .mt-kmd-5,
  .my-kmd-5 {
    margin-top: 25px !important;
  }

  .mt-kmd-6,
  .my-kmd-6 {
    margin-top: 30px !important;
  }

  .mt-kmd-7,
  .my-kmd-7 {
    margin-top: 35px !important;
  }

  .mt-kmd-8,
  .my-kmd-8 {
    margin-top: 40px !important;
  }

  .mr-kmd-0,
  .mx-kmd-0 {
    margin-right: 0px !important;
  }

  .mr-kmd-1,
  .mx-kmd-1 {
    margin-right: 5px !important;
  }

  .mr-kmd-2,
  .mx-kmd-2 {
    margin-right: 10px !important;
  }

  .mr-kmd-3,
  .mx-kmd-3 {
    margin-right: 15px !important;
  }

  .mr-kmd-4,
  .mx-kmd-4 {
    margin-right: 20px !important;
  }

  .mr-kmd-5,
  .mx-kmd-5 {
    margin-right: 25px !important;
  }

  .mr-kmd-6,
  .mx-kmd-6 {
    margin-right: 30px !important;
  }

  .mr-kmd-7,
  .mx-kmd-7 {
    margin-right: 35px !important;
  }

  .mr-kmd-8,
  .mx-kmd-8 {
    margin-right: 40px !important;
  }

  .mb-kmd-0,
  .my-kmd-0 {
    margin-bottom: 0px !important;
  }

  .mb-kmd-1,
  .my-kmd-1 {
    margin-bottom: 5px !important;
  }

  .mb-kmd-2,
  .my-kmd-2 {
    margin-bottom: 10px !important;
  }

  .mb-kmd-3,
  .my-kmd-3 {
    margin-bottom: 15px !important;
  }

  .mb-kmd-4,
  .my-kmd-4 {
    margin-bottom: 20px !important;
  }

  .mb-kmd-5,
  .my-kmd-5 {
    margin-bottom: 25px !important;
  }

  .mb-kmd-6,
  .my-kmd-6 {
    margin-bottom: 30px !important;
  }

  .mb-kmd-7,
  .my-kmd-7 {
    margin-bottom: 35px !important;
  }

  .mb-kmd-8,
  .my-kmd-8 {
    margin-bottom: 40px !important;
  }

  .ml-kmd-0,
  .mx-kmd-0 {
    margin-left: 0px !important;
  }

  .ml-kmd-1,
  .mx-kmd-1 {
    margin-left: 5px !important;
  }

  .ml-kmd-2,
  .mx-kmd-2 {
    margin-left: 10px !important;
  }

  .ml-kmd-3,
  .mx-kmd-3 {
    margin-left: 15px !important;
  }

  .ml-kmd-4,
  .mx-kmd-4 {
    margin-left: 20px !important;
  }

  .ml-kmd-5,
  .mx-kmd-5 {
    margin-left: 25px !important;
  }

  .ml-kmd-6,
  .mx-kmd-6 {
    margin-left: 30px !important;
  }

  .ml-kmd-7,
  .mx-kmd-7 {
    margin-left: 35px !important;
  }

  .ml-kmd-8,
  .mx-kmd-8 {
    margin-left: 40px !important;
  }

  .m-kmd-auto {
    margin: auto !important;
  }

  .mt-kmd-auto,
  .my-kmd-auto {
    margin-top: auto !important;
  }

  .mr-kmd-auto,
  .mx-kmd-auto {
    margin-right: auto !important;
  }

  .mb-kmd-auto,
  .my-kmd-auto {
    margin-bottom: auto !important;
  }

  .ml-kmd-auto,
  .mx-kmd-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1140px) {
  .m-klg-0 {
    margin: 0px !important;
  }

  .m-klg-1 {
    margin: 5px !important;
  }

  .m-klg-2 {
    margin: 10px !important;
  }

  .m-klg-3 {
    margin: 15px !important;
  }

  .m-klg-4 {
    margin: 20px !important;
  }

  .m-klg-5 {
    margin: 25px !important;
  }

  .m-klg-6 {
    margin: 30px !important;
  }

  .m-klg-7 {
    margin: 35px !important;
  }

  .m-klg-8 {
    margin: 40px !important;
  }

  .mt-klg-0,
  .my-klg-0 {
    margin-top: 0px !important;
  }

  .mt-klg-1,
  .my-klg-1 {
    margin-top: 5px !important;
  }

  .mt-klg-2,
  .my-klg-2 {
    margin-top: 10px !important;
  }

  .mt-klg-3,
  .my-klg-3 {
    margin-top: 15px !important;
  }

  .mt-klg-4,
  .my-klg-4 {
    margin-top: 20px !important;
  }

  .mt-klg-5,
  .my-klg-5 {
    margin-top: 25px !important;
  }

  .mt-klg-6,
  .my-klg-6 {
    margin-top: 30px !important;
  }

  .mt-klg-7,
  .my-klg-7 {
    margin-top: 35px !important;
  }

  .mt-klg-8,
  .my-klg-8 {
    margin-top: 40px !important;
  }

  .mr-klg-0,
  .mx-klg-0 {
    margin-right: 0px !important;
  }

  .mr-klg-1,
  .mx-klg-1 {
    margin-right: 5px !important;
  }

  .mr-klg-2,
  .mx-klg-2 {
    margin-right: 10px !important;
  }

  .mr-klg-3,
  .mx-klg-3 {
    margin-right: 15px !important;
  }

  .mr-klg-4,
  .mx-klg-4 {
    margin-right: 20px !important;
  }

  .mr-klg-5,
  .mx-klg-5 {
    margin-right: 25px !important;
  }

  .mr-klg-6,
  .mx-klg-6 {
    margin-right: 30px !important;
  }

  .mr-klg-7,
  .mx-klg-7 {
    margin-right: 35px !important;
  }

  .mr-klg-8,
  .mx-klg-8 {
    margin-right: 40px !important;
  }

  .mb-klg-0,
  .my-klg-0 {
    margin-bottom: 0px !important;
  }

  .mb-klg-1,
  .my-klg-1 {
    margin-bottom: 5px !important;
  }

  .mb-klg-2,
  .my-klg-2 {
    margin-bottom: 10px !important;
  }

  .mb-klg-3,
  .my-klg-3 {
    margin-bottom: 15px !important;
  }

  .mb-klg-4,
  .my-klg-4 {
    margin-bottom: 20px !important;
  }

  .mb-klg-5,
  .my-klg-5 {
    margin-bottom: 25px !important;
  }

  .mb-klg-6,
  .my-klg-6 {
    margin-bottom: 30px !important;
  }

  .mb-klg-7,
  .my-klg-7 {
    margin-bottom: 35px !important;
  }

  .mb-klg-8,
  .my-klg-8 {
    margin-bottom: 40px !important;
  }

  .ml-klg-0,
  .mx-klg-0 {
    margin-left: 0px !important;
  }

  .ml-klg-1,
  .mx-klg-1 {
    margin-left: 5px !important;
  }

  .ml-klg-2,
  .mx-klg-2 {
    margin-left: 10px !important;
  }

  .ml-klg-3,
  .mx-klg-3 {
    margin-left: 15px !important;
  }

  .ml-klg-4,
  .mx-klg-4 {
    margin-left: 20px !important;
  }

  .ml-klg-5,
  .mx-klg-5 {
    margin-left: 25px !important;
  }

  .ml-klg-6,
  .mx-klg-6 {
    margin-left: 30px !important;
  }

  .ml-klg-7,
  .mx-klg-7 {
    margin-left: 35px !important;
  }

  .ml-klg-8,
  .mx-klg-8 {
    margin-left: 40px !important;
  }

  .m-klg-auto {
    margin: auto !important;
  }

  .mt-klg-auto,
  .my-klg-auto {
    margin-top: auto !important;
  }

  .mr-klg-auto,
  .mx-klg-auto {
    margin-right: auto !important;
  }

  .mb-klg-auto,
  .my-klg-auto {
    margin-bottom: auto !important;
  }

  .ml-klg-auto,
  .mx-klg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1280px) {
  .m-kxlg-0 {
    margin: 0px !important;
  }

  .m-kxlg-1 {
    margin: 5px !important;
  }

  .m-kxlg-2 {
    margin: 10px !important;
  }

  .m-kxlg-3 {
    margin: 15px !important;
  }

  .m-kxlg-4 {
    margin: 20px !important;
  }

  .m-kxlg-5 {
    margin: 25px !important;
  }

  .m-kxlg-6 {
    margin: 30px !important;
  }

  .m-kxlg-7 {
    margin: 35px !important;
  }

  .m-kxlg-8 {
    margin: 40px !important;
  }

  .mt-kxlg-0,
  .my-kxlg-0 {
    margin-top: 0px !important;
  }

  .mt-kxlg-1,
  .my-kxlg-1 {
    margin-top: 5px !important;
  }

  .mt-kxlg-2,
  .my-kxlg-2 {
    margin-top: 10px !important;
  }

  .mt-kxlg-3,
  .my-kxlg-3 {
    margin-top: 15px !important;
  }

  .mt-kxlg-4,
  .my-kxlg-4 {
    margin-top: 20px !important;
  }

  .mt-kxlg-5,
  .my-kxlg-5 {
    margin-top: 25px !important;
  }

  .mt-kxlg-6,
  .my-kxlg-6 {
    margin-top: 30px !important;
  }

  .mt-kxlg-7,
  .my-kxlg-7 {
    margin-top: 35px !important;
  }

  .mt-kxlg-8,
  .my-kxlg-8 {
    margin-top: 40px !important;
  }

  .mr-kxlg-0,
  .mx-kxlg-0 {
    margin-right: 0px !important;
  }

  .mr-kxlg-1,
  .mx-kxlg-1 {
    margin-right: 5px !important;
  }

  .mr-kxlg-2,
  .mx-kxlg-2 {
    margin-right: 10px !important;
  }

  .mr-kxlg-3,
  .mx-kxlg-3 {
    margin-right: 15px !important;
  }

  .mr-kxlg-4,
  .mx-kxlg-4 {
    margin-right: 20px !important;
  }

  .mr-kxlg-5,
  .mx-kxlg-5 {
    margin-right: 25px !important;
  }

  .mr-kxlg-6,
  .mx-kxlg-6 {
    margin-right: 30px !important;
  }

  .mr-kxlg-7,
  .mx-kxlg-7 {
    margin-right: 35px !important;
  }

  .mr-kxlg-8,
  .mx-kxlg-8 {
    margin-right: 40px !important;
  }

  .mb-kxlg-0,
  .my-kxlg-0 {
    margin-bottom: 0px !important;
  }

  .mb-kxlg-1,
  .my-kxlg-1 {
    margin-bottom: 5px !important;
  }

  .mb-kxlg-2,
  .my-kxlg-2 {
    margin-bottom: 10px !important;
  }

  .mb-kxlg-3,
  .my-kxlg-3 {
    margin-bottom: 15px !important;
  }

  .mb-kxlg-4,
  .my-kxlg-4 {
    margin-bottom: 20px !important;
  }

  .mb-kxlg-5,
  .my-kxlg-5 {
    margin-bottom: 25px !important;
  }

  .mb-kxlg-6,
  .my-kxlg-6 {
    margin-bottom: 30px !important;
  }

  .mb-kxlg-7,
  .my-kxlg-7 {
    margin-bottom: 35px !important;
  }

  .mb-kxlg-8,
  .my-kxlg-8 {
    margin-bottom: 40px !important;
  }

  .ml-kxlg-0,
  .mx-kxlg-0 {
    margin-left: 0px !important;
  }

  .ml-kxlg-1,
  .mx-kxlg-1 {
    margin-left: 5px !important;
  }

  .ml-kxlg-2,
  .mx-kxlg-2 {
    margin-left: 10px !important;
  }

  .ml-kxlg-3,
  .mx-kxlg-3 {
    margin-left: 15px !important;
  }

  .ml-kxlg-4,
  .mx-kxlg-4 {
    margin-left: 20px !important;
  }

  .ml-kxlg-5,
  .mx-kxlg-5 {
    margin-left: 25px !important;
  }

  .ml-kxlg-6,
  .mx-kxlg-6 {
    margin-left: 30px !important;
  }

  .ml-kxlg-7,
  .mx-kxlg-7 {
    margin-left: 35px !important;
  }

  .ml-kxlg-8,
  .mx-kxlg-8 {
    margin-left: 40px !important;
  }

  .m-kxlg-auto {
    margin: auto !important;
  }

  .mt-kxlg-auto,
  .my-kxlg-auto {
    margin-top: auto !important;
  }

  .mr-kxlg-auto,
  .mx-kxlg-auto {
    margin-right: auto !important;
  }

  .mb-kxlg-auto,
  .my-kxlg-auto {
    margin-bottom: auto !important;
  }

  .ml-kxlg-auto,
  .mx-kxlg-auto {
    margin-left: auto !important;
  }
}

.filter_modal_content {
  background-color: #000000d0;
  position: fixed;
  top: 0px;
  left: 0px;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  overflow: none;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 12;
}

.filter_modal_content_opened {
  opacity: 0.5;
}

.father_modal_controll {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  z-index: 12;
  padding: 1px;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease;
  display: flex !important;
}

.father_modal_controll_center {
  align-items: center;
  flex-wrap: wrap;
}

.father_modal_controll_opened {
  pointer-events: all;
  opacity: 1;
}

.modal-content {
  position: relative;
  flex-wrap: wrap;
  top: 75px;
  margin: 50px auto;
  width: 450px;
  height: max-content;
  max-width: 100% !important;
  background-color: #fff;
  box-shadow: 0px 0px 14px 0px #787878;
  border-radius: 5px;
  transition: all 0.3s ease;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  display: none;
}

.modal-content-center {
  top: -75px;
}

.modal_content_opened {
  top: 0px;
  pointer-events: all;
  opacity: 1;
}

.k-box-notify {
  position: fixed;
  bottom: 32px;
  left: 40px;
  z-index: 12;
  width: max-content;
  max-width: calc(100% - 40px);
  background-color: #272727;
  overflow: hidden;
  box-shadow: 0px 0px 12px 1px #00000014;
  border-radius: 5px;
  opacity: 0;
}

.k-box-notify .content-notify {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 13px 15px;
  color: #252525;
  font-size: 16px;
  text-align: center;
  user-select: none;
}

.k-box-notify .icon-notify {
  color: #f4f4f4;
  width: 30px;
  height: 30px;
}

.k-box-notify .text-notify {
  color: #f0f0f0;
  width: calc(100% - 90px);
  margin: 0px 20px;
  padding-bottom: 4px;
}

.k-box-notify .text-notify a {
  color: #1082fd;
  font-weight: 500;
  margin-left: 2px;
}

.k-box-notify .close-notify {
  width: 20px;
  height: 20px;
  padding: 5px 5px 5px 5px;
  box-sizing: content-box;
  cursor: pointer;
  transition: color .3s ease;
  color: #f7f7f7;
  transition: all 0.15s ease;
}

.k-box-notify .close-notify:hover {
  border-radius: 4px;
  background-color: #ffffff25;
}

.carousel {
  position: relative;
  width: 100%;
  overflow: auto hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  opacity: 0;
  transition: all 0.1s ease;
}

.carousel::-webkit-scrollbar {
  display: none;
}

.carousel .content-carousel {
  position: relative;
  width: max-content;
  display: flex;
  left: 0px;
  transition: all 0.5s ease;
}

.carousel .content-carousel>div {
  scroll-snap-align: start;
}

.carousel .control-disabled {
  cursor: default !important;
}

.accordion-kxlg,
.accordion-klg,
.accordion-kmd,
.accordion-ksm,
.accordion-kxsm,
.accordion {
  position: relative;
}

.accordion-kxlg .accordion-item:last-child,
.accordion-klg .accordion-item:last-child,
.accordion-kmd .accordion-item:last-child,
.accordion-ksm .accordion-item:last-child,
.accordion-kxsm .accordion-item:last-child,
.accordion .accordion-item:last-child {
  border-radius: 0px 0px 9px 9px;
}

.accordion-kxlg .accordion-item:first-child,
.accordion-klg .accordion-item:first-child,
.accordion-kmd .accordion-item:first-child,
.accordion-ksm .accordion-item:first-child,
.accordion-kxsm .accordion-item:first-child,
.accordion .accordion-item:first-child {
  border-radius: 9px 9px 0px 0px;
  margin-top: 0px;
}

.accordion-kxlg>.accordion-item,
.accordion-klg>.accordion-item,
.accordion-kmd>.accordion-item,
.accordion-ksm>.accordion-item,
.accordion-kxsm>.accordion-item,
.accordion>.accordion-item {
  position: relative;
  height: max-content;
  overflow: hidden;
  transition: all 0.3s ease;
  margin-top: -1px;
  border-radius: 0px;
  box-shadow: 1px 2px 4px 0px #00000005;
  z-index: 1;
  border: 1px solid #e1e1e1;
}

.accordion>.accordion-item {
  max-height: 70px;
}

.accordion-kxlg>.accordion-item {
  max-height: 92px;
}

.accordion-klg>.accordion-item {
  max-height: 84px;
}

.accordion-kmd>.accordion-item {
  max-height: 76px;
}

.accordion-ksm>.accordion-item {
  max-height: 66px;
}

.accordion-kxsm>.accordion-item {
  max-height: 54px;
}

.accordion-kxlg>.accordion-item.open,
.accordion-klg>.accordion-item.open,
.accordion-kmd>.accordion-item.open,
.accordion-ksm>.accordion-item.open,
.accordion-kxsm>.accordion-item.open,
.accordion>.accordion-item.open {
  border-radius: 9px 9px 9px 9px;
  margin: 14px 0px;
}

.accordion-kxlg>.accordion-item.open:first-child,
.accordion-klg>.accordion-item.open:first-child,
.accordion-kmd>.accordion-item.open:first-child,
.accordion-ksm>.accordion-item.open:first-child,
.accordion-kxsm>.accordion-item.open:first-child,
.accordion>.accordion-item.open:first-child {
  border-radius: 9px 9px 9px 9px;
  margin: 0px 0px 14px;
}

.accordion-kxlg>.accordion-item>.accordion-title,
.accordion-klg>.accordion-item>.accordion-title,
.accordion-kmd>.accordion-item>.accordion-title,
.accordion-ksm>.accordion-item>.accordion-title,
.accordion-kxsm>.accordion-item>.accordion-title,
.accordion>.accordion-item>.accordion-title {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  padding: 0px 0px;
  cursor: pointer;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #e1e1e1;
}

.accordion>.accordion-item>.accordion-title {
  height: 70px;
}

.accordion-kxlg>.accordion-item>.accordion-title {
  height: 92px;
}

.accordion-klg>.accordion-item>.accordion-title {
  height: 84px;
}

.accordion-kmd>.accordion-item>.accordion-title {
  height: 76px;
}

.accordion-ksm>.accordion-item>.accordion-title {
  height: 66px;
}

.accordion-kxsm>.accordion-item>.accordion-title {
  height: 54px;
}

.accordion-item .accordion-content {
  height: max-content;
  background-color: #f6f6f7;
  width: 100%;
}

.click-rotate.active {
  transform: rotateZ(180deg);
}

.modal-header {
  width: 100%;
  height: 66px;
  border-bottom: 1px solid #bbbecf65;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
}

.modal-header h4 {
  font-size: 21px;
  padding: 4px 22px;
  color: #514e5e;
}

.modal-body {
  padding: 10px 22px;
  width: 100%;
}

.modal-footer {
  padding: 0px 22px;
  width: 100%;
  height: 72px;
  border-top: 1px solid #bbbecf6b;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.table-element {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.table-element>.table-row {
  display: flex;
  height: max-content;
  width: max-content;
  min-width: 100%;
}

.table-row>div {
  max-width: inherit !important;
  max-width: none !important;
  width: 100%;
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: auto;
}

.table-row>.cl-1 {
  width: calc(var(--cell-width) * 1) !important;
  min-width: calc(var(--cell-width) * 1) !important;
}

.table-row>.cl-2 {
  width: calc(var(--cell-width) * 2) !important;
  min-width: calc(var(--cell-width) * 2) !important;
}

.table-row>.cl-3 {
  width: calc(var(--cell-width) * 3) !important;
  min-width: calc(var(--cell-width) * 3) !important;
}

.table-row>.cl-4 {
  width: calc(var(--cell-width) * 4) !important;
  min-width: calc(var(--cell-width) * 4) !important;
}

.table-row>.cl-5 {
  width: calc(var(--cell-width) * 5) !important;
  min-width: calc(var(--cell-width) * 5) !important;
}

.table-row>.cl-6 {
  width: calc(var(--cell-width) * 6) !important;
  min-width: calc(var(--cell-width) * 6) !important;
}

.table-row>.cl-7 {
  width: calc(var(--cell-width) * 7) !important;
  min-width: calc(var(--cell-width) * 7) !important;
}

.table-row>.cl-8 {
  width: calc(var(--cell-width) * 8) !important;
  min-width: calc(var(--cell-width) * 8) !important;
}

.table-row>.cl-9 {
  width: calc(var(--cell-width) * 9) !important;
  min-width: calc(var(--cell-width) * 9) !important;
}

.table-row>.cl-10 {
  width: calc(var(--cell-width) * 10) !important;
  min-width: calc(var(--cell-width) * 10) !important;
}

.table-row>.cl-11 {
  width: calc(var(--cell-width) * 11) !important;
  min-width: calc(var(--cell-width) * 11) !important;
}

.table-row>.cl-12 {
  width: calc(var(--cell-width) * 12) !important;
  min-width: calc(var(--cell-width) * 12) !important;
}

.table-row>.cl-13 {
  width: calc(var(--cell-width) * 13) !important;
  min-width: calc(var(--cell-width) * 13) !important;
}

.table-row>.cl-14 {
  width: calc(var(--cell-width) * 14) !important;
  min-width: calc(var(--cell-width) * 14) !important;
}

.table-element::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.table-element::-webkit-scrollbar-thumb {
  background-color: #b5b5b5;
  border-radius: 5px;
}

.table-element::-webkit-scrollbar-track {
  background-color: #e8e8e9;
  border-radius: 5px;
}

.table-element.h-fluid,
.table-element.h-fluid>.table-row,
.table-element.h-fluid>.table-row>div {
  height: 100%;
}

.table-row:hover {
  background-color: #f9f9f9;
}

.table-element.style-1>.table-row.table-title {
  font-weight: 700;
  background-color: #f3f3f4;
  border: 1px solid #f1f1f2;
  color: #0000004b;
  padding: 12px 15px;
  border-radius: 7px !important;
}

.table-element.style-1>.table-row {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 7px 15px;
}

.table-element.style-1>.table-row:hover {
  background-color: #f9f9f9;
  border: 1px solid #f6f6f6;
}

.table-element.style-2>.table-row:first-child {
  border-top: 1px solid var(--border-color);
}

.table-element.style-2>.table-row.table-title {
  font-weight: 700;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #00000059;
  padding: 7px 10px;
  background-color: transparent !important;
}

.table-element.style-2>.table-row {
  border-bottom: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  padding: 5px 10px;
}

.table-element.style-2>.table-row:hover {
  background-color: #f9f9f9;
}

.table-element.style-3>.table-row:first-child {
  border-top: 1px solid var(--border-color);
}

.table-element.style-3>.table-row.table-title {
  font-weight: 700;
  color: #00000059;
  background-color: transparent !important;
}

.table-element.style-3>.table-row.table-title>div {
  padding: 8px 0px;
}

.table-element.style-3>.table-row {
  border-bottom: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  padding: 0px;
}

.table-element.style-3>.table-row:hover {
  background-color: #f9f9f9;
}

.table-element.style-3>.table-row>div {
  border-left: 1px solid var(--border-color);
  padding: 4px 0px;
}

.table-element.style-3>.table-row>div:first-child {
  border-left: none;
}

.form-group-1,
.form-group-2,
.form-group-3 {
  position: relative;
  line-height: 10px;
  max-width: 100% !important;
  margin: 0px 6px;
  width: auto !important;
  display: flex;
  flex-wrap: wrap;
}

.form-row {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-row>.form-group-1,
.form-row>.form-group-2,
.form-row>.form-group-3 {
  flex-grow: 1;
}

.form-row>.cl-1 {
  width: calc(var(--field-width) * 1);
  flex-basis: calc(var(--field-width) * 1);
  flex-grow: 1;
}

.form-row>.cl-2 {
  width: calc(var(--field-width) * 2);
  flex-basis: calc(var(--field-width) * 2);
  flex-grow: 2;
}

.form-row>.cl-3 {
  width: calc(var(--field-width) * 3);
  flex-basis: calc(var(--field-width) * 3);
  flex-grow: 3;
}

.form-row>.cl-4 {
  width: calc(var(--field-width) * 4);
  flex-basis: calc(var(--field-width) * 4);
  flex-grow: 4;
}

.form-row>.cl-5 {
  width: calc(var(--field-width) * 5);
  flex-basis: calc(var(--field-width) * 5);
  flex-grow: 5;
}

.form-row>.cl-6 {
  width: calc(var(--field-width) * 6);
  flex-basis: calc(var(--field-width) * 6);
  flex-grow: 6;
}

.form-row>.cl-7 {
  width: calc(var(--field-width) * 7);
  flex-basis: calc(var(--field-width) * 7);
  flex-grow: 7;
}

.form-row>.cl-8 {
  width: calc(var(--field-width) * 8);
  flex-basis: calc(var(--field-width) * 8);
  flex-grow: 8;
}

.form-group-1 span {
  display: block;
  position: relative;
  margin-top: 6px;
  margin-left: 5px;
  font-size: 14px;
  min-height: 14px;
  line-height: 100%;
  margin-bottom: 15px;
  pointer-events: none;
  opacity: 0;
}

.form-group-1 input,
.form-group-1 select {
  position: relative;
  width: 100%;
  padding: 12px 14px;
  background-color: transparent;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  font-size: inherit;
  color: #707070;
  transition: all 0.25s ease;
}

.form-group-1 input:focus,
.form-group-1 select:focus {
  border: 1px solid #929292;
}

.form-group-1 input::placeholder {
  color: #999999;
}

.form-group-1 label {
  position: absolute;
  font-size: 16px;
  font-weight: 400;
  color: #686868;
  background-color: #ffffff;
  top: 17px;
  left: 14px;
  transition: all 0.2s ease;
  padding: 1px 8px;
  pointer-events: none;
  border-radius: 30px;
}

.form-group-1 .label_prefixed {
  color: #808080;
  top: -6px;
  left: 2px;
  transform: scale(0.85);
}

.form-group-1 input:focus~label,
.form-group-1 input:not(:placeholder-shown)~label,
.has-content.form-group-1 input~label,
.form-group-1 select:focus~label,
.form-group-1 select:not(:placeholder-shown)~label,
.has-content.form-group-1 select~label {
  color: #808080;
  top: -6px;
  left: 2px;
  transform: scale(0.85);
}

.form-group-1>.invalid {
  border: 1px solid var(--invalid_color);
}

.form-group-1>.invalid:focus {
  border: 1px solid var(--invalid_color);
}

.form-group-1>.invalid~label {
  color: var(--invalid_color);
}

.form-group-1>.invalid:focus~label,
.form-group-1>.invalid:not(:placeholder-shown)~label,
.has-content.form-group-1>.invalid~label {
  color: var(--invalid_color);
}

.form-group-1>.invalid~span {
  pointer-events: all;
  opacity: 1;
  color: var(--invalid_color);
}

.form-group-1 input:read-only,
.form-group-1 input:disabled {
  position: relative;
  width: 100%;
  padding: 12px 14px;
  background-color: transparent;
  background-color: #f1f1f1;
  border: 1px solid #c6c6c6;
  color: #656565;
  border-radius: 3px;
}

.form-group-1 input:read-only~label,
.form-group-1 input:disabled~label {
  background-image: linear-gradient(to bottom, transparent 50%, #f1f1f1 50%);
  color: #808080;
  top: -6px;
  left: 2px;
  transform: scale(0.85);
}

.form-group-2 span {
  display: block;
  position: relative;
  margin-top: 6px;
  margin-left: 5px;
  font-size: 14px;
  min-height: 14px;
  line-height: 100%;
  margin-bottom: 15px;
  pointer-events: none;
  opacity: 0;
  width: 100%;
}

.form-group-2 input,
.form-group-2 select {
  position: relative;
  width: 100%;
  padding: 14px 14px;
  background-color: transparent;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  font-size: inherit;
  color: #707070;
  transition: all 0.25s ease;
  box-sizing: content-box;
  height: 16px;
  font-size: 16px;
  box-shadow: 0px 0px 4px 0px #00000009;
}

.form-group-2 input:focus,
.form-group-2 select:focus {
  border: 1px solid #a1a1a1;
  box-shadow: 0px 0px 6px 0px #00000010;
}

.form-group-2 input::placeholder {
  color: #999999;
}

.form-group-2 label {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #858585;
  top: 0px;
  transition: all 0.2s ease;
  padding: 5px 1px 7px 4px;
  order: -1;
  width: 80%;
}

.form-group-2 .label_prefixed {
  color: #808080;
  top: -6px;
  left: 2px;
  transform: scale(0.85);
}

.form-group-2 input:focus~label,
.form-group-2 input:not(:placeholder-shown)~label,
.has-content.form-group-2 input~label,
.form-group-2 select:focus~label,
.form-group-2 select:not(:placeholder-shown)~label,
.has-content.form-group-2 select~label {
  color: #515151;
}

.form-group-2>.invalid {
  border: 1px solid var(--invalid_color);
  color: var(--invalid_color);
}

.form-group-2 .invalid::placeholder {
  color: var(--invalid_color);
}

.form-group-2>.invalid:focus {
  border: 1px solid var(--invalid_color);
}

.form-group-2>.invalid~label {
  color: var(--invalid_color);
}

.form-group-2>.invalid:focus~label,
.form-group-2>.invalid:not(:placeholder-shown)~label,
.has-content.form-group-2>.invalid~label {
  color: var(--invalid_color);
}

.form-group-2>.invalid~span {
  pointer-events: all;
  opacity: 1;
  color: var(--invalid_color);
}

.form-group-2 input:read-only,
.form-group-2 input:disabled {
  background-color: transparent;
  background-color: #f1f1f1;
  border: 1px solid #c6c6c6;
  color: #656565;
  border-radius: 3px;
}

.form-group-2>input.brl,
.form-group-2>input.real,
.form-group-2>input.email,
.form-group-2>input.percent {
  width: calc(100% - 81px);
  left: 51px;
  padding: 14px 14px;
  background-color: transparent;
  border-radius: 3px;
  box-sizing: content-box;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.form-group-2>input.brl~label,
.form-group-2>input.real~label,
.form-group-2>input.email~label,
.form-group-2>input.percent~label {
  z-index: 1;
}

.form-group-2>input.brl~label::before,
.form-group-2>input.real~label::before,
.form-group-2>input.email~label::before,
.form-group-2>input.percent~label::before {
  position: absolute;
  top: 100%;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #858585;
  width: 50px;
  height: 16px;
  padding: 14px 0px;
  box-sizing: content-box;
  border: 1px solid #d6d6d6;
  border-right: none;
  background-color: #f2f2f2;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: -4;
}

.form-group-2>input.brl~label::before,
.form-group-2>input.real~label::before {
  content: "R$";
}

.form-group-2>input.email~label::before {
  content: "@";
}

.form-group-2>input.percent~label::before {
  font-size: 18px;
  content: "%";
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-white-1 {
  background-color: #f8f8f9 !important;
}

.bg-white-2 {
  background-color: #f4f4f5 !important;
}

.bg-white-3 {
  background-color: #f1f1f2 !important;
}

.bg-white-4 {
  background-color: #e7e7e8 !important;
}

.bg-white-5 {
  background-color: #e1e1e2 !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.color-white {
  color: #ffffff !important;
}

.color-white-1 {
  color: #fafafa !important;
}

.color-white-2 {
  color: #f8f8f8 !important;
}

.color-white-3 {
  color: #f5f5f5 !important;
}

.color-white-4 {
  color: #f1f1f1 !important;
}

.color-white-5 {
  color: #e9e9e9 !important;
}

.color-black {
  color: #000000 !important;
}

.color-black-1 {
  color: #202020 !important;
}

.color-black-2 {
  color: #353535 !important;
}

.color-black-3 {
  color: #505050 !important;
}

.color-black-4 {
  color: #656565 !important;
}

.color-black-5 {
  color: #808080 !important;
}

.color-blue {
  color: #008cff !important;
}

.color-blue-1 {
  color: #0083ee !important;
}

.color-blue-2 {
  color: #0978d2 !important;
}

.color-blue-3 {
  color: #1967d2 !important;
}

.w-500 {
  width: 500px;
}

.w-550 {
  width: 550px;
}

.w-600 {
  width: 600px;
}

.w-650 {
  width: 650px;
}

.w-700 {
  width: 700px;
}

.w-750 {
  width: 750px;
}

.w-800 {
  width: 800px;
}

.w-850 {
  width: 850px;
}

.w-900 {
  width: 900px;
}

.w-950 {
  width: 950px;
}

.w-1000 {
  width: 1000px;
}

.w-fluid {
  width: 100%;
}

.h-fluid {
  height: 100%;
}

.border-none {
  border: none !important;
}

.border-top-none {
  border-top: none !important;
}

.border-bottom-none {
  border-bottom: none !important;
}

.border-left-none {
  border-left: none !important;
}

.border-right-none {
  border-right: none !important;
}

.no-radius {
  border-radius: none !important;
}

.radius-1 {
  border-radius: 4px;
}

.radius-2 {
  border-radius: 5px;
}

.radius-3 {
  border-radius: 6px;
}

.radius-4 {
  border-radius: 7px;
}

.radius-5 {
  border-radius: 8px;
}

.radius-6 {
  border-radius: 10px;
}

.radius-7 {
  border-radius: 12px;
}

.radius-8 {
  border-radius: 15px;
}

.radius {
  border-radius: 1000px;
}

.radius-circ {
  border-radius: 50%;
}

.no-select {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}

.fade {
  transition: all 0.3s ease;
}

.fade-1 {
  transition: all 0.2s ease;
}

.fade-2 {
  transition: all 0.25s ease;
}

.fade-3 {
  transition: all 0.3s ease;
}

.fade-4 {
  transition: all 0.4s ease;
}

.fade-5 {
  transition: all 0.5s ease;
}

.no-fade {
  transition: none !important;
}

.shadow-1 {
  box-shadow: 1px 1px 8px 0px #00000011;
}

.shadow-2 {
  box-shadow: 1px 1px 12px 0px #00000012;
}

.shadow-3 {
  box-shadow: 2px 2px 16px 0px #00000014;
}

.shadow-4 {
  box-shadow: 2px 2px 22px 0px #00000013;
}

.shadow-5 {
  box-shadow: 2px 2px 46px 0px #00000016;
}

.shadow-none {
  box-shadow: none;
}

.dflex {
  display: flex;
  flex-wrap: wrap;
}

.dflex-nowrap {
  display: flex;
  flex-wrap: nowrap;
}

.dflex-c {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.dflex-c-c {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.dflex-sb {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.dflex-sb-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

@keyframes spinner_loading {
  to {
    transform: rotate(360deg);
  }
}

.loading-in {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  --width: 3px;
}

.loading-in::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 3;
  background-color: inherit;
}

.loading-in::after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  padding: calc(50% - var(--width));
  max-height: 100%;
  z-index: 4;
  border-radius: 100%;
  border: var(--width) solid transparent;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
  animation: spinner_loading 0.9s ease infinite;
}

.element-icon-svg {
  position: relative;
  width: max-content;
  padding: 8px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.1s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.element-icon-svg:hover {
  background-color: #40455010;
}

.element-icon-svg svg,
.element-icon-svg-text svg {
  display: block;
  pointer-events: none;
}

.element-icon-svg-text {
  position: relative;
  width: max-content;
  padding: 8px 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.1s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.element-icon-svg-text p {
  font-weight: 500;
  line-height: 100%;
  margin: 0px;
  margin-bottom: 0px;
  padding-left: 3px;
  display: block;
  color: currentColor;
}

.element-icon-svg-text:hover {
  background-color: #40455010;
}

.element-icon-svg-text svg {
  margin-left: 6px;
  pointer-events: none;
}

.bt-1,
.bt-1-reverse,
.bt-2,
.bt-2-reverse,
.bt-3,
.bt-3-reverse {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  padding: 9px 24px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

.bt-1 {
  background-color: var(--blue);
  width: max-content;
  border-radius: 4px;
  color: #fff;
  border: 1px solid var(--blue);
  transition: none 0.3s ease;
  transition-property: background-color, color;
}

.bt-1:hover {
  background-color: var(--blue-dark);
}

.bt-1-reverse {
  background-color: transparent;
  color: var(--blue);
}

.bt-1-reverse:hover {
  background-color: var(--blue);
  color: #ffffff;
}

.bt-2 {
  background-color: var(--blue);
  width: max-content;
  border-radius: 4px;
  color: #fff;
  border: 1px solid var(--blue);
  transition: none 0.3s ease;
  transition-property: color, background-color;
  box-shadow: 0px 2px 10px 1px var(--blue-light);
}

.bt-2:hover {
  background-color: var(--blue-dark);
}

.bt-2-reverse {
  background-color: transparent;
  color: var(--blue);
  box-shadow: 0px 2px 10px -2px var(--blue-light);
}

.bt-2-reverse:hover {
  background-color: var(--blue);
  color: #ffffff;
}

.bt-3 {
  background-color: var(--blue);
  position: relative;
  width: max-content;
  border-radius: 4px;
  border: 1px solid var(--blue);
  box-shadow: 0px 2px 8px -2px var(--blue-light);
  transition: color .3s cubic-bezier(.23, 1, .32, 1);
  z-index: 1;
  overflow: hidden;
  color: #fff;
  padding: 10px 27px;
}

.bt-3::after {
  content: "";
  display: block !important;
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-color: #ffffff;
  transform-origin: 100% 50%;
  transition: transform .5s cubic-bezier(.23, 1, .32, 1);
}

.bt-3:hover::after {
  transform: scaleX(1);
  transform-origin: 0 50%;
}

.bt-3:hover {
  color: var(--blue);
}

.bt-3-reverse {
  background-color: transparent;
  color: var(--blue);
}

.bt-3-reverse::after {
  background-color: var(--blue);
}

.bt-3-reverse:hover {
  color: #ffffff;
}