/* sliders container */
#owlCarousel, 
.owl-stage-outer, 
.owl-stage,
.owl-item-bg,
.owl-item {
  height: 100%;
}

.video_banner {width: 21.5%;position: absolute;margin: -28% 0 0 10%;}

.video_banner {}

#video_topo {width: 100%;}
#video_topo video {width: 100%;}

#owlCarousel{
  width: 100%;
  overflow: hidden;
  position: relative;
}
#owlCarousel:hover .owl-nav{
	opacity: 1;
}
/* slider container */
.owl-item {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
/*     -webkit-transform: translateZ(0) scale(1.0, 1.0); */
}

.owl-item .owl-item-bg {
    width: 100%;
    display: inline-block;
    position: relative;
    background-size: 100%;
    background-position: center center;
}

/* previus/next slider control container */
.owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-80px);
  left: 0;
  right: 0;
	opacity: 0;
	transition: all .3s;
}

/* previus/next slider control*/
.owl-prev,
.owl-next {
    width: 200px;
    height: 100px;
    line-height: 70px;
    position: absolute;
    top:50%;
    transform: translateY(50%);
/*     border-radius: 4px; */
    overflow: hidden;
    transition: all 1s ease
}

/* previus slider control*/
.owl-prev { 
    left: 10px;
}
/* next slider control*/
.owl-next { 
    right: 10px; 
}

/* slider previous/next controls icon */
.owl-prev-icon,
.owl-next-icon {
    width: 25%;
    height: 100%;
    background-color: rgb(0 0 0 / 0%);
    position: absolute;
    top: 0;
    padding-top: 8%;
    text-align: center;
    transition: all 1s ease;
}


element.style {
}
.owl-next-icon {
    right: 0;
}


/* slider previous/next fontawsome icon */
.owl-prev-icon:before,
.owl-next-icon:before {
    font-family: FontAwesome;
    color: rgba(255,255,255,.7);
    font-size: 30px;
    transition: all 1s ease
}
/* left arrow */
.owl-prev-icon:before {
    content: '\f104';
}
/* right arrow */
.owl-next-icon:before {
    content: '\f105';
}

.owl-prev-icon {left: 0;}
.owl-next-icon {right: 0}


/*-----------------------------------
         Owl content styling
-----------------------------------*/
.slide-content {
  position: absolute;
  right: 0;
  top: 10%;
  width: 30%;
  height: auto;
  padding: 1%;
  text-align: left;
  transform-origin: top;
  background-color: rgb(100 100 100 / 0%);
  color: #fff;
  font-family: 'Montserrat';
}

.slide-content-esquerda {
  position: absolute;
  top: 16%;
  width: 100%;
  height: auto;
  padding: 1%;
  text-align: left;
  transform-origin: top;
  background-color: rgb(100 100 100 / 0%);
  color: #fff;
  font-family: 'Montserrat';}

.slide-content-esquerda, 
.slide-content-esquerda h3,
.slide-content-esquerda h2,
.slide-content-esquerda p,
.slide-content-esquerda h3:before,
.slide-content-esquerda h3:after {
  transition: all 1s cubic-bezier(0.29, 0.27, 0.65, 0.71);}

.slide-content-esquerda h3 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);}



.slide-content-esquerda2 {
  position: absolute;
  top: 16%;
  width: 100%;
  height: auto;
  padding: 1%;
  text-align: left;
  transform-origin: top;
  background-color: rgb(100 100 100 / 0%);
  color: #fff;
  font-family: 'Montserrat';}

.slide-content-esquerda2, 
.slide-content-esquerda2 h3,
.slide-content-esquerda2 h2,
.slide-content-esquerda2 p,
.slide-content-esquerda2 h3:before,
.slide-content-esquerda2 h3:after {
  transition: all 1s cubic-bezier(0.29, 0.27, 0.65, 0.71);}

.slide-content-esquerda2 h3 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);}



.slide-content-basealum {
  position: absolute;
  top: 5%;
  width: 100%;
  height: auto;
  padding: 1%;
  text-align: left;
  transform-origin: top;
  background-color: rgb(100 100 100 / 0%);
  color: #fff;
  font-family: 'Montserrat';
  right: 32%;
  }

.slide-content-basealum, 
.slide-content-basealum h3,
.slide-content-basealum h2,
.slide-content-basealum p,
.slide-content-basealum h3:before,
.slide-content-basealum h3:after {
  transition: all 1s cubic-bezier(0.29, 0.27, 0.65, 0.71);}

.slide-content-basealum h3 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);}

.slide-content-bandbrasil {
  position: absolute;
  top: 5%;
  width: 100%;
  height: auto;
  padding: 1%;
  text-align: left;
  transform-origin: top;
  background-color: rgb(100 100 100 / 0%);
  color: #0f5509;
  font-family: 'Montserrat';
  right: 40%;
  }

