@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html {
    scroll-behavior: smooth;
}
html, body{ overflow-x: hidden !important; }
body{font-family: "Roboto", sans-serif; font-style: normal;}


#topo{background-color: #ffffff00; position: absolute; width: 100%; padding: 50px 0 0 0; border-top: 2px solid #3acb23;}
.navbar{padding: 10px 0 20px 0;}
.navbar-brand{width: 380px;}
.navbar-brand img{width: 70%;}
.nav-item .nav-link{ color: #fff !important; font-size: 16px; font-weight: 500; padding-right: 5px !important; padding-left: 5px !important;}
.nav-item .nav-link:hover{color: #3acb23 !important;}
.navbar-collapse{position: relative; padding-top: 20px;}
.icones-tel{position: absolute; top: 10px; right: 5px; text-align: right;}
.tel a{text-decoration: none; font-size: 22px;}
.icon{display: flex; align-items: center; justify-content: end;}
.icon img{width: 25px; margin: 0 3px;}
.navbar-collapse{justify-content: end;}
.topo-contato{position: absolute; right: 5px; bottom: 0; background-color: #4086fa; border-bottom: 3px solid #486c8e; }
.topo-contato .botao{padding: 15px 15px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500;}

.carousel {position: relative;top: 45%;}
.carousel-control-next, .carousel-control-prev{top: -95px;}
.hero{background-image: url("..//img/banner-carrossel.jpg"); background-repeat: no-repeat; height: 798px; background-size: cover;}
.carousel-item{text-align: center;}
.carousel-item h1{color: #fff; font-weight: lighter; font-size: 4.5rem; margin: 0;}
.carousel-item h1 span{font-weight: bold;}
.carousel-item{color: #fff; font-weight: lighter; font-size: 2rem;}
.carousel-item .btn{background-color: #3acb23; color: #1b1b1a; border-radius: 2px 20px 20px 2px; transition: all .3s; font-weight: 500;}
.carousel-item .btn:hover{background-color: #42e728; transition: all .3s;}

.about{position: relative;overflow: hidden;color: #fff;text-align: center;padding: 50px 0;}
.video-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1; overflow: hidden;}
.video-bg iframe {position: absolute;top: 50%;left: 50%;width: 100vw;height: 56.25vw; min-height: 100vh;min-width: 177.77vh;transform: translate(-50%, -50%);pointer-events: none; }
.about h2{color: #fff; font-size: 1.5rem; padding: 50px 0;} 
.about h2 span{color: #3acb23;}
.about p{width: 70%; margin-left: auto; margin-right: auto; color: #fff;}
.apresentacao{padding: 50px 0;}
.about .btn{background-color: #3acb23; color: #1b1b1a; border-radius: 2px 20px 20px 2px; transition: all .3s; font-weight: 500; margin-left: -4px;}

.stats{background-image: url("..//img/fundo-02.png"); background-position: top center; background-repeat: no-repeat; text-align: center; padding: 50px 0; background-size: cover;} 
.stats h3{color: #fff; padding-top: 10px;}
.stats p{color: #fff; margin-left: auto; margin-right: auto; width: 70%; font-weight: lighter; }
.stats p span{color: #3acb23;}

.sobre{background-image: url("..//img/fundo-03.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; padding-top: 50px;}
.texto-sobre{display: flex; align-items: center; justify-content: space-between;}
.texto-sobre p{font-size: 3rem; font-weight: lighter; line-height: 1.3; padding-bottom: 30px;}

.footer-contatos{background-color: #110f0f; padding: 50px 0;}
.logo-center{display: flex; align-items: center; }
.footer-contatos h3{color: #fff; text-transform: uppercase;}
.logo-rodape{width: 220px;}
.logo-rodape img{width: 100%;}
.mapa-site {padding-top: 20px;}
.mapa-site ul{padding: 0; list-style: none; color: #fff;}
.mapa-site ul li a{color: #fff;}
.contato{color: #fff; padding-top: 20px;}
.social{padding-top: 20px;}
.social a img{width: 30px;}

footer {background-color: #181818; padding: 20px 0;}
footer .row{align-items: center;}
#direitos p{margin: 0; color: #585858;}
#logo-as{text-align: right;}


@media screen and (max-width: 900px){
    #topo{padding: 20px 0;}
    .icones-tel{position: relative; order: 2; top: 0;}
    .navbar{flex-wrap: nowrap;}
    .navbar-brand{width: 300px;}
    .navbar-light .navbar-toggler{position: relative; order: 3; z-index: 999; top: -3px;}
    .navbar-collapse {position: absolute;top: 50px;padding-top: 20px;right: 0;}
    button:focus {outline: none;outline: none;}
    .carousel-control-next, .carousel-control-prev{top: -80px;}
    .carousel-control-prev {left: -15px;}
    .carousel-control-next{right: -15px;}
    .navbar-brand img{width: 80%;}
    .hero{background-image: url("..//img/banner-carrossel-01.jpg"); height: 720px; background-size: cover;}
    .about{background-image: url("..//img/world-space.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover;}
    .about h2{padding: 20px 0;}
    .video-bg{display: none;}
    .about p{ width: 100%;  padding: 0 20px;}
    .sobre{text-align: center;}
    .footer-contatos{text-align: center;}
    .logo-center{padding-bottom: 30px;}
    .logo-rodape{width: 100%;}
    .logo-rodape img{width: 50%;}
    footer{text-align: center;}
    #logo-as{text-align: center;}
    #direitos p{padding: 20px 0;}

}


@media screen and (max-width: 689px){
    .carousel-item h1 {font-size: 1.8rem;}
    .carousel-item {font-size: 1rem;}
}