/* 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-mastros {
  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-mastros, 
.slide-content-mastros h3,
.slide-content-mastros h2,
.slide-content-mastros p,
.slide-content-mastros h3:before,
.slide-content-mastros h3:after {
  transition: all 1s cubic-bezier(0.29, 0.27, 0.65, 0.71);}

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


.slide-content-cetim {
  position: absolute;
  top: 11%;
  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-cetim, 
.slide-content-cetim h3,
.slide-content-cetim h2,
.slide-content-cetim p,
.slide-content-cetim h3:before,
.slide-content-cetim h3:after {
  transition: all 1s cubic-bezier(0.29, 0.27, 0.65, 0.71);}

.slide-content-cetim 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: 38%;
  }

.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: 25%;
  width: 100%;
  height: auto;
  padding: 1%;
  text-align: left;
  transform-origin: top;
  background-color: rgb(100 100 100 / 0%);
  color: #ffffff;
  font-family: 'Montserrat';
  right: 35%;
  }

.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-mastros {
  transform: translate(22%, 0%) rotate3d(1, 0, 0, 0);
  transition-delay: .3s;}

.owl-item.active .slide-content-cetim {
  transform: translate(28%, 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 {font-size: 3.5rem;font-weight: 600;max-width: 465px;line-height: 3.8rem;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;}
.txt_banner_bold {font-size: 4.5rem;letter-spacing: -0.08rem;font-weight: 700;}



@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(48%, 0%) rotate3d(1, 0, 0, 0);
    transition-delay: .6s;}
    
    .tit_banner_topo {
    font-size: 2.7rem;
    line-height: 2.8rem;}
    
    .owl-carousel .owl-stage-outer {
    min-height: 400px;}
    
  }


@media only screen and (max-width:1024px){
  

  
  .tit_banner_topo {
    font-size: 1.8rem;}
  
  .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: 250px;line-height: 1.8rem;}
  
  .owl-carousel .owl-stage-outer {min-height: auto;}
  
  #owlCarousel {margin-top: 7%;}
  
}

@media only screen and (max-width:850px){
#owlCarousel {
    margin-top: -12%;
    }
  
  .tit_banner_topo {
    font-size: 1.5rem;}
  
  .txt_banner_topo {
    font-size: 1.2rem;}
  
  .desc_banner_topo {
    font-size: 0.8rem;}  
  
  .owl-carousel .owl-stage-outer {margin-top: 6%;}
  
  .banner_desktop {display: none!important;}
.banner_mobile {display: block!important;}
  
  .tit_banner_topo {display: none;}
  
}

@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: 4%;overflow: hidden;}
  
}

@media only screen and (max-width:375px){
  
  .owl-carousel .owl-stage-outer {
    /* margin-top: 18%; */
    }
  
}