body{font-family:sans-serif;color:#121212;background:#fafafa;transition:.3s ease-out;overflow-x:hidden;max-width:100%;width:100%;overscroll-behavior:none;margin:0;padding:0;font-family:Gilroy,sans-serif;font-weight:400;font-style:normal}

@font-face{font-family:'Gilroy';src:url(fonts/Gilroy-Light.ttf) format("truetype");font-weight:300;font-style:normal}

@font-face{font-family:'Gilroy';src:url(fonts/Gilroy-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic}

@font-face{font-family:'Gilroy';src:url(fonts/Gilroy-Bold.ttf) format("truetype");font-weight:700;font-style:normal}

@font-face{font-family:'Gilroy';src:url(fonts/Gilroy-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}

@font-face{font-family:'Gilroy';src:url(fonts/Gilroy-Black.ttf) format("truetype");font-weight:900;font-style:normal}

@font-face{font-family:'Gilroy';src:url(fonts/Gilroy-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}

@font-face{font-family:'Gilroy';src:url(fonts/Gilroy-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}

@font-face{font-family:'Gilroy';src:url(fonts/Gilroy-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-style:italic}

@font-face{font-family:'Gilroy';src:url(fonts/Gilroy-Heavy.ttf) format("truetype");font-weight:950;font-style:normal}

@font-face{font-family:'Gilroy';src:url(fonts/Gilroy-HeavyItalic.ttf) format("truetype");font-weight:950;font-style:italic}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-Thin.ttf) format("truetype");font-weight:100;font-style:normal}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-ThinItalic.ttf) format("truetype");font-weight:100;font-style:italic}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-UltraLight.ttf) format("truetype");font-weight:200;font-style:normal}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-UltraLightItalic.ttf) format("truetype");font-weight:200;font-style:italic}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-Light.ttf) format("truetype");font-weight:300;font-style:normal}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-Regular.ttf) format("truetype");font-weight:400;font-style:normal}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-RegularItalic.ttf) format("truetype");font-weight:400;font-style:italic}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-Medium.ttf) format("truetype");font-weight:500;font-style:normal}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-Bold.ttf) format("truetype");font-weight:700;font-style:normal}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-style:italic}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-Black.ttf) format("truetype");font-weight:900;font-style:normal}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-Heavy.ttf) format("truetype");font-weight:950;font-style:normal}

@font-face{font-family:"Gilroy";src:url(fonts/Gilroy-HeavyItalic.ttf) format("truetype");font-weight:950;font-style:italic}

*{outline:none;}

