@charset "UTF-8";

:root {
  --midGray: #666666;
  --lightGray: #f6f6f6;
  --black: #000000;
  --green: #438E34;
  --green2: #71BF44;
  --green3: #237529;
  --white: #ffffff;
}

body {
	margin:0;
	padding:0;
	color: var(--black);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.clearfix{clear: both;}


/* H1 TO H6 */
h1{font-size:50px; font-weight: 700;}
h2{font-size:36px; font-weight: 500;}
h3{font-size:30px; font-weight: 500;}
h4{font-size:24px; font-weight: 700;}
h5{font-size:18px; font-weight: 700;}

/* FONTS WEIGHTS AND COLORS */
.ft_montserrat{font-family: "Montserrat", sans-serif;}

.color_midGray{color: var(--midGray);}
.color_lightGray{color: var(--lightGray);}
.color_black{color: var(--black);}
.color_green{color: var(--green);}
.color_green2{color: var(--green2);}
.color_white{color: var(--white);}

.bg_midGray{background-color: var(--midGray);}
.bg_lightGray{background-color: var(--lightGray);}
.bg_black{background-color: var(--black);}
.bg_green{background-color: var(--green);}
.bg_white{background-color: var(--white);}

/* FORMATACOES FORMULARIOS */
select{}
input[type=radio]{}


/* MENU + BANNER */
.menu-index{z-index: 11;}
.menu_principal a{
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--white);
  text-decoration: none;
}
.menu_principal a:hover, .menu_principal a:active, .menu_principal a:focus{
  color: var(--white);
  text-decoration: underline;
}
.banner_shift{
  position:relative;
  background-image:url('../img/banner.png');
  background-repeat:no-repeat;
  background-position: center center;
  height:800px;
  background-size: cover;
}
.banner_shift_content{
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
}
.bg_hover_banner_inclusivr{
  position:absolute;
  z-index: 2;
  width:100%;
  height: 500px;
  background-image:url('../img/bg_hover_banner_inclusivr.png');
  background-repeat:no-repeat;
  background-position: bottom center;
  background-size: cover;
  bottom: -6em;
}
.banner_inclusivr_inner{
  position:relative;
  background-image:url('../img/banner-home_inner.png');
  background-repeat:no-repeat;
  background-position: top center;
  height:500px;
  background-size: cover;
}

/* HIDDEN MENU */
.mobile-menu{display: none !important;}
.c-pointer{cursor: pointer;}
#showButton {
  background-color: transparent;
  outline: 0;
  border: none;
  cursor: pointer;
}
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 98;
  display: none;
}
#slide-in-div {
  position: fixed;
  top: 0;
  left: -100%;
  width: 95%;
  height: 100%;
  background-color: var(--white);
  transition: left 0.3s ease-in-out;
  z-index: 99;
}
#slide-in-div ul li{
  background-color: transparent!important;
  border: none!important;
  border-radius: 0!important;
}
#slide-in-div ul li a{
  color: var(--black);
  text-decoration: none;
  font-weight: bold;
  font-size:18px;
}

/* CONTEUDO */
.green_line_bellow_title{
  width: 200px;
  height: 2px;
}

