@import url('lib/owl.carousel-2.4.0.css');
@import url('../js/lib/mediaelement/mediaelementplayer.css');
@import url('../css/componentes/banner-video-img.css');


.tns-nav{
  text-align: center;
  margin: 19px 0px;
}
.tns-nav button{
  height: 16px;
  width: 16px;
  border-radius: 50px;
  border: 1px solid #787878;;
  margin: 5px;
  background: transparent;
}
.tns-nav button.tns-nav-active{
  background: #787878;
}
.home__banner{
  overflow: hidden;
  position: relative;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.home__banner::before{
  content: " ";
  background: url(img/separador-degrade.png) no-repeat center center;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 10px;
  z-index: 9;
}
.home__banner__titulo{
  padding-top: 10%;
  text-align: center;
  margin-bottom: 25px;
}
.home__banner__titulo h1{
  color: #fff;
  font-size: 42px;
  font-weight: var(--bold);
}
.home__banner .btn-padrao{
  background-color: var(--cor-secundaria);
  margin-top: 25px;
}
.home__banner .btn-padrao:before {
  border-right: 10px solid var(--cor-secundaria);
}
.home__banner .btn-padrao:after {
  border-left: 10px solid var(--cor-secundaria);
}
@media (max-width:992px){
  .home__banner__titulo h1{
    font-size: 25px;
  }
  .home__banner{
    margin-top: 25px;
  }
}
@media (min-width:992px){
  .home__banner {
    margin-top: 124px;
  }
}


.slider img{
  border-radius: 10px;
}
p.slider__anuncio{
  color: #FFFFFF;
  font-size: 10px;
  font-weight: var(--light);
  margin: 10px;
}

.sobre{
  margin: 30px 0px;
  background: url(img/home/triangulos.png) no-repeat bottom right;
}
.sobre__img{
  margin-bottom: 20px;
}

.sobre .subtitulo{
  font-size: 15px;
  color: var(--cor-secundaria);
  font-weight: var(--medium);
  text-transform: uppercase;
}
.sobre .titulo{
  font-size: 50px;
  color: var(--cor-primaria);
  font-weight: var(--medium);
  margin-bottom: 30px;
}
.sobre p.texto {
    color: #656565;
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 25px;
    text-align: justify;
}
.sobre .btn-padrao{
  background-color: var(--cor-primaria);
  color: #fff;
}
.sobre .btn-padrao:hover{
  background-color: var(--cor-secundaria);
  color: #fff;
}
.sobre .btn-padrao:hover::before{
  border-right: 10px solid var(--cor-secundaria);
}
.sobre .btn-padrao:hover::after{
  border-left: 10px solid var(--cor-secundaria);
}
.sobre .btn-padrao i {
  font-size: 14px;
  top: 0px;
  margin-left: 3px;
}

@media (min-width:992px){
  .sobre__img{
    position: relative;
    right: -70px;
  }
  .sobre{
    margin-bottom: 120px;
  }
}
@media (min-width:1450px){
  .sobre__texto{
    width: 85%;
  }
}
@media (max-width:992px){
  .sobre .titulo{
    font-size: 30px;
  }
  .sobre__texto{
    margin-bottom: 30px;
  }
  .sobre__img img{
    width: 100%;
  }
}


.numeros{
  margin: 30px 0;
}
.numeros .numeros__titulo{
  font-size: 50px;
  color: var(--cor-primaria);
  font-weight: var(--bold);
  margin-bottom: 30px;
  text-align: center;
}
.numeros .titulo{
  font-size: 35px;
  color: var(--cor-primaria);
  font-weight: var(--bold);
  text-align: center;
}
.numeros .texto{
  font-size: 21px;
  color:#567C68;
  font-weight: var(--light);
  margin-bottom: 28px;
  text-align: center;
  margin-top: 7px;
}
.numeros .item-img{
 height: 53px;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 25px;
}
@media (max-width:992px){
  .numeros .numeros__titulo {
    font-size: 36px;
  }
  .numeros .titulo{
    font-size: 28px;
  }
  .numeros .texto{
    font-size: 16px;
  }
}
@media (min-width:992px){
  .numeros__titulo{
    margin-bottom: 65px !important;
  }
}

.negocios{
  margin-bottom: 50px;
}
.negocios .negocios__titulo{
  font-size: 50px;
  color: #567C68;
  font-weight: var(--bold);
  margin-bottom: 62px;
  text-align: center;
}
.negocios .titulo{
  font-size: 35px;
  color: #567C68;
  font-weight: var(--bold);
  text-align: center;
}
.negocios .texto{
  font-size: 18px;
    color: #707070;
    font-weight: var(--light);
    margin-bottom: 28px;
    margin-top: 20px;
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 28px;
}
.negocios .btn-padrao{
 margin: auto;
}
.negocios .item{
  margin-bottom: 35px;
  background: #FCFCFC;
  padding: 30px 10px;
}
.negocios .item-img{
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media(max-width:992px){
  .negocios .negocios__titulo {
    font-size: 31px;
    margin-bottom: 35px;
    margin-top: 27px;
  }
}
@media(min-width:992px){
  .col-dsk-50{
    max-width: 337px;
  }
}


.fotos {
  margin: 60px 0px;
}

.fotos .item {
  margin-bottom: 25px;
}

.fotos__carousel__container{
  margin-top: 50px;
}

.fotos .owl-nav{
  position: absolute;
  top: 37%;
  z-index: 99;
  width: 100%;
}
.fotos  .owl-prev{
  position: absolute;
  left: 13px;
  font-size: 34px;
  color: #093016;
}
.fotos  .owl-next{
  position: absolute;
  right: 13px;
  font-size: 34px;
  color: #093016;
}

.fotos .owl-dots {
  text-align: center;
  position: absolute;
  bottom: -10px;
  width: fit-content;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 3px;
  display: flex;
  align-items: center;
  padding: 2px;
  justify-content: center;
}

.fotos .owl-dots .owl-dot {
  display: inline-block;
  margin: 3px 2px;
}

.fotos .owl-dots .owl-dot.active span {
  opacity: 1 !important;
  background: #787878 !important;
}

.fotos .owl-carousel .owl-dots .owl-dot span {
  display: block;
  width: 12px !important;
  height: 12px !important;
  margin-right: 2px;
  background: transparent;
  border: 1px solid #787878;
  border-radius: 50px;
}
.fotos .owl-stage{
  margin: auto;
}
.fotos .owl-stage-outer{
  width: 94%;
  margin: auto;
}
@media (max-width:992px){
  .fotos{
    margin-top: 0px;
  }
  .fotos .owl-nav {
    bottom: 6px;
    top: auto;
  }
  .fotos .owl-prev{
    left: auto;
  }
  .fotos .owl-next{
    right: 0;
  }
  .fotos .owl-dots{
    display: none;
  }
}
@media (min-width:992px){
  .fotos .owl-dots{
    display: none;
  }
}