
body{
   
    font-family: 'Poppins';
    font-size: 10px;
    color: white;
    margin: 0 ;
    padding: 0;

}

/*------------------------------------------------------------------------------------------------  z-index List -----------*/
.z--7   {z-index: 0 !important;}
.z--6   {z-index: 0 !important;}
.z--5   {z-index: 0 !important;}
.z--4   {z-index: 0 !important;}
.z--3   {z-index: 0 !important;}
.z--2   {z-index: 0 !important;}
.z--1   {z-index: 0 !important;}

.z-0  {z-index: 0 !important;}

.z-1  {z-index: 1 !important;}
.z-2  {z-index: 2 !important;}
.z-3  {z-index: 3 !important;}
.z-4  {z-index: 4 !important;}
.z-5  {z-index: 5 !important;}
.z-6  {z-index: 6 !important;}
.z-7  {z-index: 7 !important;}

.z-1000 {z-index: 1000 !important;}
.z-1001 {z-index: 1000 !important;}
.z-1002 {z-index: 1000 !important;}
.z-1003 {z-index: 1000 !important;}
.z-1004 {z-index: 1000 !important;}
.z-1005 {z-index: 1000 !important;}
.z-1006 {z-index: 1000 !important;}
.z-1007 {z-index: 1000 !important;}


.d-none             {display: none !important; }
.d-block            {display: block !important; }
.d-inline           {display: inline !important;}
.d-inline-block     {display: inline-block !important;}
.d-flex             {display: flex !important;}
.d-flexbox          {display: flexbox !important;}

.flex-d-col     {flex-direction: column !important;}
.flex-d-col-rev {flex-direction: column-reverse !important;}
.flex-d-row     {flex-direction: row !important;}
.flex-d-row-rev {flex-direction: row-reverse !important;}

.flex-b-auto    { flex-basis: auto !important; }

.flex-s-auto  { flex-shrink: auto !important; }


.grow-1         {flex-grow: 1 !important;}
.grow-2         {flex-grow: 2 !important;}
.grow-3         {flex-grow: 3 !important;}
.grow-4         {flex-grow: 4 !important;}


.f-wrap         {flex-wrap: wrap   !important;}
.f-nowrap       {flex-wrap: nowrap !important;}

.j-space     {justify-content: space-around  !important;}
.j-center    {justify-content: center        !important;}
.j-between   {justify-content: space-between !important;}
.j-stretch   {justify-content: stretch       !important;}

.a-center   {align-items:     center        !important;}
.a-start    {align-items:     start         !important;}
.a-end      {align-items:     end           !important;}
.a-stretch  {align-items:     stretch           !important;}

.center-center   {justify-content: center        !important;  align-items: center  !important;}
.space-center    {justify-content: space-around  !important;  align-items: center  !important;}
.between-center  {justify-content: space-between !important;  align-items: center  !important;}
.stretch-center  {justify-content: stretch       !important;  align-items: center  !important;}

.center-start    {justify-content: center        !important;  align-items: start   !important;}
.space-start     {justify-content: space-around  !important;  align-items: start   !important;}
.between-start   {justify-content: space-between !important;  align-items: start   !important;}
.stretch-start   {justify-content: stretch       !important;  align-items: start   !important;}

.center-end      {justify-content: center        !important;  align-items: end     !important;}
.space-end       {justify-content: space-around  !important;  align-items: end     !important;}
.between-end     {justify-content: space-between !important;  align-items: end     !important;}
.stretch-end     {justify-content: stretch       !important;  align-items: end     !important;}

.stretch-stretch {justify-content: stretch       !important;  align-items: stretch !important;}

.fit-cover   {object-fit: cover     !important;}
.fit-fill    {object-fit: fill      !important;}
.fit-contain {object-fit: contain   !important;}


.o-visible  {overflow: visible !important;}
.o-hidden   {overflow: hidden !important;}
.o-hiddenX   {overflow-x: hidden !important;}
.o-scroll   {overflow: scroll !important;}


.p-fixed     {position: fixed    !important;}
.p-absolute  {position: absolute !important;}
.p-relative  {position: relative !important;}
.p-static    {position: static   !important;}