.col {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.special-row {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    max-width: 80%;
}

.special-col {
  width: 33%;
}

/* RODAPE */

/* BOOTSTRAP ALTERADA */
.list-group-item {
  padding: 0.5rem 0.5rem;
  color: inherit;
  background-color: transparent;
  border: none;
}

.list-group-item.lang {
  border-radius: 50%;
  padding: 10px;
  background-color: white;
}

.list-group-item.lang a {
  text-decoration: none;
  cursor: pointer;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
}

/* opac Opacitys */
.opac-100{opacity: 1!important;}
.opac-75{opacity: .75!important;}
.opac-50{opacity: .5!important;}
.opac-25{opacity: .25!important;}

/* m Margins */
.m-6 {margin: 3.5rem!important;}
.m-7 {margin: 4rem!important;}
.m-8 {margin: 5rem!important;}
.m-9 {margin: 6rem!important;}

/* ms Margin Left */
.ms-6 {margin-left: 3.5rem!important;}
.ms-7 {margin-left: 4rem!important;}
.ms-8 {margin-left: 5rem!important;}
.ms-9 {margin-left: 6rem!important;}

/* me Margin Right */
.me-6 {margin-right: 3.5rem!important;}
.me-7 {margin-right: 4rem!important;}
.me-8 {margin-right: 5rem!important;}
.me-9 {margin-right: 6rem!important;}

/* mt Margin Top */
.mt-6 {margin-top: 3.5rem!important;}
.mt-7 {margin-top: 4rem!important;}
.mt-8 {margin-top: 5rem!important;}
.mt-9 {margin-top: 6rem!important;}

/* mb Margin Bottom */
.mb-6 {margin-bottom: 3.5rem!important;}
.mb-7 {margin-bottom: 4rem!important;}
.mb-8 {margin-bottom: 5rem!important;}
.mb-9 {margin-bottom: 6rem!important;}

/* p Paddings */
.p-6 {padding: 3.5rem!important;}
.p-7 {padding: 4rem!important;}
.p-8 {padding: 5rem!important;}
.p-9 {padding: 6rem!important;}

/* ms Paddings Left */
.ps-6 {padding-left: 3.5rem!important;}
.ps-7 {padding-left: 4rem!important;}
.ps-8 {padding-left: 5rem!important;}
.ps-9 {padding-left: 6rem!important;}

/* me Paddings Right */
.pe-6 {padding-right: 3.5rem!important;}
.pe-7 {padding-right: 4rem!important;}
.pe-8 {padding-right: 5rem!important;}
.pe-9 {padding-right: 6rem!important;}

/* mt Paddings Top */
.pt-6 {padding-top: 3.5rem!important;}
.pt-7 {padding-top: 4rem!important;}
.pt-8 {padding-top: 5rem!important;}
.pt-9 {padding-top: 6rem!important;}

/* mb Paddings Bottom */
.pb-6 {padding-bottom: 3.5rem!important;}
.pb-7 {padding-bottom: 4rem!important;}
.pb-8 {padding-bottom: 5rem!important;}
.pb-9 {padding-bottom: 6rem!important;}

/* BOOTSTRAP 5 COLUNAS */

.col-5cols {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 320px) 
  and (max-width: 480px) {
    .col-5cols {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 481px) 
  and (max-width: 768px) {
    .col-5cols {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 769px) 
  and (max-width: 1024px) {
    .col-5cols {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 1025px) 
  and (max-width: 1280px) {
    .col-5cols {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 1281px) {
    .col-5cols {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}



/* FIM BOOTSTRAP 5 COLUNAS */


/* MEDIA QUERIES */
@media (max-width: 320px) {
	h1{font-size:30px;}
	h2{font-size:24px;}
	h3{font-size:20px;}
	h4{font-size:18px;}
	h5{font-size:16px;}

  .mobile-menu{display: flex !important;}
  .desktop-menu{display: none !important;}
}

@media (min-width: 321px) 
  and (max-width: 480px) {
	h1{font-size:30px;}
	h2{font-size:24px;}
	h3{font-size:20px;}
	h4{font-size:18px;}
	h5{font-size:16px;}
  .mobile-menu{display: flex !important;}
  .desktop-menu{display: none !important;}

}
	
@media (min-width: 481px) 
  and (max-width: 768px) {
	h1{font-size:30px;}
	h2{font-size:24px;}
	h3{font-size:20px;}
	h4{font-size:18px;}
	h5{font-size:16px;}
  .mobile-menu{display: flex !important;}
  .desktop-menu{display: none !important;}

}

@media (min-width: 769px) 
  and (max-width: 1024px) {

}

@media (min-width: 1025px) 
  and (max-width: 1280px) {

}

@media (min-width: 1281px) 
  and (max-width: 1440px) {

}

@media (min-width: 1441px) 
  and (max-width: 1600px) {

}

@media (min-width: 1601px) 
  and (max-width: 1900px) {

}

@media (min-width: 1901px) {
	
}

/* MOBILE LANDSCAPE */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: landscape) {
	 
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

.logo{
  background-color: white;
  border-radius: 50%;
  filter: drop-shadow(2px 4px 6px black)
}

.-white{
  color: white;
}