/* CSS Document */
/* =) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;500;600&display=swap');

*{margin:0; padding:0;}

html, body{height:100%; scroll-behavior:smooth;}

body{margin:0px; padding:0px; background-color:#151515; font-family:'Montserrat', calibri, arial; font-size:16px; /*overflow-x:hidden; overflow-y:scroll;*/ color:#FFFFFF; text-align:left; transition:0.3s;}

	img{border:0; float:left; position:relative;}
	div, article, section, nav, main, figure, footer{float:left; position:relative;}
/* FIM DEFAULT */


/* HTML5 PADRÕES */
h1{font-size:60px; font-weight:200; margin-left:-2px; margin-bottom:50px;}

h2{font-size:40px; font-weight:200; margin-left:-2px; margin-bottom:30px;}

h3{font-size:35px; line-height:40px; letter-spacing:-0.3px; font-weight:400; margin-left:-2px;}

h4{font-size:25px; line-height:29px; letter-spacing:-0.3px; font-weight:400;}

h5{font-size:17px; line-height:22px; letter-spacing:-0.3px; font-weight:400;}

p{font-size:16px; line-height:28px; font-weight:400;}

i{letter-spacing:-0.2px;}

a{text-decoration:none; color:#000; opacity:1; transition-duration:.3s; transition-delay:.1s;}

b{font-weight:600;}

.btn{float:left; height:25px; background:#FFFFFF; cursor:pointer; color:#000000; margin-top:40px; border:0; font-size:16px; padding:10px 30px 9px 30px; transition-duration:.3s; transition-delay:.1s; font-weight:400; text-align:center;}
	
	.btn:hover{background:#EEE;}

    .btn.btnsec{color:#1A1A1A; background:#FFF;}
    .btn.btnsec:hover{color:#000; background:#F5F5F5;}

    .btn.btnter{color:#1A1A1A; background:transparent; border:1px solid #1A1A1A;}
    .btn.btnter:hover{color:#FFF; background:#1A1A1A;}
    
    .btn.btnneg{color:#FFF; background:transparent; border:1px solid #FFF;}
    .btn.btnneg:hover{color:#000; background:#FFF;}
/* HTML5 */



/* HOME ------------------------------------------------------------------------------------------- */
/* HEADER */
header#topo{position:fixed; width:100%; height:auto; z-index:9; background:rgba(0, 0, 0, 0.7); transition:0.3s;}
#topob{float:none; width:84%; height:100px; padding:15px 8%; margin:0 auto; z-index:2;}

    .line-header{width:35%; height:1px; background:#FFF; position:absolute; bottom:0;}

    /* Conteudo Header */
    .menuhamburguer{position:absolute; display:none; width:40px; height:50px; background-image:url("img/icon/Menu.svg"); background-repeat:no-repeat; background-position:left center; margin:11px 10px 0 0; left:5%;}

    .fecharmobile{position:relative; display:none; width:50px; height:50px; background-image:url("img/icon/Fechar.svg"); background-repeat:no-repeat; background-position:left center; margin:8% 0 0 7%;}

    .background-shadow{position:fixed; display:none; background:#000; opacity:0.7; width:100%; height:100%; left:-100%; top:0; z-index:1;}


	.logo{width:119px; height:102px; background-image:url(img/logo.png); background-repeat:no-repeat; background-position:center left; background-size:119px 102px; margin:0 auto;}

    #menu{float:right; margin-top:35px; z-index:2;}
        #menu a .menu-link{color:#FFF; margin:0 70px;}
        #menu a .menu-link:last-child{margin-right:0;}
        #menu a .menu-link:hover > .menu-tag{opacity:1; transition:0.3s;}

        .menu-tag{width:20px; height:2px; background:#D46519; position:absolute; bottom:-12px; left:50%; margin-left:-10px; opacity:0;}
        .menu-tag.tag-selected{opacity:1;}



/* CONTEÚDO HOME */
#container{position:relative; float:left; width:100%; z-index:1;}
.conteudopagina{position:relative; float:left; width:84%; padding:140px 8% 140px 8%; z-index:1;}


    /* Banner Principal */
    #bannerprincipal{z-index:2; padding-bottom:8%; background-image:url("img/home/Banner.jpg"); background-repeat:no-repeat; background-size:cover; padding-top:0;}
        #bannerprincipal h3{margin-top:30%; line-height:48px; max-width:760px; font-weight:200;}


	/* Sobre nós */
    .content-flex{display:flex; justify-content:space-between;}

    #sobre article:last-child{margin-top:115px; padding-left:10%;}

    #vetor-marca{position:absolute; top:40px; right:3%; width:70%; height:auto;}
        #vetor-marca img{width:100%; height:100%;}


    /* Big Numbers */
    .line-content{width:70%; height:1px; background:#D46519; position:absolute; top:0; right:0;}

    #bignumbers{background-image:url(img/home/BigNumbers.jpg); background-size:cover; padding-top:140px; padding-bottom:140px;}

        .content-bignumber{width:280px; height:185px; border-radius:100%; border:1px solid #fff; text-align:center; padding-top:95px;}

        .content-bignumber h2{font-size:80px; line-height:40px;}
        .content-bignumber p{font-size:18px; font-weight:400;}



/* RODAPÉ */
#rodape{background-color:#E0E3E5; padding-bottom:40px; padding-top:80px;}

    .content-footer{padding:0 25%;}

        .content-footer h2{text-align:center; color:#000;}
        .content-footer p{text-align:center; color:#000; font-size:18px; margin-top:50px;}
        .content-footer .btn{width:100px; left:50%; margin-left:-80px; background:#124186; color:#FFF; text-align:center;}

    .credits{float:left; width:100%; border-top:1px solid #CCD1D4; text-align:right; color:#000; margin:80px 0 0 0; padding:20px 0 0 0;}

        .credits p{font-size:12px; float:left; text-align:left;}
        .credits p:last-child{float:right; text-align:right;}
        .credits p a{font-weight:600;}



/* SERVIÇOS ----------------------------------------------------------------------------------------- */

    /* Banner Interna */
    #bannerinterna-servicos{z-index:2; padding-bottom:3%; background-image:url("img/servicos/bannservicos.jpg"); background-repeat:no-repeat; background-size:cover; padding-top:0;}
    #bannerinterna-servicos h1{margin-top:17%; max-width:760px;}


    /* Sobre nós */
    #sobre-interna{padding-top:80px; padding-bottom:80px;}
        #sobre-interna article{max-width:500px;}
        #sobre-interna #vetor-marca{bottom:-50px;}


    /* Topicos Servicos */
    #topics-services{padding-top:60px; padding-bottom:0px; display:block;}
    #topics-services .line-content{width:92%; height:1px; background:#D46519; position:absolute; top:0; right:0;}

        .content-services{width:46%;}

            .content-topic{width:100%; height:auto; border-bottom:1px solid #333; padding:40px 0 10px 0;}
            .content-topic:first-child{padding-top:0;}
                .content-topic h2{float:left; width:20%; font-size:60px; line-height:60px; font-weight:200;}
                .content-topic p{float:left; width:80%; font-size:16px; font-weight:400; padding-top:3px; padding-bottom:25px;}

        #topics-services figure{position:absolute; right:0; width:46%; height:93%; background-image:url("img/servicos/banservicos01.jpg"); background-size:cover;}


    #topics-services-2{padding-top:0px; padding-bottom:0px; margin:130px 0 200px 0; display:block;}

        #topics-services-2 .content-services{float:right; width:46%;}
        #topics-services-2 figure{position:absolute; left:0; width:46%; height:100%; background-image:url("img/servicos/banservicos02.jpg"); background-size:cover;}

        #topics-services-2 .btn{position:absolute; width:120px; bottom:-120px; left:50%; margin-left:-90px;}



/* EQUIPE ----------------------------------------------------------------------------------------- */

    /* Banner Equipe */
    #bannerinterna-equipe{z-index:2; padding-bottom:3%; background-image:url("img/servicos/bannequipe.jpg"); background-repeat:no-repeat; background-size:cover; padding-top:0;}
    #bannerinterna-equipe h1{margin-top:17%; max-width:760px;}

    
    /* Conteúdo Equipe */
    .content-equipe{width:30%; margin:0 0 0 0;}
        .img-equipe{width:100%; height:460px; margin-bottom:40px; background-size:cover;}
        .content-equipe h3{font-size:30px; font-weight:400; margin-bottom:20px;}
        .content-equipe .btn{background:#124186; color:#FFF; text-align:center;}





@media screen and (max-width:1000px){ /* Responsive Mobile Smartphones ---------------------------------------------------------------------*/


/* HTML5 PADRÕES */
h1{font-size:50px; margin-bottom:50px;}
h2{font-size:40px; font-weight:200; margin-left:-2px; margin-bottom:30px;}
h3{font-size:28px; line-height:normal;}


/* HEADER */
header#topo{background:rgba(0, 0, 0, 0.8);}
#topob{height:70px;}
.line-header{width:70%;}

    /* Conteudo Header */
    .menuhamburguer{display:block;}
    .fecharmobile{display:block;}
    .background-shadow{display:block;}
    .background-shadow.menumobileaberto{left:0;}
    
	.logo{width:84px; height:72px; background-size:84px 72px; left:50%; margin-left:-42px;}
    
    #menu{position:fixed; margin-top:0px; width:85%; height:100%; top:0; left:-100%; background:#151515; padding:0;}
    #menu.menumobileaberto{left:0;}
        #menu a .menu-link{font-size:28px; font-weight:200; width:80%; margin:13px 10%;}
        #menu a .menu-link:hover > .menu-tag{opacity:0;}
        .menu-tag.tag-selected{opacity:0;}
    

/* CONTEÚDO HOME */
.conteudopagina{width:88%; padding:60px 6% 60px 6%;}

    /* Banner Principal */
    #bannerprincipal{padding-bottom:15%;}
    #bannerprincipal h3{margin-top:90%; line-height:34px;}


	/* Sobre nós */
    #sobre.content-flex{flex-direction:column;}
    #sobre article{width:100%;}
    #sobre article:last-child{margin-top:50px; padding-left:0;}
    #vetor-marca{display:none;}
    

    /* Big Numbers */
    #bignumbers{padding-top:60px; padding-bottom:40px; flex-wrap:wrap; background-size:cover; background-position:center;}
        .content-bignumber{width:160px; height:100px; padding-top:60px; margin-bottom:20px;}
        .content-bignumber h2{font-size:50px; line-height:10px;}
        .content-bignumber p{width:80%; font-size:16px; font-weight:200; line-height:20px; margin-top:-5px; padding:0 10%;}
    

/* RODAPÉ */
#rodape{padding-top:60px;}

    .content-footer{padding:0;}
        .content-footer h2{font-size:26px;}

    .credits{float:left; width:100%; border-top:1px solid #CCD1D4; text-align:right; color:#000; margin:80px 0 0 0; padding:20px 0 0 0;}
        .credits p{width:100%; text-align:center;}
        .credits p:last-child{text-align:center;}


    
/* SERVIÇOS ----------------------------------------------------------------------------------------- */

    /* Banner Interna */
    #bannerinterna-servicos{padding-bottom:1%;}
    #bannerinterna-servicos h1{margin-top:45%; max-width:100%; text-align:center; line-height:50px;}


    /* Sobre nós */
    #sobre-interna{padding-top:60px; padding-bottom:60px;}


    /* Topicos Servicos */
    #topics-services{padding-top:60px; padding-bottom:0px; display:block;}
    #topics-services .line-content{z-index:2;}

        .content-services{width:100%;}
            .content-topic:first-child{margin-top:180px;}
            .content-topic h2{font-size:40px; line-height:50px;}
        #topics-services figure{width:100%; height:200px; top:0; z-index:1;}

    #topics-services-2{margin:0px 0 200px 0;}

        #topics-services-2 .content-services{width:100%;}        
        #topics-services-2 .content-services .content-topic:first-child{margin-top:240px;}    
        #topics-services-2 figure{top:0; width:100%; height:200px;}
    

/* EQUIPE ----------------------------------------------------------------------------------------- */

    /* Banner Equipe */
    #bannerinterna-equipe{padding-bottom:1%;}
    #bannerinterna-equipe h1{margin-top:45%; max-width:100%; text-align:center; line-height:50px;}

    /* Conteúdo Equipe */
    #equipe-interna{flex-direction:column;}
    .content-equipe{width:100%; margin-bottom:80px;}
        .img-equipe{height:370px;}
    
}