.opac-0 { opacity:   0 !important; }
.opac-1 { opacity: 0.1 !important; }
.opac-2 { opacity: 0.2 !important; }
.opac-3 { opacity: 0.3 !important; }
.opac-4 { opacity: 0.4 !important; }
.opac-5 { opacity: 0.5 !important; }
.opac-6 { opacity: 0.6 !important; }
.opac-7 { opacity: 0.7 !important; }
.opac-8 { opacity: 0.8 !important; }
.opac-9 { opacity: 0.9 !important; }
.opac   { opacity:   1 !important; }


.box_border   {box-sizing: border-box !important;}
.box_content  {box-sizing: content-box !important;}

.b-rad10  { border-radius:  10}
.b-r5  { border-radius:  5px  5px  5px  5px !important; }
.b-r10 { border-radius: 10px 10px 10px 10px !important; }
.b-r15 { border-radius: 15px 15px 15px 15px !important; }
.b-r20 { border-radius: 20px 20px 20px 20px !important; }

.filter-shadow-g5    {filter: drop-shadow( rgba(224, 233, 238, 0.4) 5px  5px 5px ) !important; }
.text-shadow-b1      {text-shadow: black 0.1em 0.1em 0.2em !important; }

.txt-sdw-2-black {text-shadow: 2px 2px 4px #000000;}
.txt-sdw-2-white {text-shadow: 2px 2px 4px rgba(224, 233, 238, 0.5);}

.txt-left   {text-align: left;}
.txt-center {text-align: center;}
.txt-right  {text-align: right;}


/*------------------------------------------------------------------------------------------------  Font List -----------*/
.f-mont    { font-family: 'Montserrat' !important;}
.f-pop     { font-family: 'Poppins' !important;}
.f-lato    { font-family: 'Lato' !important;}
.f-Roboto  { font-family: 'Roboto' !important;} 

.f-s9   { font-size:  9px !important; }
.f-s10  { font-size: 10px !important; }
.f-s11  { font-size: 11px !important; }
.f-s12  { font-size: 12px !important; }
.f-s13  { font-size: 13px !important; }
.f-s14  { font-size: 14px !important; }
.f-s15  { font-size: 15px !important; }
.f-s16  { font-size: 15px !important; }
.f-s17  { font-size: 15px !important; }
.f-s18  { font-size: 18px !important; }
.f-s19  { font-size: 18px !important; }
.f-s20  { font-size: 20px !important; }
.f-s22  { font-size: 22px !important; }
.f-s25  { font-size: 25px !important; }
.f-s30  { font-size: 30px !important; }
.f-s32  { font-size: 33px !important; }
.f-s35  { font-size: 35px !important; }
.f-s40  { font-size: 40px !important; }

.f-w300 {font-weight: 300 !important; }
.f-w400 {font-weight: 400 !important; }
.f-w600 {font-weight: 500 !important; }
.f-w700 {font-weight: 700 !important; }
.f-w900 {font-weight: 900 !important; }

.c-white        { color: white !important;  }
.c-black        { color: black !important; }

.c-red         {background-color:  red       !important;}
.c-yellow      {background-color:  yellow    !important;}
.c-green       {background-color:  green     !important;}
.c-cyan        {background-color:  cyan      !important;}
.c-blue        {background-color:  blue      !important;}
.c-magenta     {background-color:  magenta   !important;}
.c-gray        {background-color:  gray      !important;}
.c-silver      {background-color:  silver    !important;} 


/*------------------------------------------------------------------------------------------------  Backgroud-Color List -----------*/
.bg-transp      {background-color:  transparent !important;}
.bg-white       {background-color:  white   !important;}
.bg-black       {background-color:  black   !important;}

.bg-red         {background-color:  red     !important;}
.bg-yellow      {background-color:  yellow  !important;}
.bg-green       {background-color:  green   !important;}
.bg-cyan        {background-color:  cyan    !important;}
.bg-blue        {background-color:  blue    !important;}
.bg-magenta     {background-color:  magenta !important;}
.bg-gray        {background-color:  gray    !important;}
.bg-silver      {background-color:  silver  !important;} 

.bg-b1          {background-color: #cde8fa  !important;}     /* $00FAE8cd */
.bg-b2          {background-color: #7cc4f5  !important;}     /* $00F5c47c */
.bg-b3          {background-color: #5DADE2  !important;}     /* $00E2AD5D */
.bg-b4          {background-color: #2980B9  !important;}     /* $00B98029 */
.bg-b5          {background-color: #2874A6  !important;}     /* $00A67428 */
.bg-b6          {background-color: #21618C  !important;}     /* $008C6121 */
.bg-b7          {background-color: #1A5276  !important;}     /* $0076521A */

.bg-azul		{background-color: #006c8f  !important;}     /* $008F6C00 */
.bg-roxo		{background-color: #6b5c8c  !important;}     /* $008C5C6B */
.bg-vinho		{background-color: #915061  !important;}     /* $00615091 */
.bg-marron	    {background-color: #845b39  !important;}     /* $00395B84 */
.bg-musgo		{background-color: #566a3b  !important;}     /* $003B6A56 */
.bg-folha		{background-color: #037167  !important;}     /* $00677103 */
.bg-cinza		{background-color: #c5cbcf  !important;}     /* $00CFCBC5 */

.bg-c1		{background-color: #006c8f  !important;}     /* $008F6C00 */
.bg-c2      {background-color: #6b5c8c  !important;}     /* $008C5C6B */
.bg-c3      {background-color: #915061  !important;}     /* $00615091 */
.bg-c4      {background-color: #845b39  !important;}     /* $00395B84 */
.bg-c5      {background-color: #566a3b  !important;}     /* $003B6A56 */
.bg-c6      {background-color: #037167  !important;}     /* $00677103 */
.bg-c7      {background-color: #c5cbcf  !important;}     /* $00CFCBC5 */


.bg-cream       {background-color: #ffeec1 !important;}

.bg-1       {background-color: #d5e6f9 !important;}
.bg-2       {background-color: #95cff0 !important;}
.bg-3       {background-color: #6eccf4 !important;}
.bg-4       {background-color: #39a6ea !important;}
.bg-5       {background-color: #2783bc !important;}
.bg-6       {background-color: #185d85 !important;}
.bg-7       {background-color: #0b3855 !important;}

                                                                 
.bg-p1	    {background-color: #E95C6F  !important;}         /* $006F5CE9 */
.bg-p2	    {background-color: #EF8D82  !important;}         /* $00828DEF */
.bg-p3	    {background-color: #F2BC8D  !important;}         /* $008DBCF2 */
.bg-p4      {background-color: #91AACB  !important;}         /* $00CBAA91 */
.bg-p5      {background-color: #527AA8  !important;}         /* $00A87A52 */
                                                                 
.bg-s1      {background-color: #cbdbe2  !important;}         /* $00E2DBCB */
.bg-s2      {background-color: #B0BEC5  !important;}         /* $00C5BEB0 */
.bg-s3      {background-color: #90A4AE  !important;}         /* $00AEA490 */
.bg-s4      {background-color: #78909C  !important;}         /* $009C9078 */
.bg-s5      {background-color: #607D8B  !important;}         /* $008B7D60 */
.bg-s6      {background-color: #436271  !important;}         /* $00716243 */
.bg-s7      {background-color: #2a4856  !important;}         /* $0056482A */
                                                                 
.bg-g1      {background-color: #e1faea  !important;}         /* $00EAFAE1 */
.bg-g2      {background-color: #bfe3d5  !important;}         /* $00D5E3BF */
.bg-g3      {background-color: #99C9B5  !important;}         /* $00B5C999 */
.bg-g4      {background-color: #73c79d  !important;}         /* $009DC773 */
.bg-g5      {background-color: #52B788  !important;}         /* $0088B752 */
.bg-g6      {background-color: #40916C  !important;}         /* $006C9140 */
.bg-g7      {background-color: #25704f  !important;}         /* $004F7025 */

/*-----------------------------------------------------------------------------------------------------  Padding List -----------*/
.p-2  {padding:   2px !important;}
.p-3  {padding:   3px !important;}
.p-4  {padding:   3px !important;}
.p-5  {padding:   5px !important;}
.p-7  {padding:   7px !important;}
.p-10 {padding:  10px !important;}
.p-12 {padding:  10px !important;}
.p-15 {padding:  15px !important;}
.p-17 {padding:  17px !important;}
.p-20 {padding:  20px !important;}

/*-----------------------------------------------------------------------------------------------------  Margin List -----------*/
.m-auto {margin: auto !important;}

.m-2  {margin:   2px !important;}
.m-3  {margin:   3px !important;}
.m-4  {margin:   3px !important;}
.m-5  {margin:   5px !important;}
.m-7  {margin:   7px !important;}
.m-10 {margin:  10px !important;}
.m-12 {margin:  12px !important;}
.m-15 {margin:  15px !important;}
.m-17 {margin:  17px !important;}
.m-20 {margin:  20px !important;}
.    {margin:  50px !important;}

.mt-3  {margin-top:   3px !important;}
.mt-5  {margin-top:   5px !important;}
.mt-7  {margin-top:   7px !important;}
.mt-10 {margin-top:  10px !important;}
.mt-12 {margin-top:  12px !important;}
.mt-15 {margin-top:  15px !important;}
.mt-17 {margin-top:  17px !important;}
.mt-20 {margin-top:  20px !important;}

.mb-3  {margin-bottom: 3px !important;}
.mb-5  {margin-bottom: 5px !important;}
.mb-7  {margin-bottom: 7px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-12 {margin-bottom:12px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-17 {margin-bottom:17px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-100 {margin-bottom:20px !important;}

.ml-3  {margin-left: 3px !important;}
.ml-5  {margin-left: 5px !important;}
.ml-7  {margin-left: 7px !important;}
.ml-10 {margin-left:10px !important;}
.ml-12 {margin-left:12px !important;}
.ml-15 {margin-left:15px !important;}
.ml-17 {margin-left:17px !important;}
.ml-20 {margin-left:20px !important;}


.mlr-3  {margin-left: 3px !important; margin-right: 3px !important;}
.mlr-5  {margin-left: 5px !important; margin-right: 5px !important;}
.mlr-7  {margin-left: 7px !important; margin-right: 7px !important;}
.mlr-10 {margin-left:10px !important; margin-right:10px !important;}
.mlr-12 {margin-left:12px !important; margin-right:12px !important;}
.mlr-15 {margin-left:15px !important; margin-right:15px !important;}
.mlr-17 {margin-left:17px !important; margin-right:17px !important;}
.mlr-20 {margin-left:20px !important; margin-right:20px !important;}
.mlr-30 {margin-left:30px !important; margin-right:30px !important;}
.mlr-35 {margin-left:35px !important; margin-right:35px !important;}
.mlr-40 {margin-left:40px !important; margin-right:40px !important;}

.mtb-3  {margin-top:  3px !important; margin-bottom: 3px !important;}
.mtb-5  {margin-top:  5px !important; margin-bottom: 5px !important;}
.mtb-7  {margin-top:  7px !important; margin-bottom: 7px !important;}
.mtb-10 {margin-top: 10px !important; margin-bottom:10px !important;}
.mtb-12 {margin-top: 12px !important; margin-bottom:12px !important;}
.mtb-15 {margin-top: 15px !important; margin-bottom:15px !important;}
.mtb-17 {margin-top: 17px !important; margin-bottom:17px !important;}
.mtb-20 {margin-top: 20px !important; margin-bottom:20px !important;}


.mtlr-3  {margin-top: 3px !important;margin-left: 3px !important;margin-right: 3px !important;}
.mtlr-5  {margin-top: 5px !important;margin-left: 5px !important;margin-right: 5px !important;}
.mtlr-7  {margin-top: 7px !important;margin-left: 7px !important;margin-right: 7px !important;}
.mtlr-10 {margin-top:10px !important;margin-left:10px !important;margin-right:10px !important;}
.mtlr-12 {margin-top:12px !important;margin-left:12px !important;margin-right:12px !important;}
.mtlr-15 {margin-top:15px !important;margin-left:15px !important;margin-right:15px !important;}
.mtlr-17 {margin-top:17px !important;margin-left:17px !important;margin-right:17px !important;}
.mtlr-20 {margin-top:20px !important;margin-left:20px !important;margin-right:20px !important;}

.mblr-3  {margin-left: 3px !important; margin-right: 3px !important; margin-bottom: 3px !important;}
.mblr-5  {margin-left: 5px !important; margin-right: 5px !important; margin-bottom: 5px !important;}
.mblr-7  {margin-left: 7px !important; margin-right: 7px !important; margin-bottom: 7px !important;}
.mblr-10 {margin-left:10px !important; margin-right:10px !important; margin-bottom:10px !important;}
.mblr-12 {margin-left:12px !important; margin-right:12px !important; margin-bottom:12px !important;}
.mblr-15 {margin-left:15px !important; margin-right:15px !important; margin-bottom:15px !important;}
.mblr-17 {margin-left:17px !important; margin-right:17px !important; margin-bottom:17px !important;}
.mblr-20 {margin-left:20px !important; margin-right:20px !important; margin-bottom:20px !important;}

/*-------------------------------------------------------------------------------------------------  Left and Height Top -----------*/

.lt-u     {left: unset !important; top: unset !important;}
.lt-0     {left:   0px !important; top:   0px !important;}
.lt-3     {left:   3px !important; top:   3px !important;}
.lt-5     {left:   5px !important; top:   5px !important;}
.lt-5     {left:   7px !important; top:   7px !important;}
.lt-10    {left:  10px !important; top:  10px !important;}
.lt-15    {left:  20px !important; top:  20px !important;}
.lt-20    {left:  20px !important; top:  20px !important;}
.lt-50    {left:  50px !important; top:  50px !important;}
.lt-100   {left: 100px !important; top: 100px !important;}
.lt-200   {left: 200px !important; top: 200px !important;}
.lt-300   {left: 300px !important; top: 300px !important;}
.lt-400   {left: 400px !important; top: 400px !important;}
.lt-500   {left: 500px !important; top: 500px !important;}




.t-u     {top:  unset !important; }
.t-0     {top:    0px !important; }
.t-3     {top:    3px !important; }
.t-5     {top:    5px !important; }
.t-7     {top:    7px !important; }
.t-10    {top:   10px !important; }
.t-15    {top:   20px !important; }
.t-20    {top:   20px !important; }
.t-50    {top:   50px !important; }
.t-100   {top:  100px !important; }
.t-200   {top:  200px !important; }
.t-300   {top:  300px !important; }
.t-400   {top:  400px !important; }
.t-500   {top:  500px !important; }

.b-u     {bottom:  unset !important; }
.b-0     {bottom:    0px !important; }
.b-3     {bottom:    3px !important; }
.b-5     {bottom:    5px !important; }
.b-7     {bottom:    7px !important; }
.b-10    {bottom:   10px !important; }
.b-15    {bottom:   20px !important; }
.b-20    {bottom:   20px !important; }
.b-50    {bottom:   50px !important; }
.b-100   {bottom:  100px !important; }
.b-200   {bottom:  200px !important; }
.b-300   {bottom:  300px !important; }
.b-400   {bottom:  400px !important; }
.b-500   {bottom:  500px !important; }

.l-u     {left: unset !important; }  
.l-0     {left:   0px !important; }
.l-3     {left:   3px !important; }
.l-5     {left:   5px !important; }
.l-7     {left:   7px !important; }
.l-10    {left:  10px !important; }
.l-15    {left:  20px !important; }
.l-20    {left:  20px !important; }
.l-50    {left:  50px !important; }
.l-100   {left: 100px !important; }
.l-200   {left: 200px !important; }
.l-300   {left: 300px !important; }
.l-400   {left: 400px !important; }
.l-500   {left: 500px !important; }

.r-u     {right: unset !important; }  
.r-0     {right:   0px !important; }
.r-3     {right:   3px !important; }
.r-5     {right:   5px !important; }
.r-7     {right:   7px !important; }
.r-10    {right:  10px !important; }
.r-15    {right:  20px !important; }
.r-20    {right:  20px !important; }
.r-50    {right:  50px !important; }
.r-100   {right: 100px !important; }
.r-200   {right: 200px !important; }
.r-300   {right: 300px !important; }
.r-400   {right: 400px !important; }
.r-500   {right: 500px !important; }

/*-------------------------------------------------------------------------------------------------  Width and Height List -----------*/
.wh-v   { width:  100vw !important;  height: 100vh !important; }
.w-vw   { width:  100vw !important; }
.h-vh   { height: 100vh !important; }

.w-full { width:  100%  !important; }
.w-75p  { width:   75% !important; }
.w-66p  { width:   66% !important; }
.w-50p  { width:   50% !important; }
.w-33p  { width:   33% !important; }
.w-25p  { width:   25% !important; }
.w-20p  { width:   20% !important; }
.w-10p  { width:   10% !important; }



.h-full { height: 100%  !important; }
.h-75p  { height:   75% !important; }
.h-66p  { height:   66% !important; }
.h-50p  { height:   50% !important; }
.h-33p  { height:   33% !important; }
.h-25p  { height:   25% !important; }
.h-20p  { height:   20% !important; }
.h-10p  { height:   10% !important; }

.w-a    { width:  auto  ; }
.w-auto { width:  auto  !important; }
.h-a    { height: auto  ; }
.h-auto { height: auto  !important; }



.wh-f   { width:  100% ; height:  100% ; }
.w-f    {width:  100% ;}
.h-f    {height:  100% ;}

.wh-u    { width: unset ;  height: unset ; }
.wh-unset{ width: unset !important;  height: unset !important; }
.wh-auto { width:  auto !important;  height: auto  !important; }
.wh-full { width:  100% !important; height:  100%  !important; }
.wh-75p  { width:   75% !important; height:   75%  !important; }
.wh-66p  { width:   66% !important; height:   66%  !important; }
.wh-50p  { width:   50% !important; height:   50%  !important; }
.wh-33p  { width:   33% !important; height:   33%  !important; }
.wh-25p  { width:   25% !important; height:   25%  !important; }
.wh-20p  { width:   20% !important; height:   20%  !important; }
.wh-10p  { width:   10% !important; height:   10%  !important; }

.w-full-m5  { width:  calc(100% - 10px) !important; }
.h-full-m5  { height: calc(100% - 10px) !important; }
.w-full-m10 { width:  calc(100% - 20px) !important; }
.h-full-m10 { height: calc(100% - 20px) !important; }
.w-full-m15 { width:  calc(100% - 30px) !important; }
.h-full-m15 { height: calc(100% - 30px) !important; }
.w-full-m20 { width:  calc(100% - 40px) !important; }
.h-full-m20 { height: calc(100% - 40px) !important; }


.wh-m       { width:  100px;  height:   70px  !important; } /* 4:3 = 1.3 */
.wh-ga      { width:  400px;  height:  300px  !important; } /* 4:3 = 1.3 */
.wh-vga     { width:  640px;  height:  480px  !important; } /* 4:3 = 1.3 */
.wh-svga    { width:  800px;  height:  600px  !important; } /* 4:3 = 1.3 */
.wh-xga     { width: 1024px;  height:  768px  !important; } /* 4:3 = 1.3 */
.wh-sxga    { width: 1400px;  height: 1050px  !important; } /* 4:3 = 1.3 */

.wh-d-hd    { width:  128px;  height:   72px  !important; } /* 16:9 = 1.7 */
.wh-o-hd    { width:  160px;  height:   90px  !important; } /* 16:9 = 1.7 */
.wh-d-fhd   { width:  192px;  height:  108px  !important; } /* 16:9 = 1.7 */
.wh-q-hd    { width:  320px;  height:  180px  !important; } /* 16:9 = 1.7 */
.wh-h-hd    { width:  640px;  height:  360px  !important; } /* 16:9 = 1.7 */
.wh-h-fhd   { width:  960px;  height:  540px  !important; } /* 16:9 = 1.7 */
.wh-hd      { width: 1280px;  height:  720px  !important; } /* 16:9 = 1.7 */
.wh-fhd     { width: 1920px;  height: 1080px  !important; } /* 16:9 = 1.7 */

/* Quadrados de 50 a 700 */
.wh-5   { width:    5px !important;  height:    5px  !important; }
.wh-10  { width:   10px !important;  height:   10px  !important; }
.wh-15  { width:   15px !important;  height:   15px  !important; }
.wh-20  { width:   20px !important;  height:   20px  !important; }
.wh-25  { width:   25px !important;  height:   25px  !important; }
.wh-50  { width:   50px !important;  height:   50px  !important; }
.wh-100 { width:  100px !important;  height:  100px  !important; }
.wh-125 { width:  125px !important;  height:  125px  !important; }
.wh-150 { width:  150px !important;  height:  150px  !important; }
.wh-175 { width:  175px !important;  height:  175px  !important; }
.wh-200 { width:  200px !important;  height:  200px  !important; }
.wh-250 { width:  250px !important;  height:  250px  !important; }
.wh-300 { width:  300px !important;  height:  300px  !important; }
.wh-350 { width:  350px !important;  height:  350px  !important; }
.wh-400 { width:  400px !important;  height:  400px  !important; }
.wh-450 { width:  450px !important;  height:  450px  !important; }
.wh-500 { width:  500px !important;  height:  500px  !important; }
.wh-550 { width:  550px !important;  height:  550px  !important; }
.wh-600 { width:  600px !important;  height:  600px  !important; }
.wh-650 { width:  650px !important;  height:  650px  !important; }
.wh-700 { width:  700px !important;  height:  700px  !important; }

.w-0    { width:     0px !important; }
.h-0    { height:    0px !important; }
.w-50   { width:    50px !important; }
.h-50   { height:   50px !important; }
.w-100  { width:   100px !important; }
.h-100  { height:  100px !important; }
.w-200  { width:   200px !important; }
.h-200  { height:  200px !important; }
.w-250  { width:   250px !important; }
.h-250  { height:  250px !important; }
.w-300  { width:   300px !important; }
.h-300  { height:  300px !important; }
.w-320  { width:   320px !important; }
.h-320  { height:  320px !important; }
.w-350  { width:   350px !important; }
.h-350  { height:  350px !important; }
.w-397  { width:   397px !important; }
.h-397  { height:  397px !important; }
.w-400  { width:   400px !important; }
.h-400  { height:  400px !important; }
.w-480  { width:   480px !important; }
.h-480  { height:  480px !important; }
.w-500  { width:   500px !important; }
.h-500  { height:  500px !important; }
.w-600  { width:   600px !important; }
.h-600  { height:  600px !important; }
.w-700  { width:   700px !important; }
.h-700  { height:  700px !important; }
.w-720  { width:   720px !important; }
.h-720  { height:  720px !important; }
.w-768  { width:   768px !important; }
.h-768  { height:  768px !important; }
.w-800  { width:   800px !important; }
.h-800  { height:  800px !important; }
.w-860  { width:   860px !important; }
.h-860  { height:  860px !important; }
.w-900  { width:   900px !important; }
.h-900  { height:  900px !important; }
.w-1000 { width:  1000px !important; }
.h-1000 { height: 1000px !important; }
.w-1024 { width:  1024px !important; }
.h-1024 { height: 1024px !important; }
.w-1200 { width:  1200px !important; }
.h-1200 { height: 1200px !important; }
.w-1280 { width:  1280px !important; }
.h-1280 { height: 1280px !important; }
.w-1500 { width:  1500px !important; }
.h-1500 { height: 1500px !important; }
.w-1920 { width:  1920px !important; }
.h-1920 { height: 1920px !important; }


.min-w-50   {min-width:    50px !important; }
.min-h-50   {min-height:   50px !important; }
.min-w-100  {min-width:   100px !important; }
.min-h-100  {min-height:  100px !important; }
.min-w-200  {min-width:   200px !important; }
.min-h-200  {min-height:  200px !important; }
.min-w-250  {min-width:   250px !important; }
.min-h-250  {min-height:  250px !important; }
.min-w-300  {min-width:   300px !important; }
.min-h-300  {min-height:  300px !important; }
.min-w-320  {min-width:   320px !important; }
.min-h-320  {min-height:  320px !important; }
.min-w-397  {min-width:   397px !important; }
.min-h-397  {min-height:  397px !important; }
.min-w-400  {min-width:   400px !important; }
.min-h-400  {min-height:  400px !important; }
.min-w-480  {min-width:   480px !important; }
.min-h-480  {min-height:  480px !important; }
.min-w-500  {min-width:   500px !important; }
.min-h-500  {min-height:  500px !important; }
.min-w-600  {min-width:   600px !important; }
.min-h-600  {min-height:  600px !important; }
.min-w-700  {min-width:   700px !important; }
.min-h-700  {min-height:  700px !important; }
.min-w-720  {min-width:   720px !important; }
.min-h-720  {min-height:  720px !important; }
.min-w-768  {min-width:   768px !important; }
.min-h-768  {min-height:  768px !important; }
.min-w-800  {min-width:   800px !important; }
.min-h-800  {min-height:  800px !important; }
.min-w-860  {min-width:   860px !important; }
.min-h-860  {min-height:  860px !important; }
.min-w-900  {min-width:   900px !important; }
.min-h-900  {min-height:  900px !important; }
.min-w-1000 {min-width:  1000px !important; }
.min-h-1000 {min-height: 1000px !important; }
.min-w-1024 {min-width:  1024px !important; }
.min-h-1024 {min-height: 1024px !important; }
.min-w-1200 {min-width:  1200px !important; }
.min-h-1200 {min-height: 1200px !important; }
.min-w-1280 {min-width:  1280px !important; }
.min-h-1280 {min-height: 1280px !important; }
.min-w-1500 {min-width:  1500px !important; }
.min-h-1500 {min-height: 1500px !important; }
.min-w-1920 {min-width:  1920px !important; }
.min-h-1920 {min-height: 1920px !important; }

.max-w-50   {max-width:    50px !important; }
.max-h-50   {max-height:   50px !important; }
.max-w-100  {max-width:   100px !important; }
.max-h-100  {max-height:  100px !important; }
.max-w-200  {max-width:   200px !important; }
.max-h-200  {max-height:  200px !important; }
.max-w-250  {max-width:   250px !important; }
.max-h-250  {max-height:  250px !important; }
.max-w-300  {max-width:   300px !important; }
.max-h-300  {max-height:  300px !important; }
.max-w-320  {max-width:   320px !important; }
.max-h-320  {max-height:  320px !important; }
.max-w-397  {max-width:   397px !important; }
.max-h-397  {max-height:  397px !important; }
.max-w-400  {max-width:   400px !important; }
.max-h-400  {max-height:  400px !important; }
.max-w-480  {max-width:   480px !important; }
.max-h-480  {max-height:  480px !important; }
.max-w-500  {max-width:   500px !important; }
.max-h-500  {max-height:  500px !important; }
.max-w-600  {max-width:   600px !important; }
.max-h-600  {max-height:  600px !important; }
.max-w-700  {max-width:   700px !important; }
.max-h-700  {max-height:  700px !important; }
.max-w-720  {max-width:   720px !important; }
.max-h-720  {max-height:  720px !important; }
.max-w-768  {max-width:   768px !important; }
.max-h-768  {max-height:  768px !important; }
.max-w-800  {max-width:   800px !important; }
.max-h-800  {max-height:  800px !important; }
.max-w-860  {max-width:   860px !important; }
.max-h-860  {max-height:  860px !important; }
.max-w-900  {max-width:   900px !important; }
.max-h-900  {max-height:  900px !important; }
.max-w-1000 {max-width:  1000px !important; }
.max-h-1000 {max-height: 1000px !important; }
.max-w-1024 {max-width:  1024px !important; }
.max-h-1024 {max-height: 1024px !important; }
.max-w-1200 {max-width:  1200px !important; }
.max-h-1200 {max-height: 1200px !important; }
.max-w-1280 {max-width:  1280px !important; }
.max-h-1280 {max-height: 1280px !important; }
.max-w-1500 {max-width:  1500px !important; }
.max-h-1500 {max-height: 1500px !important; }
.max-w-1920 {max-width:  1920px !important; }
.max-h-1920 {max-height: 1920px !important; }


/* ======================================================  Special Class ======================================================= */

.img-cover {
    left: 0 !important;
    top:  0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.dark-blue-grad{
    background: linear-gradient(
                                    45deg,
                                    rgb(16, 67, 97) 15%,
                                    #1972a5 80%,             /*$00A57219*/
                                    rgb(16, 67, 97) 100%
                                );
}


.green-pink-grad {background: Linear-gradient ( 135deg,#00ad93 0%,#1f739e 20%,#1d479b 46%,#781e99 100%) }



.tApresTitulo {
    color: rgb(255, 255, 255);
    text-align:center;
    font-family: 'Montserrat';
    text-shadow: black 0.1em 0.1em 0.2em;
    font-weight: 600;
    line-height: 1.3;
    display: -webkit-box;
    white-space: normal;
    font-size: 32px;
    -webkit-line-clamp: 2;         /* Numero de linhas para por ellipsis */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tApresSub {

    color: rgb(255, 255, 255);
    font-family: 'Montserrat';
    text-align:center;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-weight: 500;
    line-height: 1.3;
    display: -webkit-box;
    white-space: normal;
    font-size: 18px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



