@charset "UTF-8"; 

@font-face {font-family: 'champ'; src: url('/fonts/Champagnelimousines.ttf');}
@font-face {font-family: 'aller'; src: url('/fonts/Aller_Lt.ttf');}
@font-face {font-family: 'franc'; src: url('/fonts/FRADM.TTF');}
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@300&family=Roboto:wght@300&family=Ubuntu:wght@300&display=swap');


/*::::: BOOTSTRAP :::::*/



/*:::::: Estilo Top :::::: */

#topo{width: 100%; background-image: url('/img/fundo-topo.png'); background-position: top; background-position: center; position: absolute; z-index: 2; }
#menumobile{display: none;}
.link-menu-mobile img{width: 25px; height: 25px; margin: 0 15px 0 15px;}
#topo .container{max-width: 1098px; height: 208px;}
.logo-topo{padding: 50px 0 50px 0;}
#icon-redes{margin-top: 21px;}
#menu{margin-left: 10px; margin-top: 10px; margin-bottom: 12px;}
#menu div{float: right;}
#menu div a{text-decoration: none; font-family: 'Roboto', sans-serif; font-size: 17px; color: #858485;  padding-right: 14px;}
#menu div a:hover{color: #9d5c41;}
.estrela{margin-top: 10px;}
.btn-estrela{background-color: #9d5c41; border: #9d5c41; float: right; font-family: 'aller'; color: white; font-size: 14.51px; font-style: italic; font-weight: bold; margin-left: 5px; padding: 5px;}
.btn-estrela img{padding-bottom: 5px; }

/*looping logo*/
#slider {width: 80%;max-width: 500px;height: 25vw;max-height: 150px; position: relative; padding: 50px 0 50px 0;}
#slider img{opacity: 0;position: absolute;object-fit: cover;transition: opacity 800ms;}
#slider img.selected { opacity: 1;}
#slidermobile {max-width: 500px;height: 25vw;max-height: 150px; position: relative; padding: 15px 0 20px 0;}
#slidermobile img{opacity: 0;position: absolute;object-fit: cover;transition: opacity 800ms;}
#slidermobile img.selecte {width: 50%; opacity: 1; margin-top: 30px}
/* Final looping logo*/

#icon-redes img{float: right; padding-left: 10px;}
#icon-redes img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
#tel h4{text-align: right; font-size: 19.8px; font-family: 'Roboto', sans-serif; font-weight: bold; color: #9d5c41; margin: 0; padding-top: 10px;}
#btn {text-align: right; }
/*::::::Final Estilo Top :::::: */

/*:::::: Estilo Carrossel :::::: */
#carrossel{position: relative; z-index: 1;}
#carrossel img{margin-top: 207px !important;}
.seta{margin-top: 150px;}
.carousel-control-prev{left: 222px ; height: 270px; margin-top: 10%;}
.carousel-control-next{right: 222px ; height: 270px; margin-top: 10%;}
#carrosselmobile{display: none;}

/*:::::: Final Estilo Carrossel :::::: */

/*:::::: Estilo Institucional :::::: */
#institucional{width: 100%;  background-image: url('/img/fundo-institucional.png'); background-color: center; }
#institucional h1{font-family: 'franc'; font-size: 40px; font-weight: bold; color: #9d5c41; padding: 50px 0 20px 0;}
#institucional p{font-family: 'Roboto', sans-serif; font-size: 17px; padding: 0px 0 30px 0;}
#institucional span{color: #9d5c41; }

/*:::::: Final Estilo Institucional :::::: */

/*:::::: Final Estilo Parallax :::::: */
#parallax{background: url('/img/img-parallax.png') no-repeat top center; width: 100%; height: 100%;float: left; margin-top: -22px; min-height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 50px;}
/*:::::: Final Estilo Parallax :::::: */



/*:::::: Estilo Soluções :::::: */
#solucoes{background-color: #f1f1f1; padding-bottom: 80px; }
#solucoes h1{font-family: 'franc'; font-size: 40px; font-weight: bold; color: #5d5c59; padding: 36px 0 10px 0;}
#solucoes .col-sm-12{padding-top: 50px;}
#efeito{width: 100%;-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);}
#efeito:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
.texto{background-color: white; height: 317px;}
.titulo{height: 60px;}
.titulo h2{ font-family: 'Roboto', sans-serif; font-size: 18px;  color: #9d5c41; text-align: center; padding: 15px 30px 0px 30px;}
.borda{width: 80px;height: 9px; text-align: center; margin: 10px 0;background: #9d5c41; margin-left: 35%; border-radius: 5px; }
.descricao p{text-align: center; font-family: 'Roboto', sans-serif; font-size: 15px; padding: 0px 20px}
.botao{text-align: center; margin-top: -19px; background-color: #9d5c41; width: 143px; height: 39px; border-radius: 16px; margin-left: 28%; box-shadow: 0px 4px 0px #734533}
.botao-ver{text-decoration: none; font-size: none;}
.botao:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1); background-color: #ac6b50; box-shadow: 0px 4px 0px #86533f}
.botao-ver p{color: white; font-family: 'Roboto', sans-serif; font-size: 22.79px; }
/*:::::: Final Estilo Soluções :::::: */

/*:::::: Soluções PG2 ::::::*/

#solucoes1{ padding-bottom: 50px; }
#solucoes1 h1{font-family: 'franc'; font-size: 40px; color: #5d5c59; padding: 36px 0 10px 0;}
#solucoes1 .col-sm-12{padding-top: 50px;}
.botao1{text-align: center; margin-top: 5px; background-color: #9d5c41; width: 143px; height: 39px; border-radius: 16px; margin-left: 28%; box-shadow: 0px 4px 0px #734533}
.botao-ver1{text-decoration: none; font-size: none;}
.botao1:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1); background-color: #ac6b50; box-shadow: 0px 4px 0px #86533f}
.botao-ver1 p{color: white; font-family: 'Roboto', sans-serif; font-size: 22.79px; }

/*:::::: Final Estilo Soluções PG2:::::: */

/*:::::: Ver Mais ::::::*/
#vermais{padding-bottom: 30px;}
#vermais h1{margin-top: 207px; font-family: 'franc'; font-size: 40px; color: #9d5c41; padding: 36px 0 10px 10px;}
#vermais span{color: #5d5c59;}
#vermais a{text-decoration: none; }
#vermais h2{font-family: 'franc'; font-size: 21.96px; color: #b3b3b3; padding: 0px 0 10px 0; }
#vermais h2:hover{color: #9b9b9b;}

/*:::::: Final Ver Mais ::::::*/

/*:::::: ATUAÇÂO MAPA ::::::*/
#svg-map path { fill:#669232;}
#svg-map text { fill:#fff; font: 8px Arial-BoldMT, sans-serif; cursor:pointer }
#svg-map a{ text-decoration:none; }
#svg-map a:hover { cursor:pointer; text-decoration:none }
image:hover{height:50px; width:40px; }
#svg-map .circle { fill:#5d5c59; }
#svg-map a:hover .circle { fill:#5d5c59 !important; cursor:pointer }

#brasil{padding-top: 207px;}
#brasil h1{font-family: 'franc'; font-size: 40px; color: #9d5c41; padding-top: 50px;}
#brasil span{color: #5d5c59;}
#brasil p{color: #5d5c59; font-size: 17px; padding-bottom: 70px;}
#mapaatuacao{padding-bottom: 50px; width: 100%;}

/*:::::: ATUAÇÂO MAPA ::::::*/

/*:::::: Parceiros ::::::*/
#parceiros img{padding-top: 50px;  }
#parceiros h1{font-family: 'franc'; font-size: 40px; color: #9d5c41; padding-top: 50px;}
#parceiros h2{font-family: 'franc'; font-size: 20px; color: #9d5c41;}
#parceiros span{color: #5d5c59;}
#parceiros p{color: #5d5c59; font-size: 17px; padding-bottom: 70px;}


/*:::::: Final Parceiros ::::::*/

/*:::::: Contatos ::::::*/


#formulario h1{font-family: 'franc'; font-size: 40px; color: #9d5c41;}
#formulario{padding-top: 210px;}
#formulario label{padding-top: 20px; padding-bottom: 2px; font-family: 'Roboto', sans-serif; font-size: 16.38px;}
#formulario textarea{background-color: #e0e0e0; border-bottom: 4px solid #9d5c41;}
.form-control{border-radius: 0 !important; background-color: #e0e0e0; border-bottom: 4px solid #9d5c41;}
#contatos-direto{padding-left: 90px; padding-top: 50px;}
#contatos-direto h1{font-family: 'Roboto', sans-serif; font-size: 17.27px; color: #858585;}
#contatos-direto h2{font-family: 'Roboto', sans-serif; font-size: 28.01px; color: #858585;}
#contatos-direto h3{font-family: 'Roboto', sans-serif; font-size: 25.31px; color: #858585;}
#contatos-direto img{padding-right: 10px;}
#contatos-direto a{text-decoration: none;}
#contatos-direto p{font-family: 'Roboto', sans-serif; font-size: 14px; color: #858585;}
.barra{background-color: #858585; height: 3px; width: 79px; margin-bottom: 20px;}
#formulario button{background-color: #9d5c41; text-align: right; font-family: 'Roboto', sans-serif; font-size: 10.36px; color: #FFF; border-radius: 1.25rem !important; padding: 0.375rem 1.75rem !important; float: right; margin-top: 20px}
#formulariomobile{display: none;}
.contatoh1{font-family: 'franc'; font-size: 40px; color: #9d5c41;}


/*:::::: Final Contatos ::::::*/



/*:::::: Estilo Clientes :::::: */
#clientes{background-image: url('/img/fundo-institucional.png'); background-position: center; }
#clientes .col-lg-3{text-align: center; margin-bottom: 90px; padding: 0px 8px 0 23px;}
#clientes h1{font-family: 'franc'; font-size: 40px; font-weight: bold; color: #5d5c59; padding: 50px 0 50px 0;}
#clientes img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}

/*:::::: Final Estilo Clientes :::::: */

/*:::::: Estilo Diversità :::::: */
#diversita img{width:100%; margin-top:207px; }
.bordaimg{background-color: #9d5c41; height: 5px; margin-top: 4px;}
.bemvidos h1{font-family: 'franc'; font-size: 40px; font-weight: bold; color: #9d5c41; padding: 50px 0 20px 0;}
.bemvidos p{font-family: 'Roboto', sans-serif; font-size: 17px; padding: 0px 0 30px 0;}
.bemvidos span{color: #9d5c41;}

/*:::::: Final Estilo Diversità :::::: */

/*:::::: Estilo Galeria de Foto :::::: */
.galeria{background-color: #9d5c41;  padding-bottom: 50px;}
.galeria h1{font-family: 'franc'; font-size: 40px; font-weight: bold; color: white; padding: 36px 0 35px 0; margin-bottom: 0;}
.galeria img{width: 100%; padding: 14px 0 0px 0;-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);}
.bordagaleria{background-color: white; height: 5px; margin-top: 4px;}
.col-sm-3 img:hover{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease; -webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
.modal-dialog{max-width: 100%;}


/*:::::: Clientes PG2*/
#clientes1 .col-lg-3{text-align: center; margin-bottom: 90px; padding: 0px 8px 0 23px;}
#clientes1 h1{font-family: 'franc'; font-size: 40px; font-weight: bold; color: #5d5c59; padding: 50px 0 50px 0;}
#clientes1 img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}

/*:::::: Final Estilo Galeria de Foto :::::: */



/*:::::: Estilo Footer :::::: */
#footer1{background-color: #a66b52; }
.endereco{text-align: center; color: white; font-family: 'Roboto', sans-serif; }
#icon-maps{text-align: center;}
#footer1 .col-lg-5{padding: 36px 0 0px 0;}
.tel{color: white; font-family: 'Roboto', sans-serif;}
#icon-maps img{padding: 10px 0 10px 0;}
.icon{padding-right: 10px; margin-bottom: 10px;}
.icon img{margin-bottom: 10px;}

#footer2{background-color: #644437; }
#asweb{text-align: right; padding: 20px 0 10px 0;}
#direito{color: white; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 11px; padding: 20px 0 10px 0;}
/*:::::: Estilo Footer :::::: */


/*:::::: CSS MOBILE :::::: */

@media screen and (max-width: 1024px){
    header{display: none;}

    /*::: CSS MENU MOBILE*/
    #menumobile{display: block; padding-bottom: 0; margin-bottom: 20px;} 
    .w-100{margin-top: 0;}
    .bg-light{width: 100%; background-image: url('/img/fundo-topo.png'); background-position: top; background-position: center;}
    .navbar-light .navbar-toggler{color: none; border-color: none !important; float: right;}
    .navbar {padding-bottom: 2.5rem;}
    .navbar-brand img{width: 70%;  margin-left: 20px; padding: 20px 0 20px 0;}
    #menumobile button {margin-top: 27px; margin-right: 20px;}
    .navbar-light .navbar-toggler {color: rgba(0,0,0,0); border-color: rgba(0,0,0,0);}
    .navbar-collapse {margin-top: 10px; background-color: #9d5c41;}
    .nav-item {text-align: center; font-size: 30px; font-family: 'Roboto', sans-serif; }
    .navbar-light .navbar-nav .nav-link {color: white;font-weight: 600; border-bottom: 1px solid #c78c73;}

    
}

@media screen and (max-width: 990px){
    .borda{margin-left: 42%;}
    .botao{margin-left: 38%;}
    .botao1{margin-left: 38%;}
    #clientes h1{text-align: center;}
    #footer1 .col-lg-5{text-align: center !important;}
    #footer1 .col-lg-5 img{padding-bottom: 6px;}
    #direito{text-align: center;}
    #asweb{text-align: center;}
    .logo-rodape{margin-bottom: 30px;}
    #carrossel{display: none;}
    #carrosselmobile{display: block;}
    .carousel-control-prev{left: 0;}
    .carousel-control-next{right: 0;}
    #formulario{padding-top: 0px;}
    #contatos-direto{padding-left: 10px;}
    #clientes1 h1{text-align: center;}
    #diversita img{margin-top: 0px;}
    #brasil{padding-top: 0px;}
    #brasil p{padding-bottom: 0px;}
    #parceiros-img{text-align: center; padding-bottom: 20px;}
    #parceiros h2{text-align: center;}
    #parceiros p{text-align: center;}
    #vermais h1{margin-top: 0px;}
    #formulariomobile{display: block;}
    #formulario{display: none;}

    
}

@media screen and (max-width: 768px){
    .borda{margin-left: 42%;}
    .botao{margin-left: 38%;}
    .carousel-control-prev{left: 20px; margin-top: 157px;}
    .carousel-control-next{right: 20px; margin-top: 157px;}
    #menumobile button{margin-top: 27px;}
    #mapaatuacao{margin-top: -80px;}
    
}

@media screen and (max-width: 667px){
    .carousel-control-prev{left: 20px; margin-top: 20px;}
    .carousel-control-next{right: 20px; margin-top: 20px;}
    #menumobile button{margin-top: -85px;}
    .botao1{margin-left: 36%;}
    
}

@media screen and (max-width: 418px){
    .borda{margin-left: 39%;}
    .botao{margin-left: 33%;}
    .carousel-control-prev{margin-top: 10px;}
    .carousel-control-next{ margin-top: 10px;}
    
    
}

@media screen and (max-width: 320px){
    
}