.container-max{
  max-width: 90%;
padding-right: var(--bs-gutter-x,12px);
padding-left: var(--bs-gutter-x,12px);
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1378px) {
  .container-max{
    max-width: 100%;
  }
}

.card-hover{
 cursor: pointer;
 transition: .2s;
}
.card-hover:hover{
  cursor: pointer;
  -webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);
  box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);
 }

 
.box-arvore-binario {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:0 auto;
  width:90%;
  max-width:1100px
 }
 @media(max-width:992px) {
  .box-arvore-binario {
   width:100%;
   -ms-flex-direction:column;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   flex-direction:column
  }
 }
 .box-arvore-binario .card-arvore {
  width:60%;
  position:relative;
  overflow:hidden
 }
 .box-arvore-binario .card-arvore .linha-filtro {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  margin:0 auto;
  width:100%;
  height:6px;
  background:transparent linear-gradient(188deg,#f1dd1c,#d3b228) 0 0 no-repeat padding-box
 }
 @media(max-width:992px) {
  .box-arvore-binario .card-arvore {
   width:100%;
   margin-bottom:15px
  }
 }
 .box-arvore-binario .card-arvore .d-flex {
  margin-top:15px
 }
 .box-arvore-binario .card-arvore .d-flex .pontos {
  width:100%;
  padding:0 1rem;
  border-right:2px solid #d5c12c
 }
 .box-arvore-binario .card-arvore .d-flex .pontos:last-child {
  border-right:none
 }
 .box-arvore-binario .card-arvore .d-flex .pontos p {
  font-size:1.25rem;
  color:#575557;
  margin-bottom:0;
  line-height:100%;
  text-transform:lowercase
 }
 .box-arvore-binario .card-arvore .d-flex .pontos span {
  font-size:1.25rem;
  font-weight:500;
  color:#2b2b2b
 }
 .box-arvore-binario .card-msg-atencao {
  width:40%;
  margin-left:15px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
 @media(max-width:992px) {
  .box-arvore-binario .card-msg-atencao {
   width:100%;
   margin-left:0
  }
 }
 .box-arvore-binario .card-msg-atencao .box-msg {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:1rem
 }
 .box-arvore-binario .card-msg-atencao .box-msg small {
  font-size:.75rem;
  line-height:120%;
  color:#2b2b2b
 }
 .box-arvore {
  margin:0 auto!important;
  position:relative
 }
 .box-arvore:before {
  content:"";
  display:block;
  position:absolute;
  top:-20px;
  left:-20px;
  background:url(../img/bg-arvore.470bdef0.svg) no-repeat 0 0;
  width:190px;
  height:340px;
  pointer-events:none
 }
 @media(max-width:992px) {
  .box-arvore:before {
   display:none
  }
 }

 .box-arvore .divline{
   position: relative;
 }
 .box-arvore .nivel-1,
 .box-arvore .nivel-2,
 .box-arvore .nivel-3 {
  margin:0 0!important;
  border:none
 }
 .box-arvore .nivel-1 .line,
 .box-arvore .nivel-2 .line,
 .box-arvore .nivel-3 .line {
  display:inline-block;
  border:2px solid #e2e2e2;
  border-bottom:none;
  margin:auto;
  position:absolute;
  top:85%;
  left:0;
  right:0;
  bottom:0;
  width:51%;
  z-index:1;
  text-align:center
 }
 .box-arvore .nivel-1 .line .center,
 .box-arvore .nivel-2 .line .center,
 .box-arvore .nivel-3 .line .center {
  border-left:3px solid #e2e2e2;
  width:3px;
  height:10px;
  display:inline-block;
  top:-10px;
  position:absolute
 }
 .box-arvore .nivel-2 .line {
  padding-top: 10px;
margin-top: 25px;
 }
 .box-arvore .nivel-3 .line {
  width:72%;
  padding-top: 10px;
margin-top: 25px;
 }
 .box-arvore .nivel-1,
 .box-arvore .nivel-2,
 .box-arvore .nivel-3,
 .box-arvore .nivel-4 {
  width:100%
 }
 .box-arvore .nivel-1 figure img,
 .box-arvore .nivel-2 figure img,
 .box-arvore .nivel-3 figure img,
 .box-arvore .nivel-4 figure img {
  border-radius:15px;
  width:105px;
  z-index:10;
  cursor:pointer
 }
 @media(max-width:992px) {
  .box-arvore .nivel-1 figure img,
  .box-arvore .nivel-2 figure img,
  .box-arvore .nivel-3 figure img,
  .box-arvore .nivel-4 figure img {
   width:80px
  }
 }
 .box-arvore .nivel-1 figure h4,
 .box-arvore .nivel-2 figure h4,
 .box-arvore .nivel-3 figure h4,
 .box-arvore .nivel-4 figure h4 {
  font-size:14px;
  margin:12px 0 3px;
  font-weight:500
 }
 @media(max-width:992px) {
  .box-arvore .nivel-1 figure h4,
  .box-arvore .nivel-2 figure h4,
  .box-arvore .nivel-3 figure h4,
  .box-arvore .nivel-4 figure h4 {
   font-size:.875rem
  }
 }
 .box-arvore .nivel-1 figure h3,
 .box-arvore .nivel-2 figure h3,
 .box-arvore .nivel-3 figure h3,
 .box-arvore .nivel-4 figure h3 {
  font-size:20px;
  margin:0 0 30px;
  font-weight:600
 }
 @media(max-width:992px) {
  .box-arvore .nivel-1 figure h3,
  .box-arvore .nivel-2 figure h3,
  .box-arvore .nivel-3 figure h3,
  .box-arvore .nivel-4 figure h3 {
   font-size:1.125rem
  }
 }
 .box-arvore .nivel-2,
 .box-arvore .nivel-3 {
  margin-top:15px
 }
 .box-arvore .nivel-2 figure img,
 .box-arvore .nivel-3 figure img {
  width:64px;
  height:64px
 }
 @media(max-width:992px) {
  .box-arvore .nivel-2 figure img,
  .box-arvore .nivel-3 figure img {
   width:50px;
   height:50px
  }
 }
 .box-arvore .nivel-2 figure h4,
 .box-arvore .nivel-3 figure h4 {
  font-size:13px;
  margin:0 0 3px
 }
 @media(max-width:992px) {
  .box-arvore .nivel-2 figure h4,
  .box-arvore .nivel-3 figure h4 {
   font-size:.75rem
  }
 }
 .box-arvore .nivel-2 figure h3,
 .box-arvore .nivel-3 figure h3 {
  font-size:14px
 }
 @media(max-width:992px) {
  .box-arvore .nivel-2 figure h3,
  .box-arvore .nivel-3 figure h3 {
   font-size:.875rem
  }
 }
 .box-arvore .nivel-3 figure h3 {
  margin:0 0 35px
 }
 .box-arvore .nivel-4 {
  margin-bottom:50px
 }
 .box-arvore .nivel-4 div {
  padding:0
 }
 .box-arvore .nivel-4 div figure img {
  width:48px;
  height:48px
 }
 @media(max-width:992px) {
  .box-arvore .nivel-4 div figure img {
   width:36px;
   height:36px
  }
 }
 .box-arvore .nivel-4 div figure h4 {
  font-size:12px;
  margin:0 0 3px
 }
 @media(max-width:992px) {
  .box-arvore .nivel-4 div figure h4 {
   font-size:.75rem
  }
 }
 .box-arvore .nivel-4 div figure h3 {
  font-size:13px
 }
 @media(max-width:992px) {
  .box-arvore .nivel-4 div figure h3 {
   font-size:.75rem
  }
 }
 .box-arvore .alert {
  color:#777;
  padding:8px 15px;
  font-size:15px
 }
 .box-arvore .alert svg {
  color:#222;
  margin-right:7px
 }
 .box-arvore h2.tit-section {
  width:100%;
  text-align:center;
  position:relative
 }
 .box-arvore .div-btn {
  margin:30px auto 20px;
  position:relative
 }
 .box-arvore .div-btn button {
  margin:0 15px 15px 0
 }
 .box-arvore .box-search {
  -ms-flex-direction:column;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  margin-top:10px
 }
 .box-arvore .box-search small {
  font-size:.875rem;
  color:#7a869a
 }
 .box-arvore .box-search .box-pesq {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:85%;
  max-width:400px;
  position:relative
 }
 .box-arvore .box-search .box-pesq input {
  background:#fff!important;
  height:40px!important
 }
 @media(max-width:575px) {
  .box-arvore .box-search .box-pesq {
   -ms-flex-direction:column;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   flex-direction:column;
   margin-top:-24px
  }
 }
 .box-arvore .box-search .box-pesq small {
  text-align:right
 }
 @media(max-width:575px) {
  .box-arvore .box-search .box-pesq small {
   text-align:left;
   margin-bottom:5px
  }
 }
 .box-arvore .box-search .bt-search {
  position:absolute;
  top:3px;
  right:4px
 }
 .box-arvore .box-search .bt-search button {
  background:transparent;
  border:none;
  outline:none
 }

/* TOOLTIP */
 .tooltips {
  display:inline-block;
  position:relative;
  text-align:left;
}

.tooltips h3 {
  color: #fff;
  margin-bottom: 10px !important;  
}

.tooltips .right {
  min-width:200px;
  max-width:400px;
  top:50%;
  left:100%;
  margin-left:20px;
  transform:translate(0, -50%);
  padding:0;
  color:#EEEEEE;
  background-color:#444444;
  font-weight:normal;
  font-size:13px;
  border-radius:8px;
  position:absolute;
  z-index:99999999;
  box-sizing:border-box;
  box-shadow:0 1px 8px rgba(0,0,0,0.5);
  visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltips:hover .right {
  visibility:visible; opacity:1;
}

.tooltips .right img {
  width:400px;
  border-radius:8px 8px 0 0;
}
.tooltips .text-content {
  padding:10px 20px;
}

.tooltips .right i {
  position:absolute;
  top:50%;
  right:100%;
  margin-top:-12px;
  width:12px;
  height:24px;
  overflow:hidden;
}
.tooltips .right i::after {
  content:'';
  position:absolute;
  width:12px;
  height:12px;
  left:0;
  top:50%;
  transform:translate(50%,-50%) rotate(-45deg);
  background-color:#444444;
  box-shadow:0 1px 8px rgba(0,0,0,0.5);
}




.m-05{
  margin: 5px !important;
}
.m-10{
  margin: 10px !important;
}
.m-15{
  margin: 15px !important;
}
.m-20{
  margin: 20px !important;
}
.m-25{
  margin: 25px !important;
}
.m-30{
  margin: 30px !important;
}
.m-35{
  margin: 35px !important;
}
.m-40{
  margin: 40px !important;
}
.m-45{
  margin: 45px !important;
}
.m-50{
  margin: 50px !important;
}

.ml-05{
  margin-left: 5px !important;
}
.ml-10{
  margin-left: 10px !important;
}
.ml-15{
  margin-left: 15px !important;
}
.ml-20{
  margin-left: 20px !important;
}
.ml-25{
  margin-left: 25px !important;
}
.ml-30{
  margin-left: 30px !important;
}
.ml-35{
  margin-left: 35px !important;
}
.ml-40{
  margin-left: 40px !important;
}
.ml-45{
  margin-left: 45px !important;
}
.ml-50{
  margin-left: 50px !important;
}

.mr-05{
  margin-right: 5px !important;
}
.mr-10{
  margin-right: 10px !important;
}
.mr-15{
  margin-right: 15px !important;
}
.mr-20{
  margin-right: 20px !important;
}
.mr-25{
  margin-right: 25px !important;
}
.mr-30{
  margin-right: 30px !important;
}
.mr-35{
  margin-right: 35px !important;
}
.mr-40{
  margin-right: 40px !important;
}
.mr-45{
  margin-right: 45px !important;
}
.mr-50{
  margin-right: 50px !important;
}

.mt-05{
  margin-top: 5px !important;
}
.mt-10{
  margin-top: 10px !important;
}
.mt-15{
  margin-top: 15px !important;
}
.mt-20{
  margin-top: 20px !important;
}
.mt-25{
  margin-top: 25px !important;
}
.mt-30{
  margin-top: 30px !important;
}
.mt-35{
  margin-top: 35px !important;
}
.mt-40{
  margin-top: 40px !important;
}
.mt-45{
  margin-top: 45px !important;
}
.mt-50{
  margin-top: 50px !important;
}

.mb-05{
  margin-bottom: 5px !important;
}
.mb-10{
  margin-bottom: 10px !important;
}
.mb-15{
  margin-bottom: 15px !important;
}
.mb-20{
  margin-bottom: 20px !important;
}
.mb-25{
  margin-bottom: 25px !important;
}
.mb-30{
  margin-bottom: 30px !important;
}
.mb-35{
  margin-bottom: 35px !important;
}
.mb-40{
  margin-bottom: 40px !important;
}
.mb-45{
  margin-bottom: 45px !important;
}
.mb-50{
  margin-bottom: 50px !important;
}