@media only screen and (min-width:0px){
  /************************************************************ ESTRUTURA GERAL *************************************************************/
  /**                                                                                                                                      **/
  /**                                             ESTRUTURA QUE SE APLICA A TODOS OS TAMANHOS                                              **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/

  /************************************************************* VARIAVEIS CSS **************************************************************/
  /**                                                                                                                                      **/
  /**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/
  :root{
    --margintopdefault: 56px;
    --marginrightdefault: 20px;
    --marginbottomdefault: 62px;
    --marginleftdefault: 20px;

    --margintopdefault2: 125px;
    --marginrightdefault2: 120px;
    --marginbottomdefault2: 110px;
    --marginleftdefault2: 120px;
  }
  /*********************************************************** FIM VARIAVEIS CSS ************************************************************/

  /************************************************************* DEFAUTLS LENIS *************************************************************/

  /**                                                                                                                                      **/
  /**                                          CLASES DEFAULT LENIS (SMOOTH SCROLL) NAO MODIFICAR                                          **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/
  html.lenis, html.lenis body { height: auto; }
  .lenis.lenis-smooth { scroll-behavior: auto !important; }
  .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
  .lenis.lenis-stopped { overflow: hidden; }
  .lenis.lenis-scrolling iframe { pointer-events: none; }
  /*********************************************************** FIM DEFAUTLS LENIS ***********************************************************/

  /************************************************************ DEFAULT ELEMENTS ************************************************************/
  /**                                                                                                                                      **/
  /**                                             CLASES DEFAULT ELEMENTOS BASE NAO MODIFICAR                                              **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/
  section{position: relative; float: left; width: 100%; clear: both;}
  nav{position: relative; float: left; clear: none;}
  .div{ position: relative; float: left; clear: none; }
  .divboth{ position: relative; float: left; clear: both; }
  .divbothright{ position: relative; float: right; clear: both; }
  .divright{ position: relative; float: right; clear: none; }
  .divdefault{ float: left; position: relative; width: 100%; clear: both; }
  .divdefaultright{ float: right; position: relative; width: 100%; clear: both; }

  .gridContainer{ margin-left:auto;margin-right:auto;width:100%; padding-left:0%; padding-right:0%; overflow:hidden; z-index: 0; }
  #LayoutDiv{ clear:both; float:left; margin-left:0; width:100%; display: block; position: relative; background: #fff; z-index: 100; }
  /********************************************************** FIM DEFAULT ELEMENTS **********************************************************/

  /******************************************************** DEFAULT MARGINS/PADDINGS ********************************************************/
  /**                                                                                                                                      **/
  /**                                  CLASES DEFAULT MARGINS/PADDINGS NAO MODIFICAR, USAR VARIAVEIS CSS                                   **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/
  .margindefault{margin-left: var(--marginleftdefault); margin-right: var(--marginrightdefault); width: calc(100% - ( var(--marginleftdefault) + var(--marginrightdefault))); }
  .margindefaulttop{margin-top: var(--margintopdefault); }
  .margindefaultright{margin-right: var(--marginrightdefault); width: calc(100% - var(--marginrightdefault)); }
  .margindefaultbottom{margin-bottom: calc(var(--marginbottomdefault)); }
  .margindefaultleft{margin-left: var(--marginleftdefault); width: calc(100% - var(--marginleftdefault)); }

  .margindefault2{margin-left: var(--marginleftdefault2); margin-right: var(--marginrightdefault2); width: calc(100% - ( var(--marginleftdefault2) + var(--marginrightdefault2))); }
  .margindefaulttop2{margin-top: var(--margintopdefault2); }
  .margindefaultright2{margin-right: var(--marginrightdefault2); width: calc(100% - var(--marginrightdefault2)); }
  .margindefaultbottom2{margin-bottom: calc(var(--marginbottomdefault2)); }
  .margindefaultleft2{margin-left: var(--marginleftdefault2); width: calc(100% - var(--marginleftdefault2)); }

  .margindefault section.nomargin{width: calc(100% + ( var(--marginleftdefault) + var(--marginrightdefault))); margin-left: calc(var(--marginleftdefault) * (-1))}
  .margindefault section.nomargin.margindefaultleft{width: calc(100% + ( var(--marginleftdefault))); margin-left: calc(var(--marginleftdefault) * 0)}
  .margindefault section.nomargin.margindefaultright{width: calc(100% + ( var(--marginleftdefault))); margin-left: calc(var(--marginleftdefault) * (-1))}

  .marginfooterdefault{margin: 0 var(--marginfooter); width: calc(100% - ( var(--marginfooter) * 2)); }
  .marginfooterdefaultleft{margin-left: var(--marginfooter); width: calc(100% - var(--marginfooter)); }
  .marginfooterdefaultright{margin-right: var(--marginfooter); width: calc(100% - var(--marginfooter)); }

  .paddingdefault{padding-left: var(--paddingleftdefault); padding-right: var(--paddingrightdefault); }
  .paddingdefaulttop{margin-top: var(--paddingtop); }
  .paddingdefaultright{padding-right: var(--paddingrightdefault); }
  .paddingdefaultbottom{padding-bottom: calc(var(--paddingbottom)); }
  .paddingdefaultleft{padding-left: var(--paddingleftdefault); }
  /****************************************************** FIM DEFAULT MARGINS/PADDINGS ******************************************************/

  /********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
  .showmobile, .showmobile481, .showmobile769, .showmobile1024, .showmobile1280{display: block;}
  .showmobileflex, .showmobileflex481, .showmobileflex769, .showmobileflex1024, .showmobileflex1280{display: flex;}
  .showmobiletr, .showmobiletr481, .showmobiletr769, .showmobiletr1024, .showmobiletr1280{display: table-row;},
  .showmobiletd, .showmobiletd481, .showmobiletd769, .showmobiletd1024, .showmobiletd1280{display: table-cell;}
  .showmobileinline, .showmobileinline481, .showmobileinline769, .showmobileinline1024, .showmobileinline1280{display: inline;}
  .showmobiletable, .showmobiletable481, .showmobiletable769, .showmobiletable1024, .showmobiletable1280{display: table;}

  .hidemobile1280, .hidemobileflex1280, .hidemobiletr1280, .hidemobiletd1280, .hidemobileinline1280, .hidemobiletable1280{ display:none; }
  .hidemobile1024, .hidemobileflex1024, .hidemobiletr1024, .hidemobiletd1024, .hidemobileinline1024, .hidemobiletable1024{ display:none; }
  .hidemobile769, .hidemobileflex769, .hidemobiletr769, .hidemobiletd769, .hidemobileinline769, .hidemobiletable769{ display:none; }
  .hidemobile481, .hidemobileflex481, .hidemobiletr481, .hidemobiletd481, .hidemobileinline481, .hidemobiletable481{ display:none; }
  .hidemobile, .hidemobileflex, .hidemobiletr, .hidemobiletd, .hidemobileinline, .hidemobiletable{ display:none; }
  /******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/

  /*************************************************************** MAX WIDTHS ***************************************************************/
  .maxwidth800{width:100%;max-width:800px;height:100%;margin:0 auto;position:relative; }
  .maxwidth1200{width:100%;max-width:1200px;height:100%;margin:0 auto;position:relative; }
  .maxwidth1600{width:100%;max-width:1600px;height:100%;margin:0 auto;position:relative; }
  .maxwidth1700{width:100%;max-width:1700px;height:100%;margin:0 auto;position:relative; }
  .maxwidth1900{width:100%;max-width:1900px;height:100%;margin:0 auto;position:relative; }

  .maxwidth800right{width:100%;max-width:800px;height:100%;margin:0 0 0 auto;position:relative; }
  .maxwidth1200right{width:100%;max-width:1200px;height:100%;margin:0 0 0 auto;position:relative; }
  .maxwidth1600right{width:100%;max-width:1600px;height:100%;margin:0 0 0 auto;position:relative; }
  .maxwidth1700right{width:100%;max-width:1700px;height:100%;margin:0 0 0 auto;position:relative; }
  .maxwidth1900right{width:100%;max-width:1900px;height:100%;margin:0 0 0 auto;position:relative; }

  .maxwidth800left{width:100%;max-width:800px;height:100%;margin:0 auto 0 0;position:relative; }
  .maxwidth1200left{width:100%;max-width:1200px;height:100%;margin:0 auto 0 0;position:relative; }
  .maxwidth1600left{width:100%;max-width:1600px;height:100%;margin:0 auto 0 0;position:relative; }
  .maxwidth1700left{width:100%;max-width:1700px;height:100%;margin:0 auto 0 0;position:relative; }
  .maxwidth1900left{width:100%;max-width:1900px;height:100%;margin:0 auto 0 0;position:relative; }
  /************************************************************* FIM MAX WIDTHS *************************************************************/

  /************************************************************* DEFAULTS FLEX **************************************************************/
  .flex{ display: flex; }
  .flex.wrap,
  .showmobileflex.wrap,
  .hidemobileflex.wrap{ flex-wrap: wrap; }
  .flex.nowrap,
  .showmobileflex.nowrap,
  .hidemobileflex.nowrap{ flex-wrap: nowrap; }
  .flex.grow,
  .showmobileflex.grow,
  .hidemobileflex.grow{ flex-grow: 1; }
  .flex.column,
  .showmobileflex.column,
  .hidemobileflex.column{ flex-direction: column; }
  .flex.row,
  .showmobileflex.row,
  .hidemobileflex.row{ flex-direction: row; }
  .flex.reversecolums,
  .showmobileflex.reversecolums,
  .hidemobileflex.reversecolums{ flex-direction: column-reverse; }
  .flex.reverserow,
  .showmobileflex.reverserow,
  .hidemobileflex.reverserow{ flex-direction: row-reverse; }
  .flex.align-start,
  .showmobileflex.align-start,
  .hidemobileflex.align-start{align-items: flex-start}
  .flex.align-end,
  .showmobileflex.align-end,
  .hidemobileflex.align-end{align-items: flex-end}
  .flex.align-center,
  .showmobileflex.align-center,
  .hidemobileflex.align-center,
  .hidemobileflex769.align-center{align-items: center}
  .flex.align-stretch,
  .showmobileflex.align-stretch,
  .hidemobileflex.align-stretch{align-items: stretch}
  .flex.align-base,
  .showmobileflex.align-base,
  .hidemobileflex.align-base{align-items: baseline}
  .flex.justify-start,
  .showmobileflex.justify-start,
  .hidemobileflex.justify-start{justify-content: flex-start}
  .flex.justify-end,
  .showmobileflex.justify-end,
  .hidemobileflex.justify-end{justify-content: flex-end}
  .flex.justify-center,
  .showmobileflex.justify-center,
  .hidemobileflex.justify-center{justify-content: center}
  .flex.justify-between,
  .showmobileflex.justify-between,
  .hidemobileflex.justify-between,
  .hidemobileflex769.justify-between{justify-content: space-between}
  .flex.justify-around,
  .showmobileflex.justify-around,
  .hidemobileflex.justify-around{justify-content: space-around}
  .flex.justify-evenly,
  .showmobileflex.justify-evenly,
  .hidemobileflex.justify-evenly{justify-content: space-evenly}

  .flex > .align-self-start{ align-self: flex-start; }
  .flex > .align-self-center{ align-self: center; }
  .flex > .align-self-end{ align-self: flex-end; }
  /*********************************************************** FIM DEFAULTS FLEX ************************************************************/

  /************************************************************ DEFAULTS COLUNAS ************************************************************/
  .colunas2, .colunas3, .colunas4, .colunas5, .colunas20, .colunas30, .colunas35, .colunas40, .colunas60, .colunas65, .colunas70, .colunas80{clear:both; float:left; width:100%; margin-bottom: var(--marginbottomcolunas);}
  .colunas2.nomarginmobile, .colunas3.nomarginmobile, .colunas4.nomarginmobile, .colunas5.nomarginmobile, .colunas20.nomarginmobile, .colunas30.nomarginmobile, .colunas35.nomarginmobile, .colunas40.nomarginmobile, .colunas60.nomarginmobile, .colunas65.nomarginmobile, .colunas70.nomarginmobile, .colunas80.nomarginmobile{margin-bottom: 0px;}
  /********************************************************** FIM DEFAULTS COLUNAS **********************************************************/

  /********************************************************** FIM ESTRUTURA GERAL ***********************************************************/
}



