/* section {
  overflow: hidden;
} */
/*!
 * Start Bootstrap - Landing Page v5.0.9 (https://startbootstrap.com/theme/landing-page)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
 */

 body {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  overflow-x: hidden;
}
.texto_lista {
  font-size: 26px;
  font-weight: 300;
  margin: 0 0 0 8px;
  color: #666;
  margin-top: 18px;
  
    font-weight: 400;
    color: #424242;
    line-height: 18px;

}
.t_diaria{
  color: #333;
  font-size: 20px;
  
  
}
.logo5i{
display:none;
}

@media only screen and (max-width: 768px) {
  /* RESPONSIVO PARA CELULAR OU BAIXO SCREEN*/
  
 
  #topoRight{
  display:none;
  }
  #topoRight{
  display:none;
  }
  #topoLeft{
  display:none;
  }
  #topoLeft{
  display:none;
  }
  
  #myCarousel{
  height: 50px;
  }
  .carousel-inner{
  height: 155px;
  background-color: #212529;
  
  }
  div#myCarousel{
  height: 100px;
  }
  .carousel-control-prev{
  top: -180px;
  width:50%;
  height: 100%;
  z-index: 0;-moz-z-index: 0;
  /*display:none;*/
  }
  .carousel-control-next{
 z-index: 0;-moz-z-index: 0;
  top: -180px;
  width:50%;
  height: 100%;
  
  }
  .carousel-control-prev-icon{
  background:none;
  }
  .carousel-control-next-icon{
  background:none;
  }
  .carousel-indicators{
  /*top: 135px;*/
  }
  .form-control-lg{
  font-size: 12px;
  margin-left: 10px;
  }
  .logo5i{
  display:inline;
  margin-left: -20px;
  }
  .carousel-item{
  
  position: relative;
    
    float: left;
    width: 100%;
   
    margin-right: -100%;
    
    backface-visibility: hidden;
    transition: transform .1s ease-in-out;
  background-position: top center;
  background-size: contain;
  transform: scale(1.8);
  margin-top: 114px;
  }
  
   #slogan {
  display:none;
  }
  .showcase {
  overflow: hidden;
  margin-top: 155px;
}
   /* FINAL RESPONSIVO PARA CELULAR OU BAIXO SCREEN*/
  
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
 
 #topoRight{
  display:none;
  }
  #topoRight{
  display:none;
  }
  #topoLeft{
  display:none;
  }
  #topoLeft{
  display:none;
  }
  
  #favoritos{
  display:none;
  }
  
  .logo5i{
  display:inline;
  }
  .section-header{
  margin-top: -40px;
  }
  
  .fundo-topo {
  height:130px;
  }
  
.navbar-toggler-icon{
background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
display:flex;
color:rgba(255,255,255,.55);
border-color:rgba(255,255,255,.1);
}
.navbar-toggler-icon:hover{
background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
-webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}
.navbar-toggler{
display:inline;
color:rgba(255,255,255,.55);
border-color:rgba(255,255,255,.1);
padding:.25rem .75rem;
font-size:1.25rem;
line-height:1;
background-color:transparent;
border:1px solid transparent;
border-radius:.25rem;
transition:box-shadow .15s ease-in-out;
margin-right: -25px;
}

}
header.masthead {
  position: relative;
  background-color: #174295;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  header.masthead h1 {
    font-size: 3rem;
  }
  
  
  
}

@media (min-width: 735px) {
  .navbar-toggler {
    display: none;
  }
  
 
  
}

.showcase {
  /* LARANJAbackground-color: #f79b02;*/ 
  background-color: #212529;
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
}

 .span-texto {
  margin-left:130px;
  }
  
.testimonials {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.testimonials .testimonial-item {
  max-width: 18rem;
}

.testimonials .testimonial-item img {
  max-width: 12rem;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

.call-to-action {
  position: relative;
  background-color: #343a40;
  background: url("../img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.call-to-action .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

footer.footer {
  padding-top: 1rem;
  /*padding-top: 4rem;*/
  padding-bottom: 1rem;
 /* padding-bottom: 4rem;*/
}

.carregando {
  color:'#ff0000';
  display:none;
}

.myform{
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 1.1rem;
  outline: 0;
  max-width: 500px;
   }

  .cinco-i-navbar,
  .cinco-i-navbar .dropdown-menu {
    background-color: #f8f9fa;
  }
  .cinco-i-navbar {
    -webkit-box-shadow: 0px 0px 10px -5px #000000;
    -moz-box-shadow: 0px 0px 10px -5px #000000;
    box-shadow: 0px 0px 10px -5px #000000;
  }

  @media (max-width: 767px) {
    .cinco-i-navbar .dropdown-menu {
      border: none;
    }
  }
  .carousel-inner> .item> img {
  width: 100%;
  height: 100%;
}


  .cinco-i-nav-logo {
    width: 30px;
  }

.btn-pesquisar-ferramentas {
  min-width: 130px;
}

.btn-cadastrar-ferramentas {
  background-color: #f79b02;
  margin-top: 16px;
}

.gap-2 {
  gap: .5rem;
}

.gap-4 {
  gap: 0.3rem;
}

@media (min-width: 768px) {
  .gap-md-5 {
    gap: 1.25rem;
  }
  .gap-4 {
  gap: 0.5rem;
}
  

}

@media (min-width: 992px) {
  .gap-lg-5 {
    gap: 1.8rem;
  }
}

@media (max-width: 768px) {
  .border-cinco-i-secondary {
   width: 45%; 
  }
  .t_diaria {
  font-size: 18px;
}
}

.border-cinco-i-secondary {
  /*
  border-color: #f79b02 !important;
  border-radius: 1rem!important; 
  */ 
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  text-decoration: none;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0 2px 8px;
  z-index: 1;

}


.border-cinco-i-secondary:hover {
  
  box-shadow: 0 7px 11px 0 rgb(0 0 0 / 10%), 0 2px 4px 0 rgb(0 0 0 / 10%);
  cursor: pointer;  
}
.border-cinco-i-categorias {
  /*
  border-color: #f79b02 !important;
  border-radius: 1rem!important; 
  */ 
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  text-decoration: none;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0 2px 8px;
  z-index: 1;

}


.border-cinco-i-categorias:hover {
  
  box-shadow: 0 7px 11px 0 rgb(0 0 0 / 10%), 0 2px 4px 0 rgb(0 0 0 / 10%);
  cursor: pointer;  
}

.aspect-ratio-1by1 {
  aspect-ratio: 1 / 1;
}
/*
.max-width-md {
  max-width: 991px;
}
*/
.icon-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.showcase {
  overflow: hidden;
}


.bg-postition-center {
  background-position: center;
}

.bg-postition-left {
  background-position: left;
}

.categories-slide {
  position: relative;
}

.categories-carousel-container {
  height: 250px;
}

.categories-carousel-container .carousel-typography {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.categories-carousel-container img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

.text-cinco-i-primary {
  color: #174295;
}