.slide-content-bandbrasil, 
.slide-content-bandbrasil h3,
.slide-content-bandbrasil h2,
.slide-content-bandbrasil p,
.slide-content-bandbrasil h3:before,
.slide-content-bandbrasil h3:after {
  transition: all 1s cubic-bezier(0.29, 0.27, 0.65, 0.71);}

.slide-content-bandbrasil h3 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);}




.slide-content, 
.slide-content h3,
.slide-content h2,
.slide-content p,
.slide-content h3:before,
.slide-content h3:after {
  transition: all 1s cubic-bezier(0.29, 0.27, 0.65, 0.71);
}



.slide-content-brasil {
  position: absolute;
  top: 16%;
  width: 100%;
  height: auto;
  padding: 1%;
  text-align: left;
  transform-origin: top;
  background-color: rgb(100 100 100 / 0%);
  color: #fff;
  font-family: 'Montserrat';
}

.slide-content-brasil, 
.slide-content-brasil h2,
.slide-content-brasil p,
.slide-content-brasil h3:before,
.slide-content-brasil h3:after {
  transition: all 1.5s cubic-bezier(0.29, 0.27, 0.65, 0.71);
}

.slide-content-brasil h3 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);
}

.slide-content-bases {
  position: absolute;
  right: 0;
  top: 10%;
  width: 30%;
  height: auto;
  padding: 1%;
  text-align: left;
  transform-origin: top;
  background-color: rgb(100 100 100 / 0%);
  color: #fff;
  font-family: 'Montserrat';
}

.slide-content-bases, 
.slide-content-bases h2,
.slide-content-bases p,
.slide-content-bases h3:before,
.slide-content-bases h3:after {
  transition: all 1s cubic-bezier(0.29, 0.27, 0.65, 0.71);
}

.slide-content-bases h3 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);
}


.slide-content-mesa {
  position: absolute;
  right: 0;
  top: 10%;
  width: 30%;
  height: auto;
  padding: 1%;
  text-align: left;
  transform-origin: top;
  background-color: rgb(100 100 100 / 0%);
  color: #fff;
  font-family: 'Montserrat';
}

.slide-content-mesa, 
.slide-content-mesa h2,
.slide-content-mesa p,
.slide-content-mesa h3:before,
.slide-content-mesa h3:after {
  transition: all 1s cubic-bezier(0.29, 0.27, 0.65, 0.71);
}

.slide-content-mesa h3 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);
}




.slide-content h3 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);

}

/*
.slide-content h3:before,
.slide-content h3:after {
  content: '';
  display: block;
  width: 70px;
  height: 2px;
  position: absolute;
  top: 49%;
  background-color: #f1f1f1;
}
*/


.slide-content h2 {
  color: #f9f9f9;
/*   font-size: 1.3em; */
  margin-top: 15px;
  margin-bottom: 20px;
  text-transform: uppercase;
/*   transform: translate3d(100%, 0,1px); */
}
.slide-content p {line-height: 3.3rem;letter-spacing: -0.20rem;color: rgba(255,255,255,.8);/*   transform: translate3d(0, 400%,1px); */max-width: 480px;}
/* animate content */
.owl-item.active .slide-content {
  transform: translate(-32%, 0%) rotate3d(1, 0, 0, 0);
  transition-delay: .3s;
}

.slide-content-left h2 {
  color: #f9f9f9;
/*   font-size: 1.3em; */
  margin-top: 15px;
  margin-bottom: 20px;
  text-transform: uppercase;
/*   transform: translate3d(100%, 0,1px); */
}
.slide-content-left p {line-height: 3.3rem;letter-spacing: -0.05rem;color: rgba(255,255,255,.8);/*   transform: translate3d(0, 400%,1px); */max-width: 480px;}
/* animate content */
.owl-item.active .slide-content-esquerda {
  transform: translate(22%, 0%) rotate3d(1, 0, 0, 0);
  transition-delay: .3s;}

.owl-item.active .slide-content-esquerda2 {
  transform: translate(13%, 0%) rotate3d(1, 0, 0, 0);
  transition-delay: .3s;}

.owl-item.active .slide-content-brasil {
  transform: translate(42%, 0%) rotate3d(1, 0, 0, 0);
  transition-delay: .6s;}

.owl-item.active .slide-content-bases {
  transform: translate(25%, 0%) rotate3d(1, 0, 0, 0);
  transition-delay: .3s;}

.owl-item.active .slide-content-mesa {
  transform: translate(52%, 0%) rotate3d(1, 0, 0, 0);
  transition-delay: .3s;}

.owl-item.active .slide-content-basealum {
  transform: translate(52%, 0%) rotate3d(1, 0, 0, 0);
  transition-delay: .3s;}

.owl-item.active .slide-content-bandbrasil {
  transform: translate(58%, 0%) rotate3d(1, 0, 0, 0);
  transition-delay: .3s;
  }


