@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;1,300&display=swap');
/*semibold*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,600;1,300&display=swap');

/*bold 900*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,600;0,900;1,300&display=swap');
.menubi_default{
  background: rgb(56, 64, 66);
  height:900px;
}

.menubi_default .filter-bar .header{
  padding-top:23px;
  height: 100px;
  background-color:#fff;
  padding-left:45px;
  display: flex;

}
.menubi_default .filter-bar .header .logo-sonda{
  flex: 0;
  height: 65px;
}
.menubi_default .filter-bar .header .title {
  height: 30px;
  width: 180px;
  display: inline-table;
  border-left: 1px #000 solid;
  margin-left: 30px;
  padding-left:28px;
  flex:1;
  margin-top:15px;
}
.menubi_default .filter-bar .header .title span:first-child{
  color: #2484C6;
  font-size: 22px;
  font-weight:600;
  font-family: 'Poppins', sans-serif;
}
.menubi_default .filter-bar .header .title span:nth-child(2){
  color: #000;
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 600;
  margin-left: 10px;
  font-family: 'Poppins', sans-serif;
}

.menubi_default .filter-bar .header .logout{
  width: 43px;
    height: 43px;
    display: flex;
    flex-direction: row;
    flex: 0;
    margin-right: 2%;
    margin-top: 10px;
    margin-left: 25px;
    cursor:pointer;
}
.menubi_default .filter-bar .header .close{
  border: 2px #000 solid;
  border-radius: 50px;
  font-size: 13px;
  color: #000;
  padding: 0 15px;
  height: 40px;
  width: 150px;
  margin-top: -100px;
  text-transform: uppercase;
}

.menubi_default .filter-bar .header .transform {
  -webkit-transition: all 2s ease;  
  -moz-transition: all 2s ease;  
  -o-transition: all 2s ease;  
  -ms-transition: all 2s ease;  
  transition: all 200ms ease;
  
}
.menubi_default .filter-bar .header .transform-active {
  margin-top:10px !important;
}
.menubi_default .filter-bar .header .close:hover{
  background: #eee;
  transition: 400ms;
}

.menubi_default  .filter-bar .main-box{
  padding: 0 20px;
}
.menubi_default  .filter-bar .main-box .top{
  display: grid;
  grid-template-columns: 1fr 1fr ;
  margin-top: 36px;
}
.menubi_default  .filter-bar .main-box .top h1{
  margin-top: 0px;
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  color: #fff;
  border: none;
  box-shadow: none;
  font-weight: 600;
  margin-bottom: 40px;
}
.menubi_default  .filter-bar .main-box .top .control{
  display: flex;
  justify-content: flex-end;
}
.menubi_default  .filter-bar .main-box .top .control button:first-child{
  margin-right: 15px;
}
.menubi_default  .filter-bar .main-box .top .control button{
  width: 20px;
  height: 20px;
  border-radius: 51px;
  border: none;
  background: #363636;
}

.menubi_default  .filter-bar .main-box .top .control  .active{
  background: #fff;
}
/*animação nos cards*/
.menubi_default  .filter-bar .main-box #box-move{
  width: 100%;
  /*float: left;*/
  overflow-x:scroll;
  background: transparent;
}



.menubi_default  .filter-bar .main-box #box-move::-webkit-scrollbar,
.menubi_default  .filter-bar .main-box #box-move::-webkit-scrollbar-track,
.menubi_default  .filter-bar .main-box #box-move::-webkit-scrollbar-thumb {
  display: none;
}

/**/
.menubi_default  .filter-bar .main-box .boxs{
  display: grid;
  grid-template-columns: 290px 290px 290px 290px 290px 290px ;
  /*grid-template-columns:15% 15%  15%  15%  15%  15%  15%  ;*/
  gap: 25px;
  margin: 0 auto !important;
}
.menubi_default  .filter-bar .main-box .boxs .box{
  border: 2px #909090 solid;
  border-radius: 27px;
  padding: 20px 35px 25px;
  text-align: center;
  margin-bottom: 20px;
  outline: none;
  cursor:pointer;

}
.menubi_default  .filter-bar .main-box .boxs .box:hover,
.menubi_default  .filter-bar .main-box .boxs .box:active,
.menubi_default  .filter-bar .main-box .boxs .box:focus,
.menubi_default  .filter-bar .main-box .boxs .box:focus-within{
  text-decoration: none !important;
}
.menubi_default  .filter-bar .main-box .boxs .box img{
 margin:0 auto;
 width:74%;
}
.menubi_default  .filter-bar .main-box .boxs .box:nth-child(2) img{
  margin-top: 7px !important;
 }
 .menubi_default  .filter-bar .main-box .boxs .box:nth-child(3) img{
  margin-top: 3px !important;
  
 }
 .menubi_default  .filter-bar .main-box .boxs .box:nth-child(4) img{
  width: 70% !important;
  }
 
 .menubi_default  .filter-bar .main-box .boxs .box:nth-child(5) img{
  width:62%  !important;
 }

.menubi_default  .filter-bar .main-box .boxs .box p{
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  margin-top: 25px ;
  font-size: 20px;
  font-weight: lighter;
  margin-bottom: 0;
  font-family: 'Poppins', sans-serif;
}

.menubi_default  .filter-bar .main-box .boxs .box span{
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  margin-top: 22px;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  font-family: 'Poppins', sans-serif;
}

/*child-box*/
.menubi_default  .filter-bar .main-box .child-boxs {
  display: grid;
  grid-template-columns: 290px 290px 290px 290px 290px;
  gap: 25px;
  margin-top: 20px;
}

.menubi_default  .filter-bar .main-box .child-box{
  border: 2px #2484C6 solid;
  border-radius: 27px;
  padding: 20px 35px 25px;
  text-align: center;
  margin-bottom: 20px;
  background-color:  #2484C6;

}

.menubi_default a:hover{
  text-decoration: none !important;
}
.menubi_default  .filter-bar .main-box .child-box p{
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-size: 20px;
  font-weight: lighter;
  margin-bottom: -5px;
  font-family: 'Poppins', sans-serif;
  padding: 0 20px;
}

.main-box #box-move  .closes{
  display: grid;
  grid-template-columns: 290px 290px 290px 290px 290px 290px ;
  gap: 25px;
 

}

.child-boxs .closes button.close-box{
  position: absolute !important;
  background-color: transparent;
  border: none;
  z-index: 1000;
  margin: -64px 114px;
}
.menubi_default .main-box #box-move .child-box:nth-child(3){
  grid-column-end: 4;
}
.menubi_default .main-box #box-move button.close-box{
  background-color: transparent;
  border: none;
  z-index: 1000;
}
.menubi_default .main-box #box-move button.close-box:nth-child(2){
grid-column-end: 4;
}

/*
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }
*/