@media only screen and (max-width:768px){
  /********************************************************** ESTRUTURA SO MOBILE ***********************************************************/
  /**                                                                                                                                      **/
  /**                                            ESTILOS QUE SO SE APLICAM AO MOBILE (MAX 768)                                             **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/

  /******************************************************** DEFAULT MARGINS/PADDINGS ********************************************************/
  /**                                                                                                                                      **/
  /**                                  CLASES DEFAULT MARGINS/PADDINGS NAO MODIFICAR, USAR VARIAVEIS CSS                                   **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/
  .margindefault-mobile{margin-left: var(--marginleftdefault) !important; margin-right: var(--marginrightdefault) !important; width: calc(100% - ( var(--marginleftdefault) + var(--marginrightdefault))) !important; }
  .margindefaulttop-mobile-mobile{margin-top: var(--margintopdefault); }
  .margindefaultright-mobile{margin-right: var(--marginrightdefault); width: calc(100% - var(--marginrightdefault)); }
  .margindefaultbottom-mobile{margin-bottom: calc(var(--marginbottomdefault)); }
  .margindefaultleft-mobile{margin-left: var(--marginleftdefault); width: calc(100% - var(--marginleftdefault)); }


  .nomargindefault-mobile{margin-left: 0; margin-right: 0; width: 100%; }
  .nomargindefaulttop-mobile{margin-top: 0; }
  .nomargindefaultright-mobile{margin-right: 0; width: 100%; }
  .nomargindefaultbottom-mobile{margin-bottom: 0; }
  .nomargindefaultleft-mobile{margin-left: 0; width: 100%; }


  .margindefault2-mobile{margin-left: var(--marginleftdefault2); margin-right: var(--marginrightdefault2); width: calc(100% - ( var(--marginleftdefault2) + var(--marginrightdefault2))); }
  .margindefaulttop2-mobile{margin-top: var(--margintopdefault2); }
  .margindefaultright2-mobile{margin-right: var(--marginrightdefault2); width: calc(100% - var(--marginrightdefault2)); }
  .margindefaultbottom2-mobile{margin-bottom: calc(var(--marginbottomdefault2)); }
  .margindefaultleft2-mobile{margin-left: var(--marginleftdefault2); width: calc(100% - var(--marginleftdefault2)); }

  .paddingdefault-mobile{padding-left: var(--paddingleftdefault); padding-right: var(--paddingrightdefault); }
  .paddingdefaulttop-mobile{margin-top: var(--paddingtop); }
  .paddingdefaultright-mobile{padding-right: var(--paddingrightdefault); }
  .paddingdefaultbottom-mobile{padding-bottom: calc(var(--paddingbottom)); }
  .paddingdefaultleft-mobile{padding-left: var(--paddingleftdefault); }
  /****************************************************** FIM DEFAULT MARGINS/PADDINGS ******************************************************/

  /******************************************************** DEFAULTS FLEX SO MOBILE *********************************************************/
  .flex-mobile{ display: flex; }
  .flex.wrap-mobile,
  .flex-mobile.wrap-mobile{ flex-wrap: wrap; }

  .flex.nowrap-mobile,
  .flex-mobile.nowrap-mobile{ flex-wrap: nowrap; }

  .flex.grow-mobile,
  .flex-mobile.grow-mobile{ flex-grow: 1; }

  .flex.column-mobile,
  .showmobileflex.column-mobile,
  .showmobileflex769.column-mobile,
  .flex-mobile.column-mobile{ flex-direction: column; }

  .flex.row-mobile,
  .flex-mobile.row-mobile{ flex-direction: row; }

  .flex.reversecolums-mobile,
  .flex-mobile.reversecolums-mobile{ flex-direction: column-reverse; }

  .flex.reverserow-mobile,
  .flex-mobile.reverserow-mobile{ flex-direction: row-reverse; }

  .flex.align-start-mobile,
  .flex-mobile.align-start-mobile{align-items: flex-start}

  .flex.align-end-mobile,
  .flex-mobile.align-end-mobile{align-items: flex-end}

  .flex.align-center-mobile,
  .flex-mobile.align-center-mobile{align-items: center}

  .flex.align-stretch-mobile,
  .flex-mobile.align-stretch-mobile{align-items: stretch}

  .flex.align-base-mobile,
  .flex-mobile.align-base-mobile{align-items: baseline}

  .flex.justify-start-mobile,
  .flex-mobile.justify-start-mobile{justify-content: flex-start}

  .flex.justify-end-mobile,
  .flex-mobile.justify-end-mobile{justify-content: flex-end}

  .flex.justify-center-mobile,
  .flex-mobile.justify-center-mobile{justify-content: center}

  .flex.justify-between-mobile,
  .flex-mobile.justify-between-mobile{justify-content: space-between}

  .flex.justify-around-mobile,
  .flex-mobile.justify-around-mobile{justify-content: space-around}

  .flex.justify-evenly-mobile,
  .flex-mobile.justify-evenly-mobile{justify-content: space-evenly}
  /****************************************************** FIM DEFAULTS FLEX SO MOBILE *******************************************************/

  /******************************************************** FIM ESTRUTURA SO MOBILE *********************************************************/
}

