.component_logos{
  border:.0625rem solid #ced4da;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  margin:.625rem;
  max-width:80%;
  overflow:hidden;
}
@media (min-width:768px){
  .component_logos.-center{
    margin:.625rem auto;
  }
  .component_logos.-right{
    clear:both;
    float:right;
  }
}
@media (max-width:767.98px){
  .component_logos{
    -webkit-flex-wrap:wrap;
            flex-wrap:wrap;
    float:none;
    margin:.625rem auto;
  }
}
.component_logos .reel{
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  -webkit-flex-wrap:nowrap;
          flex-wrap:nowrap;
  -ms-overflow-style:-ms-autohiding-scrollbar;
  overflow-x:hidden;
  padding:0;
}
.component_logos .reel ::-webkit-scrollbar{
  display:none;
}
.component_logos .reel .logo{
  -webkit-box-flex:0;
  -webkit-flex:0 0 auto;
     -moz-box-flex:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
          flex:0 0 auto;
  -webkit-box-align:center;
  -webkit-align-items:center;
     -moz-box-align:center;
          align-items:center;
}
@media (min-width:768px){
  .component_logos .reel .logo{
    max-width:12.5rem;
  }
}
.component_logos .reel .logo img{
  padding:.625rem 1.25rem;
}
@media (max-width:767.98px){
  .component_logos .reel .logo img{
    display:block;
    margin:0 auto;
  }
}
.component_logos .nav{
  -webkit-box-flex:0;
  -webkit-flex:0 0 6.875rem;
     -moz-box-flex:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
          flex:0 0 6.875rem;
  -webkit-box-align:center;
  -webkit-align-items:center;
     -moz-box-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
     -moz-box-pack:center;
          justify-content:center;
}
@media (max-width:767.98px){
  .component_logos .nav{
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
       -moz-box-flex:0;
            flex:0 0 100%;
  }
}
.component_logos .nav .next,.component_logos .nav .prev{
  color:#ced4da;
  padding:0 .5rem;
}
.component_logos .nav .next:hover,.component_logos .nav .prev:hover{
  cursor:pointer;
}
.component_logos .nav .prev:after{
  content:"\f0d9";
  font-family:Font Awesome\ 5 Pro;
  font-weight:900;
}
.component_logos .nav .next:after{
  content:"\f0da";
  font-family:Font Awesome\ 5 Pro;
  font-weight:900;
}
@media (min-width:768px){
  .component_logos.-hide-nav .nav{
    display:none;
  }
}
/*# sourceMappingURL=logos.min.css.map */