.preload-content{
  opacity: 0;
}
:root{
   --grid_width_1:1256px;
   --grid_width_2:1116px;
   --grid_width_3:1000px;
   --grid_width_4:744px;
   --grid_width_5:590px;
   /* PONTOS DE QUEBRA */
   --breakpoint_1: 1280px;
   --breakpoint_2: 1140px;
   --breakpoint_3: 1024px;
   --breakpoint_4: 768px;
   --breakpoint_5: 614px;
   /* GRID CONFIGS */
   --grid_gutter:24px;
   --grid_cols:12;
   --grid_col_width:calc(var(--grid_width) / var(--grid_cols));
   /* CORES */
   --invalid_color: #e41b00;
   --blue: #1984FF;
   --blue-light: #1984ff62;
   --blue-dark: #0066db;
   --green: #6cc947;
 }
 :root{
   --border-color: #d7d7d7;
   --cell-width:40px;
   --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:#00000094;
 }
 a, a:hover, a:active, a:visited{
  color: inherit;
  text-decoration: none; 
 }
 .body_scroll_hidden{
   overflow: hidden;
 }
 /* ESTILOS DE TEXTOS */
 body,h1, h2, h3, h4, h5, h6,p,div{
   font-family: 'Segoe UI', sans-serif;
 }
 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;
 }
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ESTILOS DOS GRIDS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ESTILOS DOS GRIDS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ESTILOS DOS GRIDS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ESTILOS DOS GRIDS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ESTILOS DOS GRIDS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* GRID PRIMÁRIO !!!!!!!!!!!!!!!!!!! -------------- */
 .grid,
 .grid-kxlg,
 .grid-klg,
 .grid-kmd,
 .grid-ksm,
 .grid-kxsm{
   width: 100%;
   margin:0 auto;
   display: block !important;
   position: relative;
 }
 /* BREAKPOINTS DO GRID */
 @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);
   }
 }
 /* ESTILO DA LINHA */
 .grid-row{
   display: -ms-flexbox;
   display: flex !important;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   position: relative;
 }
 /* APLICADO A TODOS AS CÉLULAS */
 .grid-row > div{
   padding:0px calc(var(--grid_gutter) / 2);
   width:100%;
   position: relative;
 }
 /* COLUNAS E ORDENAÇÃO !!!!!!!!!!!!!!!!!!! */
 /* COLUNAS */
 .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));
 }
 /* ORDENAÇÃO INICIAL */
 .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;
 }
 /* BREAKPOINTS DO GRID RESPONSIVO */
 @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));
   }
   /* ORDENAÇÃO */
   .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));
   }
   /* ORDENAÇÃO */
   .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));
   }
   /* ORDENAÇÃO */
   .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));
   }
   /* ORDENAÇÃO */
   .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));
   }
   /* ORDENAÇÃO */
   .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;
   }
 }
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! OUTROS ESTILOS RESPONSIVOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! OUTROS ESTILOS RESPONSIVOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! OUTROS ESTILOS RESPONSIVOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! OUTROS ESTILOS RESPONSIVOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! OUTROS ESTILOS RESPONSIVOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* -------------- !!!!!!!!!!!!!!!!!!! DISPLAY RESPONSIVO !!!!!!!!!!!!!!!!!!! -------------- */
 /* ESTILOS INICIAIS */
 .d-flex{
   display: flex !important;
 }
 .d-flex-sb{
   display: flex !important;
   justify-content: space-between !important;
 }
 .d-flex-c{
   display: flex !important;
   justify-content: center !important;
 }
 .d-flex-end{
   display: flex !important;
   justify-content:flex-end !important;
 }
 .d-flex-start{
   display: flex !important;
   justify-content: flex-start !important;
 }
 .d-grid{
   display: grid !important;
 }
 .d-block{
   display: block !important;
 }
 .d-none{
   display: none !important;
 }
 /* BREAKPOINTS DOS DISPLAYS */
 @media (min-width:614px){
   .d-kxsm-flex{
     display: flex !important;
   }
   .d-kxsm-flex-sb{
     display: flex !important;
     justify-content: space-between !important;
   }
   .d-kxsm-flex-c{
     display: flex !important;
     justify-content: center !important;
   }
   .d-kxsm-flex-end{
     display: flex !important;
     justify-content:flex-end !important;
   }
   .d-kxsm-flex-start{
     display: flex !important;
     justify-content: flex-start !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-flex-sb{
     display: flex !important;
     justify-content: space-between !important;
   }
   .d-ksm-flex-c{
     display: flex !important;
     justify-content: center !important;
   }
   .d-ksm-flex-end{
     display: flex !important;
     justify-content:flex-end !important;
   }
   .d-ksm-flex-start{
     display: flex !important;
     justify-content: flex-start !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-flex-sb{
     display: flex !important;
     justify-content: space-between !important;
   }
   .d-kmd-flex-c{
     display: flex !important;
     justify-content: center !important;
   }
   .d-kmd-flex-end{
     display: flex !important;
     justify-content:flex-end !important;
   }
   .d-kmd-flex-start{
     display: flex !important;
     justify-content: flex-start !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-flex-sb{
     display: flex !important;
     justify-content: space-between !important;
   }
   .d-klg-flex-c{
     display: flex !important;
     justify-content: center !important;
   }
   .d-klg-flex-end{
     display: flex !important;
     justify-content:flex-end !important;
   }
   .d-klg-flex-start{
     display: flex !important;
     justify-content: flex-start !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-flex-sb{
     display: flex !important;
     justify-content: space-between !important;
   }
   .d-kxlg-flex-c{
     display: flex !important;
     justify-content: center !important;
   }
   .d-kxlg-flex-end{
     display: flex !important;
     justify-content:flex-end !important;
   }
   .d-kxlg-flex-start{
     display: flex !important;
     justify-content: flex-start !important;
   }
   .d-kxlg-grid{
     display: grid !important;
   }
   .d-kxlg-block{
     display: block !important;
   }
   .d-kxlg-none{
     display: none !important;
   }
 }
 /* -------------- !!!!!!!!!!!!!!!!!!! PADDING RESPONSIVO !!!!!!!!!!!!!!!!!!! -------------- */
 .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;
 }
 /* PADDING TOP */
 .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;
 }
 /* PADDING RIGHT */
 .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;
 }
 /* padding bottom */
 .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;
 }
 /* padding left */
 .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;
 }
 /* -------------- !!!!!!!!!!!!!!!!!!! BREAKPOINTS DOS PADDINGS !!!!!!!!!!!!!!!!!!! -------------- */
 @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;
   }
   /* PADDING TOP */
   .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;
   }
   /* PADDING RIGHT */
   .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;
   }
   /* padding bottom */
   .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;
   }
   /* padding left */
   .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;
   }
   /* PADDING TOP */
   .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;
   }
   /* PADDING RIGHT */
   .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;
   }
   /* padding bottom */
   .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;
   }
   /* padding left */
   .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;
   }
   /* PADDING TOP */
   .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;
   }
   /* PADDING RIGHT */
   .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;
   }
   /* padding bottom */
   .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;
   }
   /* padding left */
   .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;
   }
   /* PADDING TOP */
   .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;
   }
   /* PADDING RIGHT */
   .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;
   }
   /* padding bottom */
   .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;
   }
   /* padding left */
   .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;
   }
   /* PADDING TOP */
   .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;
   }
   /* PADDING RIGHT */
   .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;
   }
   /* padding bottom */
   .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;
   }
   /* padding left */
   .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;
   }
 }
 /* -------------- !!!!!!!!!!!!!!!!!!! MARGIN RESPONSIVO !!!!!!!!!!!!!!!!!!! -------------- */
 .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;
 }
 /* PADDING TOP */
 .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;
 }
 /* PADDING RIGHT */
 .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;
 }
 /* padding bottom */
 .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;
 }
 /* padding left */
 .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;
 }
 /* -------------- !!!!!!!!!!!!!!!!!!! BREAKPOINTS DOS MARGINS !!!!!!!!!!!!!!!!!!! -------------- */
 @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;
   }
   /* PADDING TOP */
   .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;
   }
   /* PADDING RIGHT */
   .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;
   }
   /* padding bottom */
   .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;
   }
   /* padding left */
   .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;
   }
   /* PADDING TOP */
   .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;
   }
   /* PADDING RIGHT */
   .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;
   }
   /* padding bottom */
   .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;
   }
   /* padding left */
   .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;
   }
   /* PADDING TOP */
   .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;
   }
   /* PADDING RIGHT */
   .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;
   }
   /* padding bottom */
   .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;
   }
   /* padding left */
   .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;
   }
   /* PADDING TOP */
   .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;
   }
   /* PADDING RIGHT */
   .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;
   }
   /* padding bottom */
   .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;
   }
   /* padding left */
   .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;
   }
   /* PADDING TOP */
   .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;
   }
   /* PADDING RIGHT */
   .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;
   }
   /* padding bottom */
   .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;
   }
   /* padding left */
   .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;
   }
 }
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! FUNÇÕES DEPENDENTES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! FUNÇÕES DEPENDENTES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! FUNÇÕES DEPENDENTES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! FUNÇÕES DEPENDENTES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! FUNÇÕES DEPENDENTES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* MODAIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* MODAIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* MODAIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* MODAIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* MODAIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* ESTILOS ACESSADOS SOMENTE POR JS JS */
 .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: 13;
   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;
 }
 /* NORMAIS --------------- */
 .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;
 }
 /* NOTIFICAÇÃO !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* NOTIFICAÇÃO !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* NOTIFICAÇÃO !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* NOTIFICAÇÃO !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* NOTIFICAÇÃO !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* SOMENTE POR JS */
 .k-box-notify{
   position: fixed;
   bottom: 32px;
   left: 40px;
   z-index: 14;
   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 0.3s ease;
   color: #f7f7f7;
   transition: all 0.15s ease;
 }
 .k-box-notify .close-notify:hover{
   border-radius:4px;
   background-color: #ffffff25;
 }
 /*  CAROUSEL !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /*  CAROUSEL !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /*  CAROUSEL !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /*  CAROUSEL !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /*  CAROUSEL !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 .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 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* ACCORDION !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* ACCORDION !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* ACCORDION !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* ACCORDION !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 .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;
   transition: all 0.3s ease;
 }
 .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%;
 }
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! PREDEFINIDOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! PREDEFINIDOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! PREDEFINIDOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! PREDEFINIDOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! PREDEFINIDOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 .click-rotate.active{
   transform: rotateZ(180deg);
 }
 /* MODAL !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* MODAL !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* MODAL !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 .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;
 }
 /* TABELA !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* TABELA !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* TABELA !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 .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;
 }
 /* COLUNAS SEPARADAMENTE ------------------------ */
 .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;
 }
 /* SCROLL TABLE */
 .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;
 }
 /* ESTILOS PADRÕES DE TABELA ------------------------------------- */
 /* ESTILO PADRÃO 1 */
 .table-element.style-1 > .table-row{
   border-radius: 6px;
   border:1px solid transparent;
   padding:0px 14px;
   font-weight: 500;
   color:#686868;
 }
 .table-element.style-1 > .table-row:hover{
   background-color: #f5f5f5;
   border:1px solid #f3f3f3;
 }
 .table-element.style-1 > .table-row.table-title{
   font-weight: 700;
   background-color: #f2f2f3;
   border:1px solid #f0f0f0;
   color:#a4a4a4;
   border-radius: 6px;
   padding:7px 14px;
 }
 .table-element.style-1 > .table-row.table-title > div{
   padding:3px 0px;
 }
 /* ESTILO PADRÃO 2 */
 .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 0px;
   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;
 }
 /* ESTILO PADRÃO 3 */
 .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:0 10px;
 }
 .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;
 }
 /* FORMULÁRIOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* FORMULÁRIOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* FORMULÁRIOS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 .form-group-1,
 .form-group-2,
 .form-group-3{
   position: relative;
   width: auto !important;
   max-width: 100% !important;
   margin:0px 6px;
   /* line-height: 10px; */
   line-height: 130%;
   display: flex;
   flex-wrap: wrap;
   user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
 }
 .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;
 }
 
 textarea::-webkit-scrollbar{
   width: 6px;
   height: 6px;
 }
 textarea::-webkit-scrollbar-thumb{
   background-color: #b5b5b5;
   border-radius: 5px;
 }
 textarea::-webkit-scrollbar-track{
   background-color: #e8e8e9;
   border-radius: 5px;
 }
 /* ESTILOS MODELO 1 ------------------------------------------------------------------------------------------ */
 /* ESTILOS MODELO 1 ------------------------------------------------------------------------------------------ */
 /* ESTILO DA MENSAGEM */
 .form-group-1 span{
   display: block;
   position: relative;
   margin-top:6px;
   margin-left: 5px;
   font-size:14px;
   min-height: 14px;
   line-height: inherit;
   margin-bottom: 15px;
   pointer-events: none;
   opacity: 0;
 }
 /* ESTILOS DA INPUT E DO SELECT */
 .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;
 }
 /* ESTILO DA LABEL */
 .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;
 }
 /* ESTILO DA LABEL PRE-FIXADA*/
 .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);
 }
 /* EM CASO DE INPUT INVÁLIDA */
 .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);
 }
 /* ESTILOS DA MENSAGEM INVÁLIDA */
 .form-group-1 > .invalid ~ span{
   pointer-events: all;
   opacity: 1;
   color: var(--invalid_color);
 }
 /* ESTILOS INPUT E LABEL READONLY */
 .form-group-1 input:read-only, .form-group-1 input:disabled{
   position: relative;
   width: 100%;
   padding: 12px 14px;
   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);
 }
 /* ESTILOS MODELO 2 ------------------------------------------------------------------------------------------ */
 /* ESTILOS MODELO 2 ------------------------------------------------------------------------------------------ */
 /* ESTILO DA MENSAGEM */
 .form-group-2 span{
   display: block;
   position: relative;
   margin-top:6px;
   margin-left: 5px;
   font-size:14px;
   min-height: 14px;
   line-height: inherit;
   margin-bottom: 10px;
   pointer-events: none;
   opacity: 0;
   width: 100%;
 }
 /* ESTILOS DA INPUT, DA TEXTAREA E DO SELECT */
 .form-group-2 input, .form-group-2 textarea, .form-group-2 select{
   position: relative;
   width: 100%;
   padding: 12px 14px;
   background-color: transparent;
   border: 1px solid #d0d0d0;
   border-radius: 3px;
   color:#707070;
   font-size: 16px;
   box-shadow: 0px 0px 4px 0px #00000009;
   box-sizing: content-box;
   line-height: inherit;
   transition: all 0.25s ease;
 }
 .form-group-2 input:focus, .form-group-2 textarea:focus, .form-group-2 select:focus{
   border: 1px solid #a0a0a0;
   box-shadow: 0px 0px 6px 0px #00000010;
 }
 .form-group-2 input::placeholder, .form-group-2 textarea::placeholder, .form-group-2 select::placeholder{
   color:#999999;
   user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
 }
 /* ESTILOS DA TEXTAREA */
 .form-group-2 textarea{
   height: 96px;
   resize: none;
   font-family: inherit;
 }
 /* ESTILO DA LABEL */
 .form-group-2 label{
   position: relative;
   width: 80%;
   padding:5px 1px 7px 4px;
   top:0px;
   color: #818181;
   font-size: 16px;
   font-weight: 500;
   order: -1;
   transition: all 0.2s ease;
 }
 /* ESTILO DA INPUT CHECKBOX */
 .form-group-2 input[type='checkbox'] {
   display: none;
 }
 .form-group-2 input[type='checkbox']~label {
   position: relative;
   width: max-content;
   max-width: 100%;
   padding-left: 35px;
   color: #818181;
   font-size: 16px;
   font-weight: 500;
   display: flex;
   align-items: center;
   cursor: pointer;
 }
 .form-group-2 input[type='checkbox']~label .box {
   position: absolute;
   width: 24px;
   height: 24px;
   margin-top:-2px;
   margin-right: 3px;
   left: 0;
   border: 1px solid #999999;
   border-radius: 3px;
   vertical-align: middle;
   display: inline-block;
   transition: 0.2s ease;
 }
 .form-group-2 input[type='checkbox']~label .box::before,
 .form-group-2 input[type='checkbox']~label .box::after {
   content: "";
   position: absolute;
   width: 4px;
   height: 16px;
   border-radius: 40px;
   background: #ffffff;
   transition: height 0.2s ease, transform 0.2s ease;
 }
 .form-group-2 input[type='checkbox']~label .box::before {
   transform: rotate(45deg) translateY(-5px) translateX(10px) scale(0);
 }
 .form-group-2 input[type='checkbox']~label .box::after {
   height: 8px;
   transform: rotate(-45deg) translateY(10px) translateX(-4px) scale(0);
 }
 /* QUANDO CHECKED */
 .form-group-2 input[type='checkbox']:checked~label .box {
   background: var(--blue);
   border-color: var(--blue);
 }
 .form-group-2 input[type='checkbox']:checked~label .box::before {
   transform: rotate(45deg) translateY(-5px) translateX(10px) scale(1);
 }
 .form-group-2 input[type='checkbox']:checked~label .box::after {
   height: 8px;
   transform: rotate(-45deg) translateY(10px) translateX(-4px) scale(1);
 }
 /* ESTILO DA INPUT FILE */
 .form-group-2 input[type='file'] {
   position: absolute;
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
   overflow: hidden;
   z-index: -1;
 }
 .form-group-2 input[type='file']+label {
   position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   font-size: 15px;
   font-weight: 500;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
 .form-group-2 input[type='file']+label .box {
   position: relative;
   width: max-content;
   max-width: 100%;
   padding: 12px 20px 10px;
   top: -2px;
   background-color: var(--blue);
   border-radius: 3px;
   color: #f1e5e6;
   white-space: nowrap;
   cursor: pointer;
   transition: background-color 0.3s ease;
 }
 .form-group-2 input[type='file']:focus+label .box,
 .form-group-2 input[type='file']:hover+label .box,
 .form-group-2 input[type='file']+label:focus .box,
 .form-group-2 input[type='file']+label:hover .box {
   background-color: var(--blue-dark);
 }
 .form-group-2 input[type='file']+label .box svg {
   width: 1.2em;
   height: 1.2em;
   margin-top: -0.25em;
   margin-right: 0.3em;
   vertical-align: middle;
 }
 .form-group-2 input[type='file']+label::after {
   content: attr(data-selected);
   position: relative;
   margin-left: 10px;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 /* ESTILO DA LABEL PRE-FIXADA*/
 .form-group-2 .label_prefixed{
   color: #808080;
   top:-6px;
   left:2px;
   transform: scale(0.85);
 }
 /* EM CASO DE INPUT INVÁLIDA */
 .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);
 }
 /* ESTILOS DA MENSAGEM INVÁLIDA */
 .form-group-2 > .invalid ~ span{
   pointer-events: all;
   opacity: 1;
   color: var(--invalid_color);
 }
 /* ESTILOS INPUT E LABEL READONLY */
 .form-group-2 input:read-only, .form-group-2 input:disabled{
   background-color: #f1f1f1;
   border: 1px solid #c6c6c6;
   color:#656565;
   border-radius: 3px;
 }
 /* QUANDO FOR REAL */
 .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: 12px 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: 14px;
   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: "%";
 }
 
 
 /* CARTÃO DE NOTA ----------------------------------------- */
 /* CARTÃO DE NOTA ----------------------------------------- */
 /* CARTÃO DE NOTA ----------------------------------------- */
 .notecard {
   width: 100%;
   padding: 12px;
   margin: 30px 0px;
   background-color: #e8edef;
   border-left: 6px solid #757171;
 }
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! CLASSES ÚTEIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! CLASSES ÚTEIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! CLASSES ÚTEIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! CLASSES ÚTEIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! CLASSES ÚTEIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 /* BACKGROUNDS ----------------------------------------- */
 /* BACKGROUNDS ----------------------------------------- */
 /* BACKGROUNDS ----------------------------------------- */
 .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;
 }
 /* CORES ----------------------------------------- */
 /* CORES ----------------------------------------- */
 /* CORES ----------------------------------------- */
 .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;
 }
 /* LARGURAS PREDEFINIDAS ----------------------------------------- */
 /* LARGURAS PREDEFINIDAS ----------------------------------------- */
 /* LARGURAS PREDEFINIDAS ----------------------------------------- */
 .w-200{
   width:200px;
 }
 .w-250{
   width:250px;
 }
 .w-300{
   width:300px;
 }
 .w-350{
   width:350px;
 }
 .w-400{
   width:400px;
 }
 .w-450{
   width:450px;
 }
 .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%;
 }
 /* ALTURA PREDEFINIDA ----------------------------------------- */
 /* ALTURA PREDEFINIDA ----------------------------------------- */
 /* ALTURA PREDEFINIDA ----------------------------------------- */
 .h-200{
   height:200px;
 }
 .h-250{
   height:250px;
 }
 .h-300{
   height:300px;
 }
 .h-350{
   height:350px;
 }
 .h-400{
   height:400px;
 }
 .h-450{
   height:450px;
 }
 .h-500{
   height:500px;
 }
 .h-550{
   height:550px;
 }
 .h-600{
   height:600px;
 }
 .h-650{
   height:650px;
 }
 .h-700{
   height:700px;
 }
 .h-750{
   height:750px;
 }
 .h-800{
   height:800px;
 }
 .h-850{
   height:850px;
 }
 .h-900{
   height:900px;
 }
 .h-950{
   height:950px;
 }
 .h-1000{
   height:1000px;
 }
 .h-fluid{
   height:100%;
 }
 /* BORDAS ----------------------------------------- */
 /* BORDAS ----------------------------------------- */
 /* BORDAS ----------------------------------------- */
 .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;
 }
 /* RADIUS ----------------------------------------- */
 /* RADIUS ----------------------------------------- */
 /* RADIUS ----------------------------------------- */
 .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% !important;
 }
 /* NO SELECT ----------------------------------------- */
 /* NO SELECT ----------------------------------------- */
 /* NO SELECT ----------------------------------------- */
 .no-select{
   user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
 }
 /* TRANSITION ----------------------------------------- */
 /* TRANSITION ----------------------------------------- */
 /* TRANSITION ----------------------------------------- */
 .fade{
   transition:all 0.3s ease;
 }
 .fade-1{
   transition:all 0.1s ease;
 }
 .fade-2{
   transition:all 0.2s ease;
 }
 .fade-3{
   transition:all 0.25s ease;
 }
 .fade-4{
   transition:all 0.35s ease;
 }
 .fade-5{
   transition:all 0.4s ease;
 }
 .fade-6{
   transition:all 0.5s ease;
 }
 .fade-7{
   transition:all 0.6s ease;
 }
 .fade-8{
   transition:all 1s ease;
 }
 .no-fade{
   transition:none !important;
 }
 /* BOX-SHADOW ----------------------------------------- */
 /* BOX-SHADOW ----------------------------------------- */
 /* BOX-SHADOW ----------------------------------------- */
 .shadow-1{
   box-shadow:0px 1px 6px 0px #00000009;
 }
 .shadow-2{
   box-shadow:0px 1px 8px 0px #00000010;
 }
 .shadow-3{
   box-shadow:0px 2px 12px 0px #00000012;
 }
 .shadow-4{
   box-shadow:0px 2px 20px 0px #00000014;
 }
 .shadow-5{
   box-shadow:0px 2px 40px 0px #00000016;
 }
 .shadow-none{
   box-shadow:none;
 }
 /* DFLEX --------------------------------------- */
 /* DFLEX --------------------------------------- */
 /* DFLEX --------------------------------------- */
 .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;
 }
 /* LOADING ELEMENT --------------------------------------- */
 /* LOADING ELEMENT --------------------------------------- */
 /* LOADING ELEMENT --------------------------------------- */
 @keyframes spinner_loading {
   to {
     transform: rotate(360deg);
   }
 }
 .loading-in{
   --width: 4px;
   --size_loading: 20px;
   position: relative;
   width: var(--size_loading);
   height: var(--size_loading);
   margin-left: 12px;
   display: flex !important;
   align-items: center;
   justify-content: center;
 }
 .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 SVG --------------------------------------- */
 /* ELEMENT SVG --------------------------------------- */
 /* ELEMENT SVG --------------------------------------- */
 .icon-svg{
   position: relative;
   width: max-content;
   padding:8px 8px;
   border-radius: 5px;
   cursor: pointer;
   transition: all 0.1s ease;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .icon-svg.fill{
   background-color: #83a7cf31;
 }
 .icon-svg.fill-2{
   background-color: #40455010;
 }
 .icon-svg:hover{
   background-color: #649ddf31;
 }
 .icon-svg.hover-2:hover{
   background-color: #40455010;
 }
 .icon-svg p{
   font-weight: 500;
   line-height: 100%;
   padding:2px 0px;
   margin:0px;
   margin-bottom:0px;
   padding-left: 6px;
   padding-right: 6px;
   display: block;
   color:currentColor;
   pointer-events: none;
 }
 .icon-svg svg{
   display: block;
   margin-left: 0px;
   pointer-events: none;
 }
 /* BOTÕES --------------------------------------- */
 /* BOTÕES --------------------------------------- */
 /* BOTÕES --------------------------------------- */
 .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;
   height:max-content;
 }
 /* MODELO 1 */
 .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;
 }
 /* MODELO 2 */
 .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;
 }
 /* MODELO 3 */
 .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 0.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 0.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;
 }
 /* JUNTO COM A API ----------------------------------------------- */
 *[data-modulo]{
   display: none;
 }
 /* ESTILO DOS ATRIBUTOS ------------------------------------------- */
 .produto_variante{
   margin:4px 4px;
 }
 .produto_variante.atributo-normal{
   border:1px solid #d1d1d1;
   padding:10px 12px;
   font-size:16px;
   font-weight: 500;
   cursor: pointer;
   width: max-content;
   transition:all 0.2s ease;
   border-radius: 4px;
 }
 .produto_variante.atributo-normal:hover, .produto_variante.atributo-normal[data-produto_variante_selecionada]{
   color: var(--color-main);
   border-color: var(--color-main);
 }
 .produto_variante.atributo-cor::before{
   position: absolute;
   content: "";
   width:23px;
   height:23px;
   border-radius: 50%;
   background-color: currentColor;
 }
 .produto_variante.atributo-cor{
   width:35px;
   height:35px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #00000024;
   border-radius: 50%;
   position: relative;
   cursor: pointer;
   transition:all 0.2s ease;
 }
 .produto_variante.atributo-cor:hover, .produto_variante.atributo-cor[data-produto_variante_selecionada]{
   border: 1px solid var(--color-main);
 }
 /* ESTILOS DO PESQUISAR DINÂMICO ------------- */
 #filter-pesquisar-dinamico-api{
   position:fixed;
   left:0px;
   top:0px;
   width:100%;
   height:100%;
   background-color:#000000;
   opacity: 0;
   pointer-events: none;
   transition:all 0.2s ease;
 }
 #filter-pesquisar-dinamico-api.filtro-pesquisar-dinamico-ativado{
   pointer-events: all;
   opacity: 0.3;
 }
 #ft-results-pesquisar-dinamico-api{
   margin-top:18px;
   background-color: #ffffff;
   position: absolute;
   width: 100%;
   border-radius: 3px;
   transition: all 0.3s ease;
   opacity: 0;
   pointer-events: none;
   padding:8px 0px;
 }
 #ft-results-pesquisar-dinamico-api::before{
   position: absolute;
   width: 0;
   height: 0;
   content: "";
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 10px solid #fff;
   top: -10px;
   left:12px;
 }
 #ft-results-pesquisar-dinamico-api.resultado-dinamico-ativado{
   opacity: 1;
   pointer-events: all;
 }
 
 #ft-results-pesquisar-dinamico-api a{
   width: 100%;
   display: block;
   padding:7px 14px;
   font-size: 16px;
 
   color:#525252;
   transition: all 0.3s ease;
 }
 #ft-results-pesquisar-dinamico-api a:hover{
   background-color: #00000015;
 }
 /* ESTILOS DO MENU FLUTUANTE DO USUÁRIO ------------- */
 #float-menu-user{
   position: absolute;
   width: 240px;
   top: 60px;
   left: calc(50% - 110px);
   background-color: #ffffff;
   border-radius: 10px;
   box-shadow: 0 0 15px 1px rgba(90,80,105,.2);
   opacity: 0;
   z-index: 25;
   transform: scale(.7);
   pointer-events: none;
   transition-property: top, opacity, visibility, transform;
   transition: 270ms cubic-bezier(.34,1.25,.3,1);
 }
 #float-menu-user[data-visible]{
   top: 80px;
   opacity: 1;
   pointer-events: all;
   transform: scale(1);
 }
 #float-menu-user::after {
   content: "";
   position: absolute;
   width: 20px;
   height: 20px;
   top: -10px;
   margin-left: calc(50% - 15px);
   background-color: #ffffff;
   transform: rotate(45deg);
 }