@media only screen and (min-width:481px){
  /********************************************************** ESTRUTURA BIG MOBILE **********************************************************/

  /********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
  .showmobile481, .showmobileflex481, .showmobiletr481, .showmobiletd481, .showmobileinline481, .showmobiletable481{ display: none; }

  .hidemobile481{display: block;}
  .hidemobileflex481{display: flex;}
  .hidemobiletr481{display: table-row;},
  .hidemobiletd481{display: table-cell;}
  .hidemobileinline481{display: inline;}
  .hidemobiletable481{display: table;}
  /******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/
}

@media only screen and (min-width:600px){

}

@media only screen and (min-width:769px){
  /************************************************************ ESTRUTURA TABLET ************************************************************/
  /**                                                                                                                                      **/
  /**                                                        ESTRUTURA PARA TABLET                                                         **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/
  /************************************************************* VARIAVEIS CSS **************************************************************/
  /************************************************************* VARIAVEIS CSS **************************************************************/
  /**                                                                                                                                      **/
  /**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/
  :root{
    --margintopdefault: 56px;
    --marginrightdefault: 40px;
    --marginbottomdefault: 62px;
    --marginleftdefault: 40px;
  }
  /*********************************************************** FIM VARIAVEIS CSS ************************************************************/

  /********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
  .showmobile769, .showmobileflex769, .showmobiletr769, .showmobiletd769, .showmobileinline769, .showmobiletable769{ display: none; }

  .hidemobile769{display: block;}
  .hidemobileflex769{display: flex;}
  .hidemobiletr769{display: table-row;},
  .hidemobiletd769{display: table-cell;}
  .hidemobileinline769{display: inline;}
  .hidemobiletable769{display: table;}
  /******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/

  /*************************************************************** MAX WIDTHS ***************************************************************/

  /************************************************************* FIM MAX WIDTHS *************************************************************/


  /************************************************************ DEFAULTS COLUNAS ************************************************************/
  .colunas2:nth-child(2n+1){clear: both; width: 50%; margin-bottom: var(--marginbottomcolunas);}
  .colunas2:nth-child(2n+2){clear: none; width: 50%; margin-bottom: var(--marginbottomcolunas);}

  .colunas3:nth-child(3n+1){clear: both; width: calc(100% / 3); margin-bottom: var(--marginbottomcolunas);}
  .colunas3:nth-child(3n+2){clear: none; width: calc(100% / 3); margin-bottom: var(--marginbottomcolunas);}
  .colunas3:nth-child(3n+3){clear: none; width: calc(100% / 3); margin-bottom: var(--marginbottomcolunas);}

  .colunas4:nth-child(2n+1){clear: both; width: 50%; margin-bottom: var(--marginbottomcolunas);}
  .colunas4:nth-child(2n+2){clear: none; width: 50%; margin-bottom: var(--marginbottomcolunas);}

  .colunas5:nth-child(3n+1){clear: both; width: calc(100% / 3); margin-bottom: var(--marginbottomcolunas);}
  .colunas5:nth-child(3n+2){clear: none; width: calc(100% / 3); margin-bottom: var(--marginbottomcolunas);}
  .colunas5:nth-child(3n+3){clear: none; width: calc(100% / 3); margin-bottom: var(--marginbottomcolunas);}

  .colunas20:nth-child(2n+1){clear: both; width: 20%; margin-bottom: var(--marginbottomcolunas);}
  .colunas20:nth-child(2n+2){clear: none; width: 20%; margin-bottom: var(--marginbottomcolunas);}
  .colunas30:nth-child(2n+1){clear: both; width: 30%; margin-bottom: var(--marginbottomcolunas);}
  .colunas30:nth-child(2n+2){clear: none; width: 30%; margin-bottom: var(--marginbottomcolunas);}
  .colunas35:nth-child(2n+1){clear: both; width: 35%; margin-bottom: var(--marginbottomcolunas);}
  .colunas35:nth-child(2n+2){clear: none; width: 35%; margin-bottom: var(--marginbottomcolunas);}
  .colunas40:nth-child(2n+1){clear: both; width: 40%; margin-bottom: var(--marginbottomcolunas);}
  .colunas40:nth-child(2n+2){clear: none; width: 40%; margin-bottom: var(--marginbottomcolunas);}
  .colunas60:nth-child(2n+1){clear: both; width: 60%; margin-bottom: var(--marginbottomcolunas);}
  .colunas60:nth-child(2n+2){clear: none; width: 60%; margin-bottom: var(--marginbottomcolunas);}
  .colunas65:nth-child(2n+1){clear: both; width: 65%; margin-bottom: var(--marginbottomcolunas);}
  .colunas65:nth-child(2n+2){clear: none; width: 65%; margin-bottom: var(--marginbottomcolunas);}
  .colunas70:nth-child(2n+1){clear: both; width: 70%; margin-bottom: var(--marginbottomcolunas);}
  .colunas70:nth-child(2n+2){clear: none; width: 70%; margin-bottom: var(--marginbottomcolunas);}
  .colunas80:nth-child(2n+1){clear: both; width: 80%; margin-bottom: var(--marginbottomcolunas);}
  .colunas80:nth-child(2n+2){clear: none; width: 80%; margin-bottom: var(--marginbottomcolunas);}
  .colunas2.nomargin, .colunas3.nomargin, .colunas4.nomargin, .colunas5.nomargin, .colunas20.nomargin, .colunas30.nomargin, .colunas35.nomargin, .colunas40.nomargin, .colunas60.nomargin, .colunas65.nomargin, .colunas70.nomargin, .colunas80.nomargin{margin-bottom: 0px;}
  /********************************************************** FIM DEFAULTS COLUNAS **********************************************************/

  /********************************************************** FIM ESTRUTURA TABLET **********************************************************/
}