.owl-item.active h3,
.owl-item.active h2,
.owl-item.active p,
.owl-item.active h3:before,
.owl-item.active h3:after {
  transform: translate3d(0, 0,1px);
  transition-delay: 1s}

.tit_banner_topo b {font-weight: 800;letter-spacing: -0.1rem;font-size: 5rem;line-height: 4rem;}

.tit_banner_topo {font-size: 2.8rem;font-weight: 400;max-width: 465px;line-height: 3rem;letter-spacing: -0.20rem;}
.txt_banner_topo {font-size: 1.6rem;}
.desc_banner_topo {font-size: 1rem;font-weight: 300;}

.searchbox_top {display: flex;flex-direction: row;flex-wrap: nowrap;max-width: 1306px;margin: auto;}

.banner_desktop {display: block!important;min-height: 288px;}
.banner_mobile {display: none!important;}

.owl-carousel .owl-stage-outer {min-height: 535px;}



@media {
.searchbox_top {}
}
  

  
  @media only screen and (max-width: 1440px) {
    
    .owl-item .owl-item-bg {width: 100%;}
    .owl-carousel .owl-item img {width: 100%;}
    
    .owl-item.active .slide-content-brasil {
    transform: translate(44%, 0%) rotate3d(1, 0, 0, 0);
    transition-delay: .6s;}
    
    .tit_banner_topo {
    font-size: 2.3rem;
    line-height: 1.8rem;
    }
    
    .owl-carousel .owl-stage-outer {
    min-height: 400px;}
    
    .tit_banner_topo b {font-weight: 800;letter-spacing: -0.1rem;font-size: 4rem;}
    
    .slide-content-basealum {width: 50%;left: 0;}
    .slide-content-bandbrasil {width: 24%;right: 74%;}
    
  }


@media only screen and (max-width:1024px){
  
#owlCarousel {
   /* margin-top: 7%; */
   }
  
  .tit_banner_topo {
    font-size: 1.5rem;
    }
  
  .txt_banner_topo {
    font-size: 1.3rem;}
  
  .desc_banner_topo {
    font-size: 0.9rem;}
  
  .searchbox_top {
    margin-top: 4%;}
  
  .owl-item .owl-item-bg {width: 100%;}
    .owl-carousel .owl-item img {width: 100%;}
  
  .slide-content p {line-height: 2rem;}
  
  .tit_banner_topo {max-width: 270px;line-height: 2.2rem;}
  
  .owl-carousel .owl-stage-outer {min-height: auto;}
  
  .tit_banner_topo b {font-size: 3rem;line-height: 3rem;}
  
  .tit_banner_topo {
    font-size: 1.5rem;
    max-width: 465px;
    line-height: 1.3rem;
    letter-spacing: -0.11rem;
    }
  
  .header-mainbar-container-search-result.shrink {
    height: 75px!important;
    top: 30px!important;
    transition: top 0.3s ease;}
  
}

@media only screen and (max-width:850px){
#owlCarousel {margin-top: -2%;}
  
  .tit_banner_topo {
    font-size: 2.3rem;
    line-height: 2rem;
    max-width: 650px;
    display: none;
    }
  
  .txt_banner_topo {
    font-size: 1.2rem;}
  
  .desc_banner_topo {
    font-size: 0.8rem;}  
  
  .owl-carousel .owl-stage-outer {margin-top: 0;}
  
  .banner_desktop {display: none!important;}
.banner_mobile {display: block!important;}
  
  
  
  .tit_banner_topo b {font-size: 4rem;line-height: 3.5rem;}
  
  .header-mainbar-container-search-result.shrink {
    height: 68px!important;
    top: 45px!important;
    transition: top 0.3s ease;}
  
  .slide-content-bandbrasil {width: 50%;left: 0;}
  
  .slide-content-brasil {top: 65%;}
  
  .owl-item.active .slide-content-brasil {
    transform: translate(20%, 0%) rotate3d(1, 0, 0, 0);}
  
}


@media only screen and (max-width:450px){
.owl-prev, .owl-next {
    width: 6%;}
  
  .owl-prev-icon, .owl-next-icon {
    width: 50%;
    background-color: #faebd700;}
  
  .slide-content {
    width: 50%;}
  
  .slide-content p {
    line-height: 1em;
    margin: 0 0 2%;}
  
  .slide-content-left {
    width: 50%;}
  
  .slide-content-left p {
    line-height: 1em;
    margin: 0 0 2%;}
  
  #button3 {
    right: 40%;}
  
  .owl-carousel .owl-stage-outer {
    margin-top: 0;}
  
  #owlCarousel {margin-top: 0%;overflow: hidden;}
  
  .tit_banner_topo b {font-size: 3rem;}
  
  .header-mainbar-container-search-result.shrink {
    height: 55px!important;
    top: 52px!important;}
  
}

@media only screen and (max-width:375px){
  
  #owlCarousel {margin-top: -6%;}
  
  .tit_banner_topo b {font-size: 4rem;}
  
}