/* #banner *{
    border: 1px dotted palegreen;
} */

.carousel-geral{
    position: relative;
    overflow: hidden;
    width:100%;
}

/* .bannerimg {
    opacity:33%;
} */

.bannerimg{
    width:100%;
}

.slick2{
    color:white;
    position:absolute;
    top:6vw;
    width:50%;
    height:10vw;
    left:6.5vw;
}

.txtbanner{
    text-align: center;
    position: absolute;
    height: 30vw;
    outline: none;
}

.bannertitle{
    /* grid-area:q1; */
}


.bannertitle{
    font-size:xx-large; 
    margin-bottom:0;
    margin:0 0 0 0;
    margin-bottom: 6.5vw;
    width:30vw; 
    text-align: left; 
    
} 

.bannerintro{
    text-align:left;
    width: 40vw;
    font-size: 1.5vw;
}

.bannerintro p{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: lighter;
}

#slick-slide10 > div.bannerintro > h4 > p{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;

}

.bannertitle h1{
    font-size:40px;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    
    
}


.bannertxt{
    /* grid-area:q2; */
    
}

.bannertxt p{
    font-family: 'Lato', sans-serif;
    color: white;
    margin-bottom: 0;
    font-size: 2.5vw;
    text-align: left;
    font-weight: lighter;
   
}

.bannertitle h1::first-line{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 48px;
}

.bannerbtn{
    text-align: left;
    margin-top:3vw;
    height: 10vw;
}


.botao-banner{    
    color: white;
    background-color: gray;
    padding: 0.2vw;
    font-size: 0.8vw;
    width: 18.5vw;
    /* width: 10vw; */
    height: 3vw;
    text-transform: uppercase;
    transition: background-color 0.5s;
    outline: none;    
}

.botao-banner:hover{
    background-color:darkgrey;
}

.botao-banner:focus{
    background-color:darkgrey;
    outline: none;
}

.botao-banner a{
    color: #FFFFFF;
    text-decoration: none;
    
}


#slick-slide10 > div.bannertxt > p:nth-child(1){
    display:none;
}




.slickdots1{
    position: absolute;
    bottom: 2vw;
    z-index: 1;
    left: 1vw;
}

.slick-dots{
list-style: none;
z-index:3;
color: white;
background-color:inherit;
padding: 15px;
/* position: absolute;
bottom:0; */
/* grid-area:q4; */
font-size: 1.1vw;

}
i.fas.fa-circle {
    color: grey;
}

.slick-dots li.slick-active i:before{
  font-size:small;
  color:white;
  font-size: 10px;
}

.slick-dots li{
    float:left;
    margin: 4px;
    padding: 2px;

}

.fa-circle:before{
    font-size: 11px;
}