@media only screen and (min-width:900px){

}

@media only screen and (min-width:932px){

}

@media only screen and (min-width:1024px){
  /************************************************************ ESTRUTURA LAPTOP ************************************************************/
  /**                                                                                                                                      **/
  /**                                                    PRIMEIROS ESTRUTURA DE DESKTOP                                                    **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/

  /************************************************************* VARIAVEIS CSS **************************************************************/
  /**                                                                                                                                      **/
  /**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/
  :root{
    --margintopdefault: 125px;
    --marginrightdefault: 118px;
    --marginbottomdefault: 70px;
    --marginleftdefault: 118px;

    --margintopdefault2: 60px;
    --marginrightdefault2: 120px;
    --marginbottomdefault2: 110px;
    --marginleftdefault2: 120px;
  }
  /*********************************************************** FIM VARIAVEIS CSS ************************************************************/

  /********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
  .showmobile, .showmobileflex, .showmobiletr, .showmobiletd, .showmobileinline, .showmobiletable{ display: none; }
  .showmobile1024, .showmobileflex1024, .showmobiletr1024, .showmobiletd1024, .showmobileinline1024, .showmobiletable1024{ display: none; }

  .hidemobile, .hidemobile1024 { display: block; }
  .hidemobileflex, .hidemobileflex1024 { display: flex; }
  .hidemobiletr, .hidemobiletr1024 { display: table-row; }
  .hidemobiletd, .hidemobiletd1024 { display: table-cell; }
  .hidemobileinline, .hidemobileinline1024 { display: inline; }
  .hidemobiletable, .hidemobiletable1024 { display: table; }
  /******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/

  /******************************************************** DEFAULTS FLEX SO DESKTOP ********************************************************/
  .flex-desktop{ display: flex; }

    .flex.wrap-desktop,
  	.flex-desktop.wrap-desktop{ flex-wrap: wrap; }
    .flex.nowrap-desktop,
  	.flex-desktop.nowrap-desktop{ flex-wrap: nowrap; }
    .flex.grow-desktop,
  	.flex-desktop.grow-desktop{ flex-grow: 1; }

    .flex.column-desktop,
  	.flex-desktop.column-desktop{ flex-direction: column; }
    .flex.row-desktop,
  	.flex-desktop.row-desktop{ flex-direction: row; }
    .flex.reversecolums-desktop,
  	.flex-desktop.reversecolums-desktop{ flex-direction: column-reverse; }
    .flex.reverserow-desktop,
  	.flex-desktop.reverserow-desktop{ flex-direction: row-reverse; }

    .flex.align-start-desktop,
  	.flex-desktop.align-start-desktop{align-items: flex-start}
    .flex.align-end-desktop,
  	.flex-desktop.align-end-desktop{align-items: flex-end}
    .flex.align-center-desktop,
  	.flex-desktop.align-center-desktop{align-items: center}
    .flex.align-stretch-desktop,
  	.flex-desktop.align-stretch-desktop{align-items: stretch}
    .flex.align-base-desktop,
  	.flex-desktop.align-base-desktop{align-items: baseline}

    .flex.justify-start-desktop,
  	.flex-desktop-justify-start-desktop{justify-content: flex-start}
    .flex.justify-end-desktop,
  	.flex-desktop-justify-end-desktop{justify-content: flex-end}
    .flex.justify-center-desktop,
  	.flex-desktop-justify-center-desktop{justify-content: center}
    .flex.justify-between-desktop,
  	.flex-desktop-justify-between-desktop{justify-content: space-between}
    .flex.justify-around-desktop,
  	.flex-desktop-justify-around-desktop{justify-content: space-around}
    .flex.justify-evenly-desktop,
  	.flex-desktop-justify-evenly-desktop{justify-content: space-evenly}

    .flex.justify-center-desktop,
  	.flex-desktop.justify-center-desktop{ justify-content: center; }
    .flex.space-between-desktop,
  	.flex-desktop.space-between-desktop{ justify-content: space-between; }

  	.flex > .align-self-start-desktop,
  	.flex-desktop > .align-self-start-desktop{ align-self: flex-start; }
  	.flex > .align-self-center-desktop,
  	.flex-desktop > .align-self-center-desktop{ align-self: center; }
  	.flex > .align-self-end-desktop,
  	.flex-desktop > .align-self-end-desktop{ align-self: flex-end; }
  /****************************************************** FIM DEFAULTS FLEX SO DESKTOP ******************************************************/

  /************************************************************ DEFAULTS COLUNAS ************************************************************/
  .colunas4:nth-child(4n+1){clear: both; width: 25%; margin-bottom: var(--marginbottomcolunas);}
  .colunas4:nth-child(4n+2){clear: none; width: 25%; margin-bottom: var(--marginbottomcolunas);}
  .colunas4:nth-child(4n+3){clear: none; width: 25%; margin-bottom: var(--marginbottomcolunas);}
  .colunas4:nth-child(4n+4){clear: none; width: 25%; margin-bottom: var(--marginbottomcolunas);}

  .colunas5:nth-child(5n+1){clear: both; width: 20%; margin-bottom: var(--marginbottomcolunas);}
  .colunas5:nth-child(5n+2){clear: none; width: 20%; margin-bottom: var(--marginbottomcolunas);}
  .colunas5:nth-child(5n+3){clear: none; width: 20%; margin-bottom: var(--marginbottomcolunas);}
  .colunas5:nth-child(5n+4){clear: none; width: 20%; margin-bottom: var(--marginbottomcolunas);}
  .colunas5:nth-child(5n+5){clear: none; width: 20%; margin-bottom: var(--marginbottomcolunas);}
  .colunas2.nomargin, .colunas3.nomargin, .colunas4.nomargin, .colunas5.nomargin, .colunas20.nomargin, .colunas30.nomargin, .colunas35.nomargin, .colunas40.nomargin, .colunas60.nomargin, .colunas65.nomargin, .colunas70.nomargin, .colunas80.nomargin{margin-bottom: 0px;}
  /********************************************************** FIM DEFAULTS COLUNAS **********************************************************/
  /********************************************************** FIM ESTRUTURA LAPTOP **********************************************************/
}

@media only screen and (min-width:1280px){
  /*************************************************************** ESTILOS PC ***************************************************************/
  /************************************************************* VARIAVEIS CSS **************************************************************/
  /**                                                                                                                                      **/
  /**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/

  /*********************************************************** FIM VARIAVEIS CSS ************************************************************/

  /********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
  .showmobile1280, .showmobileflex1280, .showmobiletr1280, .showmobiletd1280, .showmobileinline1280, .showmobiletable1280{ display: none; }

  .hidemobile1280{display: block;}
  .hidemobileflex1280{display: flex;}
  .hidemobiletr1280{display: table-row;},
  .hidemobiletd1280{display: table-cell;}
  .hidemobileinline1280{display: inline;}
  .hidemobiletable1280{display: table;}
  /******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/
}

@media only screen and (min-width:1800px){

}

@media only screen and (min-width:2200px){

}