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

body {
    background-color: #F3F5F9;
    font-family: 'Roboto', sans-serif;
}
section {
    margin-top: 50px;
}

main{    padding-top: 40px;
}

#imgColorida{
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    transition: all 0.8s linear;
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns="\'http://www.w3.org/2000/svg\'"><filter id="\'grayscale\'"><feColorMatrix type="\'matrix\'" values="\'0.3333" 0.3333="" 0="" 1="" 0\'=""></feColorMatrix></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
     
}

#imgColorida:hover{
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    transition: all 0.8s linear;
}
 
#imgCinza{
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    transition: all 0.8s linear;
}
 
#imgCinza:hover{
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    transition: all 0.8s linear;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/*Header FIxo*/

header  { 

 position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
    background-color: #f3f5f9;

}

/*NAVBAR*/
nav.navbar.navbar-expand-lg.navbar-light {
    font-size: 18px;
    padding-left: 0px;

}
.navbar-light .navbar-nav{
    color: #C8C8C8
}
.navbar-light .navbar-nav .active>.nav-link{
    color: #4399F0
}

/* A EMPRESA*/
#a-empresa{
    font-size: 22px;
    color: #5A5A5A;
}
#a-empresa h1{
    color:#00478B;
    font-size: 22px;
    padding: 45px 0px 20px 0;
}
#topicos{
    font-size: 18px;
    color: #5A5A5A;
}

#topicos img {margin-bottom: 25px;}

/* SERVICOS */
#servicos h1{
    font-family: 'Poppins', sans-serif;
    color:#00478B;
    font-size: 46px;
    padding: 45px 0px 20px 0;
}

#servicos .carousel-item {
    color:#848484;
    font-size: 17px;
    min-height: 308px;
}

#servicos .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}

#servicos .carousel-indicators .active {
    background-color: #00478B;
}

#servicos  .carousel-control-next, .carousel-control-prev {display: none};

#servicos .carousel-item span{
    color: #4399F0;
    font-size: 16px;
}

/* PRODUTOS */
#produtos h1, #clientes h1{
    font-family: 'Poppins', sans-serif;
    color:#00478B;
    font-size: 46px;
    padding: 45px 0px 20px 0;
}

#produtos h2{
    color: #4399F0;
    font-size: 16px;
    font-weight: bold;
}

#produtos p{
    color:#848484;
    font-size: 18px;
}

/* CLIENTES */
#clientes {
    background-color: #fff;
    border-radius: 90px 90px 0px 0px;
}
#clientes h1{
    width: 100%;
    text-align: center;
}

#clientes img {max-width: 100%;}

#clientes figure {
    float: right;
    width: 100%;
    text-align: left;
    text-indent: 0;
    margin: 0.5em;
    padding: 0.5em;
    color: #BFBFBF;
    font-size: 18px;
  }

  /*CONTATO */
#contato{
    min-height: 200px;
    color: #5A5A5A;
    font-size: 18px;
}

.scrollToTop{   
    position:fixed;
    bottom:15px; 
    right:40px;
    display:none; 
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3rem;
        padding-left: 0px;
    }
}