header{background:#000;padding:10px 10vw;position:fixed;z-index:9999;top:0;box-sizing:border-box;width:100%}

header img{max-height:89px}

.menu{float:right}

.menu ul{list-style:none;padding:35px 0;margin:0;display:inline-block}

.menu ul li{display:inline-block;margin:0 25px 0 0}

.menu ul li a{color:#fff;text-decoration:none;font-size:18px}

.fale-header{position:relative;display:inline-block;padding:15px 30px;font-size:18px;color:#fff;border:none;border-radius:8px;cursor:pointer;overflow:hidden;z-index:1;float:right;margin:20px 0 0;text-decoration:none;transition:all .3s ease-in-out;transform-origin:right;background:#3D894E}

.fale-header i{margin:0 0 0 10px}

.fale-header:hover{background:#18DE45}

video.video-banner{position:absolute;min-height:100vh;max-height:100vh;object-fit:cover}

.mobile-image{display:none}

.main{height:100vh;background:#121212b3;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background-image:linear-gradient(to bottom,#ff000000,#c2002300,#82032700,#420f1d00,#000);padding:0 10vw}

.content.is-inview{position:absolute;bottom:150px}

.title{color:#FFF;font-size:50px;margin:0 0 10px;padding:0;text-transform:uppercase;font-style:normal;line-height:0}

.text{color:#FFF;font-size:49px;text-transform:uppercase;margin:0 0 10px;font-style:normal}

.text-detail{color:#df182b;-webkit-background-clip:text;background-clip:text;font-size:55px;margin:-5px 0 0;line-height:.3}

.area{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:50vh;margin:0 44px}

.title,.text{font-size:3rem;font-weight:700;opacity:1;transform:translateY(0)}

[data-splitting] .char{display:inline-block;opacity:0;transform:translateY(30px);transition:transform .6s ease-out,opacity .6s ease-out}

#sobre{min-height:auto!important;padding:40px 10vw;box-sizing:border-box;display:flex;align-items:center;gap:80px}

.left h2{font-size:3rem;line-height:1.2;display:inline-block;opacity:1;transform-origin:center;color:#9E3943;font-weight:300;margin-top:0}

.left h2 span{display:inline-block;opacity:0;transform-origin:center;transform:rotateX(90deg);width:100%}

.right{opacity:0;transform:translateX(200px);transition:transform 1s ease-out,opacity 1s ease-out}

.right p{font-size:18px;color:#000;font-weight:600}

.right p:first-child{margin:0}

.left h2 i{font-style:normal;font-weight:900}

.btn-vaz{position:relative;display:inline-block;padding:15px 30px;font-size:18px;border:none;border-radius:8px;cursor:pointer;overflow:hidden;z-index:1;margin:5px 0 30px;text-decoration:none;transition:all .3s ease-in-out;transform-origin:right;background:#3d894e;color:#fff}

.btn-vaz:hover{background:#18DE45;color:#fff}

.redes ul{list-style:none;margin:10px 0 0;display:flex;justify-content:flex-start;align-items:center;padding:0}

.redes ul li{display:inline;background:#000;padding:10px;border-radius:100%;width:15px;height:15px;margin:0 10px 0 0}

.redes ul li a{color:#fff;display:flex;text-decoration:none;text-align:center;justify-content:center;align-items:center}

#solucoes{height:100vh;background:#121212;color:#fff;left:0;display:flex;overflow:hidden;background:#ff1886;background:linear-gradient(176deg,#df182b 19%,#9E3943 63%,#5E3A3D 100%);padding:30px 30vw 0 10vw;display:flex;align-items:center}

#solucoes img{height:50vh;width:auto;object-fit:cover;border-radius:30px}

#solucoes video{height:80vh;width:100%;min-width:auto;object-fit:cover;border-radius:30px}

#solucoes img.detail-movian{opacity:.2;position:fixed;height:80vh;margin-left:160px}

.solucoes-wrap{height:100vh;display:flex;justify-content:flex-start;align-items:center;padding:30px 80vw 0 0}

.solucoes-wrap > *{min-width:60vw;margin:0 5vw}

#solucoes h2{font-size:40px;min-width:30vw;margin:0 15vh 0 0;font-style:normal;position:relative;color:#C59A9E}

#solucoes h2 strong{font-weight:900;color:#fff}

h2.blurred{filter:blur(5px);opacity:.5;z-index:-1;transition:all .3s ease;position:relative}

.solucoes-wrap .card{min-width:25vw;position:relative;z-index:9999}

.content-card{position:absolute;width:100%;height:80vh;background:#00000075;display:flex;flex-direction:column;justify-content:flex-end;border-radius:30px;background-image:linear-gradient(to bottom,#00000,#00000,#00000,#000cf,#000)}

.content-card a{padding:10px 15px}

.content-card > *{padding:0 20px}

.content-card h3{font-size:24px;margin:0 0 -100px}

.content-card p{font-size:18px}

.content-card a{background:#3d894e;float:left;width:fit-content;margin:0 20px 40px;border-radius:5px;color:#fff;text-decoration:none}

.content-card a:hover{background:#18DE45}

.card p{opacity:0;transform:translateY(20px);transition:opacity 0.3s,transform .3s}

.card a{opacity:0;transform:translateY(20px);transition:opacity 0.3s,transform .3s}

#contato{min-height:auto!important;padding:40px 10vw;box-sizing:border-box;display:flex;align-items:center;gap:80px;justify-content:space-between}

.left-contato h2{font-size:3rem;color:#df182b;font-weight:900;margin:0}

.left-contato p{font-size:18px;color:#2f2f2f;font-weight:600}

.left-contato{min-width:30%}

.left-contato ul{list-style:none;padding:0;margin:0}

.left-contato ul li:first-child{border-bottom:1px solid #ccc}

.left-contato ul li{padding:15px 0;font-size:18px}

.left-contato ul li i{margin:0 5px 0 0;color:#df182b}

.right-contato form{padding:50px;border-radius:30px;color:#fff;background:#df182b;float:left}

.left-contato ul li a{color:#2f2f2f;text-decoration:none}

.left-contato ul li a:hover,.left-contato ul li a:focus{color:#df182b;text-decoration:none;outline:none}

.right-contato form label,.right-contato form input,.right-contato form textarea,.right-contato form select{width:100%}

.right-contato form input,.right-contato form select,.right-contato form textarea{padding:12px 10px;margin:5px 0 15px;border-radius:5px;border:none;outline:none;color:#161616;font-size:16px;box-sizing:border-box;width:100%;resize:vertical}

.right-contato form button{padding:12px 10px;border-radius:5px;border:none;outline:none;color:#161616;font-size:16px;box-sizing:border-box;width:30%;float:right;background:#3d894e;border:2px solid #3d894e;color:#fff}

.right-contato form button:hover{background:#18de45;color:#fff;cursor:pointer;border:2px solid #18de45}

footer{background:#000;padding:50px 10vw;color:#fff;border-top:4px solid #df182b;height:auto}

footer img{max-width:220px}

.fale-footer{position:relative;display:inline-block;padding:15px 30px;font-size:18px;color:#fff;background:#3d894e;border:none;border-radius:8px;cursor:pointer;overflow:hidden;z-index:1;float:right;margin:5px 0 0;text-decoration:none;transition:all .3s ease-in-out;font-style:normal}

.fale-footer:hover{color:#fff;transition:all .3s ease-in-out;background:#18DE45}

.email_class{outline:none;text-decoration:none;border:none}

footer ul{list-style:none;margin:0;padding:0;float:left}

footer ul li{display:inline-block;margin:0 30px 0 0;font-size:18px;font-style:normal}

footer .contatos{margin:70px 0 0;padding:0 0 30px}

footer ul li i{margin:0 10px 0 0;color:#df182b;font-size:22px;float:left}

footer .redes{float:right;margin:-25px 0 0}

footer .redes li{background:#232323;margin:0;border-radius:100%;transition:all .3s ease-in-out;width:54px;text-align:center}

footer .redes li i{color:#fff;margin:0;font-size:24px;padding:15px;transition:all .3s ease-in-out;width:24px}

footer .redes li:hover i{scale:1.2;transition:all .3s ease-in-out}

footer ul li a{color:#fff;text-decoration:none;transition:all .3s ease-in-out}

footer ul li a:hover{color:#df182b;transition:all .3s ease-in-out}


header.interno {position: relative;}
.agradecimento {display: flex;padding: 40px 10vw;justify-content: center;align-items: center;gap: 80px;} 
.agradecimento .text-agradecimento {min-width: 60%;} 
.text-agradecimento h2 { transform: translateY(0); font-size: 3rem; line-height: 1.2; display: inline-block; opacity: 1; transform-origin: center; color: #9E3943; font-weight: 300; margin-top: 0; } 
.text-agradecimento p { font-size: 18px; color: #000; font-weight: 600; } 
.comp-agradecimento video {border-radius: 10px;max-height: 30vw;margin: 0 auto;display: block;float: none;} 
.text-agradecimento h2 strong { font-style: normal; font-weight: 900; }
.fale-header.fale-erro {float: left;}




/* De 992px até 1199px (notebooks pequenos / telas intermediárias) */

@media only screen and (min-width: 1200px) and (max-width: 1499px) {

    header { width: 100% !important; padding: 10px 5vw; display: inline-block; margin: 0 0 -10px; }

}



/* De 992px até 1199px (notebooks pequenos / telas intermediárias) */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    header {width: 100%!important; padding: 10px 5vw; position:relative;display:inline-block;margin:0 0 -10px}

    .main { padding: 0px 5vw; } 

    #sobre { padding: 40px 5vw; } 

    .solucoes-wrap .card { min-width: 35vw; } 

    #contato { padding: 40px 5vw; }

}



/* De 772px até 991px (tablets e dispositivos médios) */

@media only screen and (min-width: 771px) and (max-width: 991px) {

    header {width: 100%!important; padding: 10px 5vw; position:relative;display:inline-block;margin:0 0 -10px}

    .title, .text { font-size: 2rem; line-height: 1.1; } 

    .main { padding: 0px 5vw; } 

    #sobre {padding: 40px 5vw;gap: 40px;} 

    #solucoes h2 { font-size: 30px; margin: 0px 10vw 0px 0px; } 

    .solucoes-wrap .card { min-width: 45vw; } 

    #contato { padding: 40px 5vw; } 

    footer { padding: 50px 5vw; }

    a.btn-vaz{text-align: center;}



    #solucoes {padding: 30px 30vw 0 5vw!important;}

    .left-contato { min-width: 35%; }

}



/* De 577px até 771px (smartphones grandes / tablets pequenos) */

@media only screen and (min-width: 577px) and (max-width: 771px) {

    header{width:100%!important;padding:20px 30px;position:relative;display:inline-block;margin:0 0 -10px}

    video.video-banner{min-height:80vh;max-height:80vh}

    .right{transform:translateX(0px)}

    #sobre{display:flex;flex-direction:column;padding:30px;gap:0}

    #contato{display:flex;flex-direction:column;padding:30px;gap:30px}

    #solucoes{display:flex;flex-direction:column;padding:0;height:auto}

    .title,.text{font-size: 2.0rem;line-height:1}

    .btn-vaz {text-align: center;font-size: 16px;}

    .solucoes-wrap{display:flex;flex-direction:column;height:auto;padding:30px 0;width:100%}

    header img{margin:0 auto;display:block;margin-top:0;max-width:180px}

    .fale-header{display:block;float:none;max-width:240px;margin:0 auto;margin-top:20px;margin-bottom:0;font-size:16px;padding:15px}

    .menu{width:100%;text-align:center}

    .right-contato form{padding:40px 20px}

    .main{padding:0 30px;height:80vh}

    #solucoes h2{margin:0;padding:40px 30px;font-size:30px}

    footer{padding:40px 30px;display:inline-block}

    footer .redes{margin:10px 0 0;float:left;width: 100%;}

    .content-card{height:60vh}

    #solucoes video{height:60vh}

    .solucoes-wrap > *{margin:0;width:85%}

    .solucoes-wrap .card{margin:0 0 30px}

    .card p{opacity:1}

    .card a{opacity:1}

    .content-card h3{margin: 0 0 -25px;}

    .desktop-video{display:none}

    .mobile-image{display:block;position:absolute;min-height:80vh;max-height:80vh;object-fit:cover;width:100%}

    .fale-footer{/* float:left; */margin:20px 0}

    footer .contatos{float:left;margin:0;padding:0}

    footer ul{margin:0 0 15px}

    footer ul li{width: 100%;margin: 10px 0px 0px;}

    .email_class {outline: none;text-decoration: none;border: none;}

    .agradecimento { display: flex; flex-direction: column; padding: 40px 5vw; gap: 40px; } 
    .text-agradecimento h2 { margin-bottom: 0; } 
    .comp-agradecimento video { max-height: initial; }

}



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

    header{width:100%!important;padding:20px 30px;position:relative;display:inline-block;margin:0 0 -10px}

    video.video-banner{min-height:80vh;max-height:80vh}

    .right{transform:translateX(0px)}

    #sobre{display:flex;flex-direction:column;padding:30px;gap:0}

    #contato{display:flex;flex-direction:column;padding:30px;gap:30px}

    #solucoes{display:flex;flex-direction:column;padding:0;height:auto}

    .title,.text{font-size:1.5rem;line-height:1}

    .btn-vaz {text-align: center;font-size: 16px;}

    .solucoes-wrap{display:flex;flex-direction:column;height:auto;padding:30px 0;width:100%}

    header img{margin:0 auto;display:block;margin-top:0;max-width:180px}

    .fale-header{display:block;float:none;max-width:240px;margin:0 auto;margin-top:20px;margin-bottom:0;font-size:16px;padding:15px}

    .menu{width:100%;text-align:center}

    .right-contato form{padding:40px 20px}

    .main{padding:0 30px;height:80vh}

    #solucoes h2{margin:0;padding:40px 30px;font-size:30px}

    footer{padding:40px 30px;display:inline-block}

    footer .redes{margin:10px 0 0;float:left}

    .content-card{height:60vh}

    #solucoes video{height:60vh}

    .solucoes-wrap > *{margin:0;width:85%}

    .solucoes-wrap .card{margin:0 0 30px}

    .card p{opacity:1}

    .card a{opacity:1}

    .content-card h3{margin:0 0 -25px}

    .desktop-video{display:none}

    .mobile-image{display:block;position:absolute;min-height:80vh;max-height:80vh;object-fit:cover;width:100%}

    .fale-footer{float:left;margin:20px 0}

    footer .contatos{float:left;margin:0;padding:0}

    footer img {
    display: block;
}

    footer ul{margin:0 0 15px}

    footer ul li{margin:5px 0 0}

    .email_class {outline: none;text-decoration: none;border: none;}

    .agradecimento { display: flex; flex-direction: column; padding: 40px 5vw; gap: 40px; } 
    .text-agradecimento h2 { margin-bottom: 0; } 
    .comp-agradecimento video { max-height: initial; }

}