/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} html{} body{ font-family: europa,sans-serif; font-style: normal; color: #333132; } header{ position: fixed; top: 0; width: 100%; z-index: 50; padding-bottom: 14px; background: transparent; -moz-transition: background .5s ease-in; -o-transition: background .5s ease-in; -webkit-transition: background .5s ease-in; transition: background .5s ease-in; } #Clear{} #Logo{ margin-left: 27px; margin-top: 19px; float: left; } #Logo img { height: 25px; } #Chamada{ float: left; font-size: 13px; margin-left: 90px; margin-top: 24px; color: #323031; } #ChamadaMob{ float: left; font-size: 13px; margin-left: 90px; margin-top: 37px; color: #323031; display: none; } nav{ float: right; margin-top: 27px; margin-right: 9px; } nav ul{ display: flex; } nav ul li{ margin-right: 21px; font-size: 13px; color: #323031; } nav ul li a{ color: #323031 !important; } #Idiomas{ float: right; font-size: 11px; margin-top: 27px; margin-right: 40px; font-family: roboto-mono, monospace; color: #323031; } #Idiomas a{color: #323031; text-decoration: none;} .linkativo{text-decoration: underline !important;} .sitebase{ width: 100%; position: absolute; left: 0; margin-left: 0; } #Home{ height: 100vh; width: 100vw; } #Home_TitSomos{ font-weight: 400; margin-top: -34px; font-size: 92px; left: 100px; position: absolute; visibility: hidden; letter-spacing: -4px; top: 50%; } #Home_Txt1{ font-weight: 300; margin-top: -7px; font-size: 50px; right: 83px; position: absolute; visibility: hidden; color: #323031; top: 50%; } #Home_BG1{ position: fixed; top: 0px; width: 100%; height: 100%; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; z-index: 5000000; } #Home_Imagem1{ -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; position: absolute; z-index: 100000; left: 50%; margin-top: -339px; top: 50%; margin-left: -389px; opacity: 0; width: 770px; height: auto; background-size: 370px; transition: all 1s ease; background-position: top left; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; } #Home_Imagem1 img{width: 100%; height: auto;} .mask-img { display: block; height: 100%; width: 100%; margin: 0 auto; } .object-mask { -webkit-mask-image: url(../img/forma_base.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 4000px; -webkit-mask-position: center; transition: all 1s ease; } #OQueFazemos{ margin-top: -750px; } #OQF_Txt{position: relative;font-size: 52px;width: 810px;font-weight: 300;letter-spacing: 0px;line-height: 53px;left: 130px;top: 320px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #OQF_Txt strong{font-weight: 700;} #OQF_Elementos{ position: relative; right: -1320px; } #OQF_Ele1{ width: 300px; height: 191px; margin-right: 310px; margin-top: -127px; z-index: 2; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag1_5.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 300px; -webkit-mask-position: center; } #OQF_Ele2{ width: 300px; height: 321px; margin-top: 42px; right: -360px; position: relative; z-index: 2; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag1_1.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 190px; -webkit-mask-position: center; } #OQF_Ele3{ width: 190px; height: 290px; margin-top: 27px; right: 67px; position: relative; z-index: 2; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag1_1.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 180px; -webkit-mask-position: top; } #OQF_EleImg1{ width: 322px; height: 320px; margin-top: -909px; right: -202px; position: relative; z-index: 1; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag1_6.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 300px; -webkit-mask-position: center; } #OQF_EleImg2{ width: 322px; height: 519px; margin-top: -169px; right: 245px; position: relative; z-index: 1; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag1_1.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 320px; -webkit-mask-position: center; } #OQF_EleImg3{ width: 322px; height: 519px; margin-top: -204px; right: -135px; position: relative; z-index: 1; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag1_1.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 320px; -webkit-mask-position: center; } #OQF_BG{ width: 872px; height: 778px; margin-top: -909px; right: 135px; position: relative; z-index: 0; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag1_2.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 880px; -webkit-mask-position: center; } #ComoFazemos{} #CF_Elementos{ position: relative; margin-top: 830px; margin-left: -200px; } #CF_Textos{ position: relative; margin-top: -880px; margin-left: 950px; margin-bottom: 610px; } #CF_Ele1{ width: 178px; height: 280px; margin-top: 323px; margin-left: 580px; z-index: 5; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag2_6.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 170px; -webkit-mask-position: center; } #CF_EleImg1{ width: 348px; height: 374px; margin-top: -617px; margin-left: 590px; z-index: 1; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag2_7.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 347px; -webkit-mask-position: center; } #CF_Ele2{ width: 228px; height: 310px; margin-top: -180px; margin-left: 200px; z-index: 4; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag2_6.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 179px; -webkit-mask-position: center; } #CF_EleImg2{ width: 321px; height: 324px; margin-top: -122px; margin-left: 716px; z-index: 1; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag2_3.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 326px; -webkit-mask-position: center; } #CF_Ele3{ width: 290px; height: 230px; margin-top: -820px; margin-left: 426px; z-index: 3; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag2_1.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 286px; } #CF_EleImg3{ width: 325px; height: 524px; margin-top: 279px; margin-left: 286px; z-index: 4; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag2_5.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 322px; -webkit-mask-position: center; } #CF_EleImg4{ width: 321px; height: 324px; margin-top: -992px; margin-left: 216px; z-index: 3; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag2_3.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 318px; -webkit-mask-position: center; } #CF_BG{ width: 980px; height: 730px; margin-top: -230px; margin-left: -81px; z-index: 0; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/maskpag2_2.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 844px; -webkit-mask-position: center; } #CF_Titulo{ font-size: 95px; width: 600px; font-weight: 300; letter-spacing: 1px; line-height: 97px; margin-bottom: 60PX; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; padding-top: 50px; } #CF_Titulo strong{ font-weight: 600; } #CF_Subtitulo{ font-size: 34px; width: 686px; font-weight: 300; letter-spacing: 0px; line-height: 37px; margin-bottom: 30px; margin-left: 206px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #CF_Subtitulo strong{ font-weight: 600; color: #ed552f; } #CF_Pontos{ width: 783px; margin-left: 207px; } .CF_Pontos_Box{ width: 177px; float: left; margin-right: 83px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } .CF_Pontos_Box_Abre{ font-size: 12px; letter-spacing: 1px; font-weight: 300; margin-bottom: 5px; font-family: roboto-mono, monospace; font-weight: 400; font-style: normal; } .CF_Pontos_Box_Tit{ font-weight: 600; letter-spacing: 0px; font-size: 22px; margin-bottom: 11px; } .CF_Pontos_Box_Linha{ background: #ed552f; width: 22px; height: 2px; margin-bottom: 12px; } .CF_Pontos_Box_Txt{ font-weight: 400; font-size: 16px; letter-spacing: 0px; line-height: 20px; } #Insights{ clear: both; } #Ins_Titzao{ font-size: 169px; width: 100%; font-weight: 300; letter-spacing: 1px; text-align: center; margin-bottom: 420px; position: relative; top: 0; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #InsBlocaoBlack{ background: #323031; width: 3000px; height: 555px; left: 50%; margin-left: -1500px; position: relative; top: 120px; } #InsBlocaoBlackTit{ color: #fffce8; font-weight: 300; font-size: 87px; text-align: center; margin-bottom: 201px; top: -270px; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #InsBlocaoBlackTit strong{font-weight: 600;} #InsBlocaoBlackTxt{ color: #ffffff; font-weight: 300; left: 228px; width: 639px; font-size: 34px; font-weight: 300; letter-spacing: 0px; line-height: 37px; position: relative; left: 276px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #InsBlocaoBlackTxt strong{ font-weight: 600; color: #ed552f; } #InsBlocaoBlack_Block{ color: #ffffff; width: 205px; left: 955px; position: relative; top: -140px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #InsBlocaoBlack_Block_Abre{ font-size: 12px; letter-spacing: 1px; font-weight: 300; margin-bottom: 5px; font-family: roboto-mono, monospace; font-weight: 400; font-style: normal; } #InsBlocaoBlack_Block_Tit{ font-weight: 600; letter-spacing: 0px; font-size: 22px; margin-bottom: 11px; } #InsBlocaoBlack_Block_Txt{ font-weight: 400; font-size: 16px; letter-spacing: 0px; line-height: 20px; } .InsBlocaoBlack_Pontos_Box_Linha{ background: #ed552f; width: 22px; height: 2px; margin-bottom: 12px; } #Ins_Titulo{ width: 800px; font-size: 95px; font-weight: 300; letter-spacing: 1px; line-height: 97px; position: relative; top: 0; left: 140px; margin-bottom: 20px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; margin-top: -710px; } #Ins_Titulo strong{font-weight: 600} #Ins_Texto{ width: 631px; font-size: 34px; font-weight: 300; letter-spacing: 0px; line-height: 37px; position: relative; left: 140px; top: 0; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #Ins_Texto strong{ color:#ed552f; font-weight: 600; } #Ins_Blocos{top: 0;left: 1230px;position: relative;height: 1160px;margin-top: -560px;} #Ins_Bloco{ width: 221px; top: -1330px; left: 50px; position: relative; } #Ins_Blocos_Blocos{position: relative;} #Ins_Bloco_1{ width: 322px; height: 460px; z-index: 2; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/bloco.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 322px; -webkit-mask-position: center; } #Ins_Bloco_2{ width: 322px; height: 460px; z-index: 2; left: 360px; top: -220px; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/bloco.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 322px; -webkit-mask-position: center; } #Ins_Bloco_3{ width: 322px; height: 460px; z-index: 2; left: -350px; top: -600px; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/bloco.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 322px; -webkit-mask-position: center; } #Ins_Bloco_4{ width: 322px; height: 460px; position: relative; z-index: 2; top: -638px; left: 360px; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/bloco.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 322px; -webkit-mask-position: center; } #Ins_Bloco_5{ position: relative; width: 322px; height: 460px; z-index: 2; top: -1280px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/bloco.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 322px; -webkit-mask-position: center; } #Ins_Bloco_6{ width: 322px; height: 460px; z-index: 2; left: -350px; top: -1650px; z-index: 1; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/bloco.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 322px; -webkit-mask-position: center; } #Ins_Bloco_Circulo{ width: 800px; height: 800px; z-index: 1; left: -700px; top: -1980px; z-index: 0; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; -webkit-mask-image: url(../img/circulo.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 802px; -webkit-mask-position: center; } #Ins_Bloco_Abre{ font-size: 10px; letter-spacing: 2px; font-weight: 300; margin-bottom: 10px; font-family: roboto-mono, monospace; font-weight: 400; font-style: normal; } #Ins_Bloco_Tit{ font-weight: 400; letter-spacing: 0px; font-size: 22px; margin-bottom: 20px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #Ins_Bloco_Txt{ font-weight: 300; font-size: 14px; letter-spacing: 1px; line-height: 21px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #Entregas{ margin-top: 560px; } #EntregasTit{ font-size: 96px; width: 100%; font-weight: 300; letter-spacing: 1px; text-align: center; position: relative; top: 0; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; margin-top: 530px; } #EntregasTxt{ position: relative; text-align: center; width: 970px; font-size: 34px; font-weight: 300; letter-spacing: 0px; line-height: 37px; position: relative; top: 0; margin: 0 auto; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; margin-top: 30px; margin-bottom: 600px; } #EntregasTxt strong{ font-weight: 600; color: #ed552f; } #EntregasCarrossel{ width: 100%; height: 660px !important; position: relative; top: 0; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #EntregasCarrossel img{ margin-left: 0; margin-right:0; height: 660px; } #Clientes{} #ClientesTit{ width: 100%; text-align: center; font-size: 34px; font-weight: 700; letter-spacing: 0px; line-height: 37px; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; position: relative; top: 0; padding-top: 100px; margin-top: 50px; } #ClientesSub{ width: 100%; text-align: center; font-size: 12px; letter-spacing: 1px; font-weight: 300; font-family: roboto-mono, monospace; font-weight: 400; font-style: normal; position: relative; top: 10px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; position: relative; top: 0; margin-top: 10px; } #ClinstesLogos1{ width: 100%; height: 90px; position: relative; top: 40px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; position: relative; top: 0; margin-top: 30px; } #ClinstesLogos1 img{ height: 90px; width: auto; margin-left: 30px; margin-right: 30px; } #ClinstesLogos2{ width: 100%; height: 90px; top: 60px; position: relative; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; top: 0; margin-top: 20px; } #ClinstesLogos2 img{ height: 90px; width: auto; margin-left: 30px; margin-right: 30px; } #Founder{} #FounderBox{ width: 456px; position: relative; left: 1400px; top: 0; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; margin-top: -340px; } #FounderFoto{ width: 67%; position: relative; left: 0; top: 0; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; height: 820px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; margin-top: 182px; overflow: hidden; } #FounderFoto img{ width: 87%; } #FounderAbout{ font-size: 12px; letter-spacing: 1px; font-weight: 300; margin-bottom: 5px; font-family: roboto-mono, monospace; font-weight: 400; font-style: normal; } #FounderTit{ font-weight: 600; letter-spacing: 0px; font-size: 22px; margin-bottom: 11px; } #FounderLinha{ background: #ed552f; width: 22px; height: 2px; margin-bottom: 12px; } #FounderTxt{ font-weight: 400; font-size: 16px; letter-spacing: 0px; line-height: 20px; } #CaixaBase{position: relative;} #Rodape{height: 260px;position: relative;top: 12px;margin-top: 216px;margin-bottom: -135px;} #CaixaPreta{ background: #000000; width: 67%; color: #ffffff; text-align: right; height: 260px; position: relative; } #CaixaPretaInt{ padding: 80px; text-align: left; width: 380px; float: right; } #CaixaPretaTit{ font-weight: 600; letter-spacing: 0px; font-size: 22px; margin-bottom: 11px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #CaixaPretaInfo1{ font-weight: 300; letter-spacing: 1px; line-height: 22px; margin-bottom: 13px; font-family: roboto-mono, monospace; font-weight: 400; font-style: normal; font-size: 13px; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #CaixaPretaInfo1 a{color: #ffffff; text-decoration: none;} #CaixaPretaInfo2{ font-weight: 300; letter-spacing: 1px; line-height: 21px; font-family: roboto-mono, monospace; font-weight: 400; font-style: normal; font-size: 13px; display: none; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; opacity: 0; } #InsBlocaoBlackTxtBlock{ position: relative; top: -400px; left: 505px; } .is-inview{ opacity: 1 !important; } #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{ margin-top: 40px; } #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{ margin-top: 50px; } #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{ } #CaixaPretaInfo1 a{color: #ffffff; text-decoration: none;} #CaixaPretaInfo2 a{color: #ffffff; text-decoration: none;} /** * Media Queries * ----------------------------------------------------------------------------- */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /** LARGURA DE 425px **/ @media screen and (max-width: 430px) and (min-width: 10px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{ width: 171px; } #OQF_EleImg2 img{ width: 210px; } #OQF_EleImg3 img{ width: 140px; } #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{ width: 214px; margin-top: 20px; } #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{ width: 220px; margin-top: 20px; } #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{ margin-left: 10px; } #Logo img {} #Chamada{margin-left: 0;float: right;margin-right: 30px;display: none;} #ChamadaMob{font-size: 15px;display: block;margin-top: 22px;left: 50%;margin-left: 74px;} nav{ display: none; } nav ul{} nav ul li{} #Idiomas{width: 40px;text-align: right;margin-right: 10px;margin-top: 15px;line-height: 17px;} #Idiomas a{} .sitebase{} #Home{ height: 700px; } #Home_TitSomos{ top: 0; margin-left: 0; left: 0; text-align: center; margin-top: 130px; font-size: 62px; width: 100%; display: none; } #Home_Txt1{ top: 0; margin-left: 0; left: auto; text-align: center; font-size: 32px; z-index: 9999999; margin-top: 10px; right: 10px; background: red; width: 100px; height: 100px; position: fixed; display: none; } #Home_BG1{} #Home_Imagem1{ width: 360px; margin-left: -183px; top: 569px; } .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{ width: auto; padding-left: 20px; padding-right: 20px; left: 0; top: 0; font-size: 26px; line-height: 27px; } #OQF_Txt strong{} #OQF_Elementos{ right: -30px; margin-top: 180px; } #OQF_Ele1{ width: 200px; height: 91px; -webkit-mask-size: 138px; margin-right: 0; margin-top: 0px; } #OQF_Ele2{width: 200px;height: 221px;-webkit-mask-size: 90px;margin-top: 0;right: -200px;} #OQF_Ele3{ width: 90px; height: 190px; -webkit-mask-size: 65px; margin-top: 0; right: 0; } #OQF_EleImg1{ width: 172px; height: 160px; -webkit-mask-size: 160px; margin-top: -566px; right: -140px; } #OQF_EleImg2{ width: 227px; height: 409px; -webkit-mask-size: 166px; margin-top: -90px; right: 50px; } #OQF_EleImg3{ margin-top: -220px; right: -156px; width: 137px; height: 289px; -webkit-mask-size: 136px; } #OQF_BG{ width: 772px; height: 678px; -webkit-mask-size: 500px; right: 90px; margin-top: -630px; } #ComoFazemos{} #CF_Elementos{ margin-top: 660px; margin-left: 20px; } #CF_Textos{margin-top: -1440px;margin-bottom: 910px;margin-left: 0;} #CF_Ele1{ width: 108px; height: 180px; margin-top: 0; margin-left: 0; -webkit-mask-size: 100px; } #CF_EleImg1{ width: 248px; height: 274px; margin-top: -160px; margin-left: 60px; -webkit-mask-size: 207px; } #CF_Ele2{ width: 128px; height: 210px; margin-top: -110px; margin-left: 180px; -webkit-mask-size: 86px; } #CF_EleImg2{ width: 221px; height: 224px; margin-top: -50px; margin-left: 90px; -webkit-mask-size: 216px; } #CF_Ele3{ width: 190px; height: 130px; margin-top: -70px; margin-left: 180px; -webkit-mask-size: 146px; } #CF_EleImg3{ -webkit-mask-size: 222px; width: 225px; height: 424px; margin-top: -210px; margin-left: -60px; } #CF_EleImg4{ width: 221px; height: 224px; margin-top: -640px; margin-left: -80px; -webkit-mask-size: 208px; } #CF_BG{ width: 880px; height: 630px; margin-top: -310px; -webkit-mask-size: 684px; margin-left: -500px; } #CF_Titulo{ padding-top: 0; width: auto; padding-left: 20px; padding-right: 20px; font-size: 49px; line-height: 52px; margin-bottom: 10px; } #CF_Titulo strong{} #CF_Subtitulo{ width: auto; padding-left: 20px; padding-right: 20px; margin-left: 0; font-size: 16px; line-height: 25px; } #CF_Subtitulo strong{} #CF_Pontos{ width: auto; margin-left: 0; padding-left: 20px; padding-right: 20px; } .CF_Pontos_Box{ width: auto; float: none; margin-right: 0; margin-bottom: 33px; } .CF_Pontos_Box_Abre{ font-size: 10px; } .CF_Pontos_Box_Tit{ font-size: 18px; } .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{ font-size: 14px; line-height: 18px; } #Insights{} #Ins_Titzao{ font-size: 32px; top: 0; margin-bottom: 0; } #InsBlocaoBlack{ width: auto; left: 0; margin-left: 0; top: 80px; height: auto; margin: 0; padding-bottom: 340px; } #InsBlocaoBlackTit{ top: 0; padding-left: 20px; padding-right: 20px; font-size: 33px; padding-top: 27px; width: auto; margin-bottom: 30px; } #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{ width: auto; left: 0; padding-left: 20px; padding-right: 20px; font-size: 17px; line-height: 28px; } #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{ top: 0; width: auto; left: 0; padding-left: 20px; padding-right: 20px; margin-top: 30px; } #InsBlocaoBlack_Block_Abre{ font-size: 10px; } #InsBlocaoBlack_Block_Tit{ font-size: 18px; } #InsBlocaoBlack_Block_Txt{ font-size: 14px; } .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{ width: auto; padding-left: 20px; padding-right: 20px; font-size: 42px; line-height: 45px; left: 0; margin-top: 220px; top: 0; } #Ins_Titulo strong{} #Ins_Texto{ width: auto; padding-left: 20px; padding-right: 20px; font-size: 18px; line-height: 28px; left: 0; top: 0; } #Ins_Texto strong{} #Ins_Blocos{ left: 0; height: auto; height: 880px; margin-top: -230px; } #Ins_Bloco{ width: auto; top: -540px; left: 0; padding-left: 20px; padding-right: 20px; } #Ins_Blocos_Blocos{} #Ins_Bloco_1{ width: 203px; height: 290px; -webkit-mask-size: 192px; left: -30px; } #Ins_Bloco_2{ width: 203px; height: 290px; -webkit-mask-size: 192px; left: 190px; top: -220px; } #Ins_Bloco_3{ width: 203px; height: 290px; -webkit-mask-size: 192px; left: -30px; top: -290px; } #Ins_Bloco_4{ width: 203px; height: 290px; -webkit-mask-size: 192px; left: 190px; top: -510px; } #Ins_Bloco_5{ width: 203px; height: 290px; -webkit-mask-size: 192px; left: -30px; top: -490px; } #Ins_Bloco_6{ width: 203px; height: 290px; -webkit-mask-size: 192px; left: 190px; top: -830px; } #Ins_Bloco_Circulo{ top: -500px; left: -60px; width: 490px; -webkit-mask-size: 722px; } #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{ width: auto; padding-left: 20px; padding-right: 20px; top: 0; font-size: 33px; line-height: 40px; margin-top: 210px; } #EntregasTxt{ width: auto; padding-left: 20px; padding-right: 20px; font-size: 17px; top: 0; line-height: 23px; margin-bottom: 20px; } #EntregasTxt strong{} #EntregasCarrossel{margin-top: 0;height: 300px !important;} #EntregasCarrossel img{ height: 300px; } #Clientes{} #ClientesTit{ padding-top: 0; opacity: 1; font-size: 23px; } #ClientesSub{ opacity: 1; font-size: 10px; margin-top: 4px; } #ClinstesLogos1{ opacity: 1; margin-bottom: 0; } #ClinstesLogos1 img{ height: auto; margin-left: 10px; margin-right: 10px; width: 67px; } #ClinstesLogos2{ opacity: 1; margin-top: -10px; } #ClinstesLogos2 img{ height: auto; margin-left: 10px; margin-right: 10px; width: 67px; } #Founder{} #FounderBox{ width: 95%; padding-left: 20px; padding-right: 20px; left: 0; top: 0; margin-top: 30px; } #FounderFoto{ width: 95%; opacity: 1; height: 200px; margin-top: 50px; } #FounderAbout{ font-size: 10px; } #FounderTit{ font-size: 18px; } #FounderLinha{} #FounderTxt{ font-size: 14px; } #CaixaBase{} #Rodape{ height: 570px; margin-top: 10px; margin-bottom: -420px; } #CaixaPreta{ width: 95%; } #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{ top: 0; left: 0; } .o-container { padding-right: 0px; padding-left: 0px; } .is-inview{ } .o-layout.-gutter { margin-left: 0; } .barraidioma{display: none;} } /** LARGURA DE 414px **/ @media screen and (min-width: 10px) and (max-width: 414px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{} #Home_TitSomos{} #Home_Txt1{} #Home_BG1{} #Home_Imagem1{ width: 540px; margin-left: -286px; top: 449px; } .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{} #OQF_Txt strong{} #OQF_Elementos{} #OQF_Ele1{} #OQF_Ele2{} #OQF_Ele3{} #OQF_EleImg1{} #OQF_EleImg2{} #OQF_EleImg3{ } #OQF_BG{} #ComoFazemos{} #CF_Elementos{} #CF_Textos{} #CF_Ele1{} #CF_EleImg1{} #CF_Ele2{} #CF_EleImg2{} #CF_Ele3{} #CF_EleImg3{} #CF_EleImg4{} #CF_BG{} #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{} #CF_Subtitulo strong{} #CF_Pontos{} .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{} #InsBlocaoBlack{} #InsBlocaoBlackTit{} #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{} #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{} #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{} #Ins_Titulo strong{} #Ins_Texto{} #Ins_Texto strong{} #Ins_Blocos{} #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{} #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{} #EntregasTxt{} #EntregasTxt strong{} #EntregasCarrossel{} #EntregasCarrossel img{} #Clientes{} #ClientesTit{} #ClientesSub{} #ClinstesLogos1{} #ClinstesLogos1 img{} #ClinstesLogos2{} #ClinstesLogos2 img{} #Founder{} #FounderBox{} #FounderFoto{ height: 250px; } #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{} #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{} .is-inview{ } } /** LARGURA DE 411px **/ @media screen and (min-width: 10px) and (max-width: 411px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{} #Home_TitSomos{} #Home_Txt1{} #Home_BG1{} #Home_Imagem1{} .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{} #OQF_Txt strong{} #OQF_Elementos{} #OQF_Ele1{} #OQF_Ele2{} #OQF_Ele3{} #OQF_EleImg1{} #OQF_EleImg2{} #OQF_EleImg3{} #OQF_BG{} #ComoFazemos{} #CF_Elementos{} #CF_Textos{} #CF_Ele1{} #CF_EleImg1{} #CF_Ele2{} #CF_EleImg2{} #CF_Ele3{} #CF_EleImg3{} #CF_EleImg4{} #CF_BG{} #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{} #CF_Subtitulo strong{} #CF_Pontos{} .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{} #InsBlocaoBlack{} #InsBlocaoBlackTit{} #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{} #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{} #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{} #Ins_Titulo strong{} #Ins_Texto{} #Ins_Texto strong{} #Ins_Blocos{} #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{} #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{} #EntregasTxt{} #EntregasTxt strong{} #EntregasCarrossel{} #EntregasCarrossel img{} #Clientes{} #ClientesTit{} #ClientesSub{} #ClinstesLogos1{} #ClinstesLogos1 img{} #ClinstesLogos2{} #ClinstesLogos2 img{} #Founder{} #FounderBox{} #FounderFoto{} #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{} #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{} .is-inview{ } } /** LARGURA DE 375px **/ @media screen and (min-width: 10px) and (max-width: 376px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{} #Home_TitSomos{ } #Home_Txt1{} #Home_BG1{} #Home_Imagem1{width: 480px;margin-left: -243px;top: 499px;} .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{} #OQF_Txt strong{} #OQF_Elementos{} #OQF_Ele1{} #OQF_Ele2{} #OQF_Ele3{} #OQF_EleImg1{ } #OQF_EleImg2{} #OQF_EleImg3{} #OQF_BG{} #ComoFazemos{} #CF_Elementos{} #CF_Textos{} #CF_Ele1{} #CF_EleImg1{} #CF_Ele2{} #CF_EleImg2{} #CF_Ele3{} #CF_EleImg3{} #CF_EleImg4{} #CF_BG{} #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{} #CF_Subtitulo strong{} #CF_Pontos{} .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{} #InsBlocaoBlack{} #InsBlocaoBlackTit{} #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{} #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{} #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{} #Ins_Titulo strong{} #Ins_Texto{} #Ins_Texto strong{} #Ins_Blocos{} #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{} #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{} #EntregasTxt{} #EntregasTxt strong{} #EntregasCarrossel{} #EntregasCarrossel img{} #Clientes{} #ClientesTit{} #ClientesSub{} #ClinstesLogos1{} #ClinstesLogos1 img{} #ClinstesLogos2{} #ClinstesLogos2 img{} #Founder{} #FounderBox{} #FounderFoto{} #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{} #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{} .is-inview{ } } /** LARGURA DE 360px **/ @media screen and (min-width: 10px) and (max-width: 361px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{} #Home_TitSomos{} #Home_Txt1{} #Home_BG1{} #Home_Imagem1{} .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{} #OQF_Txt strong{} #OQF_Elementos{} #OQF_Ele1{} #OQF_Ele2{} #OQF_Ele3{} #OQF_EleImg1{} #OQF_EleImg2{} #OQF_EleImg3{} #OQF_BG{} #ComoFazemos{} #CF_Elementos{} #CF_Textos{} #CF_Ele1{} #CF_EleImg1{} #CF_Ele2{} #CF_EleImg2{} #CF_Ele3{} #CF_EleImg3{} #CF_EleImg4{} #CF_BG{} #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{} #CF_Subtitulo strong{} #CF_Pontos{} .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{} #InsBlocaoBlack{} #InsBlocaoBlackTit{} #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{} #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{} #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{} #Ins_Titulo strong{} #Ins_Texto{} #Ins_Texto strong{} #Ins_Blocos{} #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{} #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{} #EntregasTxt{} #EntregasTxt strong{} #EntregasCarrossel{} #EntregasCarrossel img{} #Clientes{} #ClientesTit{} #ClientesSub{} #ClinstesLogos1{} #ClinstesLogos1 img{} #ClinstesLogos2{} #ClinstesLogos2 img{} #Founder{} #FounderBox{} #FounderFoto{} #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{} #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{} .is-inview{ } } /** LARGURA DE 320px **/ @media screen and (min-width: 10px) and (max-width: 321px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{} #Home_TitSomos{} #Home_Txt1{} #Home_BG1{} #Home_Imagem1{} .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{} #OQF_Txt strong{} #OQF_Elementos{} #OQF_Ele1{} #OQF_Ele2{} #OQF_Ele3{} #OQF_EleImg1{} #OQF_EleImg2{} #OQF_EleImg3{} #OQF_BG{} #ComoFazemos{} #CF_Elementos{} #CF_Textos{} #CF_Ele1{} #CF_EleImg1{} #CF_Ele2{} #CF_EleImg2{} #CF_Ele3{} #CF_EleImg3{} #CF_EleImg4{} #CF_BG{} #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{} #CF_Subtitulo strong{} #CF_Pontos{} .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{} #InsBlocaoBlack{} #InsBlocaoBlackTit{} #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{} #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{} #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{} #Ins_Titulo strong{} #Ins_Texto{} #Ins_Texto strong{} #Ins_Blocos{} #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{} #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{} #EntregasTxt{} #EntregasTxt strong{} #EntregasCarrossel{} #EntregasCarrossel img{} #Clientes{} #ClientesTit{} #ClientesSub{} #ClinstesLogos1{} #ClinstesLogos1 img{} #ClinstesLogos2{} #ClinstesLogos2 img{} #Founder{} #FounderBox{} #FounderFoto{} #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{} #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{} .is-inview{ } } /** LARGURA DE 1600px **/ @media screen and (max-width: 1688px) and (min-width: 768px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{ } #Home{ } #Home_TitSomos{ font-size: 75px; } #Home_Txt1{ font-size: 40px; } #Home_BG1{} #Home_Imagem1{ background-size: 372px; } .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{ font-size: 40px; width: 570px; line-height: 43px; } #OQF_Txt strong{} #OQF_Elementos{ right: -1100px; top: 150px; } #OQF_Ele1{width: 280px;height: 171px;-webkit-mask-size: 265px;} #OQF_Ele2{ width: 280px; height: 301px; -webkit-mask-size: 170px; } #OQF_Ele3{ width: 170px; height: 270px; -webkit-mask-size: 140px; } #OQF_EleImg1{ width: 300px; height: 300px; -webkit-mask-size: 280px; } #OQF_EleImg2{ width: 300px; height: 500px; -webkit-mask-size: 300px; } #OQF_EleImg3{ width: 302px; height: 499px; -webkit-mask-size: 300px; } #OQF_BG{} #ComoFazemos{} #CF_Elementos{} #CF_Textos{ margin-top: -760px; margin-left: 890px; } #CF_Ele1{ margin-left: 500px; } #CF_EleImg1{ width: 328px; height: 354px; -webkit-mask-size: 327px; margin-left: 570px; } #CF_Ele2{ margin-left: 190px; } #CF_EleImg2{ width: 301px; height: 304px; -webkit-mask-size: 306px; margin-left: 676px; } #CF_Ele3{ width: 270px; height: 210px; -webkit-mask-size: 266px; margin-left: 376px; } #CF_EleImg3{ width: 305px; height: 504px; -webkit-mask-size: 302px; } #CF_EleImg4{ width: 301px; height: 304px; -webkit-mask-size: 298px; } #CF_BG{ width: 960px; height: 710px; -webkit-mask-size: 824px; } #CF_Titulo{ font-size: 75px; width: 600px; line-height: 78px; margin-left: -61px; } #CF_Titulo strong{} #CF_Subtitulo{ font-size: 24px; line-height: 32px; margin-left: 96px; } #CF_Subtitulo strong{} #CF_Pontos{margin-left: 99px;} .CF_Pontos_Box{ width: 157px; margin-right: 63px; } .CF_Pontos_Box_Abre{ font-size: 11px; } .CF_Pontos_Box_Tit{ font-size: 19px; } .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{ font-size: 14px; } #Insights{} #Ins_Titzao{ font-size: 139px; } #InsBlocaoBlack{} #InsBlocaoBlackTit{ font-size: 77px; } #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{ font-size: 27px; width: 481px; line-height: 32px; } #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{ left: 875px; } #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{ width: 800px; font-size: 75px; line-height: 80px; } #Ins_Titulo strong{} #Ins_Texto{ width: 545px; font-size: 31px; line-height: 31px; } #Ins_Texto strong{} #Ins_Blocos{ left: 1140px; } #Ins_Bloco{ top: -1200px; left: -20px; } #Ins_Blocos_Blocos{} #Ins_Bloco_1{ width: 282px; height: 410px; -webkit-mask-size: 282px; left: -57px; } #Ins_Bloco_2{width: 282px;height: 410px;-webkit-mask-size: 282px;left: 250px;} #Ins_Bloco_3{width: 282px;height: 410px;-webkit-mask-size: 282px;left: -367px;} #Ins_Bloco_4{width: 282px;height: 410px;-webkit-mask-size: 282px;left: 250px;top: -618px;} #Ins_Bloco_5{width: 282px;height: 410px;-webkit-mask-size: 282px;left: -57px;top: -1180px;} #Ins_Bloco_6{width: 282px;height: 410px;-webkit-mask-size: 282px;left: -367px;top: -1550px;} #Ins_Bloco_Circulo{ top: -1710px; } #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{ font-size: 80px; } #EntregasTxt{ width: 970px; font-size: 30px; line-height: 34px; } #EntregasTxt strong{} #EntregasCarrossel{ } #EntregasCarrossel img{} #Clientes{} #ClientesTit{ font-size: 31px; } #ClientesSub{ font-size: 11px; } #ClinstesLogos1{} #ClinstesLogos1 img{} #ClinstesLogos2{ } #ClinstesLogos2 img{} #Founder{} #FounderBox{ width: 356px; left: 1210px; } #FounderFoto{ height: 780px; } #FounderAbout{ font-size: 11px; } #FounderTit{ font-size: 19px; } #FounderLinha{} #FounderTxt{ font-size: 14px; } #CaixaBase{} #Rodape{} #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{ left: 585px; } .is-inview{ } } /** LARGURA DE 1440px **/ @media screen and (min-width: 768px) and (max-width: 1580px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{ } #Home{} #Home_TitSomos{ font-size: 65px; } #Home_Txt1{ font-size: 30px; } #Home_BG1{} #Home_Imagem1{ background-size: 292px; } .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{ font-size: 34px; width: 489px; left: 110px; line-height: 36px; } #OQF_Txt strong{} #OQF_Elementos{ right: -900px; top: 190px; } #OQF_Ele1{} #OQF_Ele2{} #OQF_Ele3{} #OQF_EleImg1{} #OQF_EleImg2{ width: 280px; height: 480px; -webkit-mask-size: 280px; } #OQF_EleImg3{ width: 282px; height: 479px; -webkit-mask-size: 280px; } #OQF_BG{} #ComoFazemos{} #CF_Elementos{ margin-top: 1080px; } #CF_Textos{ margin-top: -610px; margin-left: 790px; } #CF_Ele1{} #CF_EleImg1{ width: 278px; height: 304px; -webkit-mask-size: 277px; margin-left: 560px; margin-top: -517px; } #CF_Ele2{ margin-left: 170px; } #CF_EleImg2{ width: 271px; height: 274px; -webkit-mask-size: 274px; margin-left: 656px; } #CF_Ele3{ width: 240px; height: 180px; -webkit-mask-size: 236px; margin-left: 376px; } #CF_EleImg3{width: 275px;height: 474px;-webkit-mask-size: 272px;} #CF_EleImg4{ width: 280px; height: 284px; margin-top: -882px; -webkit-mask-size: 278px; } #CF_BG{ margin-left: -41px; width: 860px; height: 560px; -webkit-mask-size: 674px; } #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{ margin-left: 66px; } #CF_Subtitulo strong{} #CF_Pontos{ margin-left: 69px; } .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{} #InsBlocaoBlack{ height: 465px; } #InsBlocaoBlackTit{ font-size: 67px; } #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{ font-size: 24px; width: 434px; line-height: 28px; } #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{ left: 795px; top: -104px; } #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{ } #Ins_Titulo strong{} #Ins_Texto{ width: 545px; font-size: 28px; line-height: 31px; } #Ins_Texto strong{} #Ins_Blocos{ height: 1180px; margin-top: -470px; } #Ins_Bloco{ top: -1090px; left: -154px; } #Ins_Blocos_Blocos{} #Ins_Bloco_1{ width: 242px; height: 370px; -webkit-mask-size: 242px; left: -164px; } #Ins_Bloco_2{ width: 242px; height: 370px; -webkit-mask-size: 242px; left: 101px; } #Ins_Bloco_3{ width: 242px; height: 370px; -webkit-mask-size: 242px; left: -428px; top: -530px; } #Ins_Bloco_4{ width: 242px; height: 370px; -webkit-mask-size: 242px; left: 101px; top: -598px; } #Ins_Bloco_5{ width: 242px; height: 370px; -webkit-mask-size: 242px; top: -1070px; left: -164px; } #Ins_Bloco_6{ width: 242px; height: 370px; -webkit-mask-size: 242px; left: -428px; top: -1420px; } #Ins_Bloco_Circulo{ top: -1540px; } #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{ } #EntregasTxt{} #EntregasTxt strong{} #EntregasCarrossel{ height: 460px !important; } #EntregasCarrossel img{ height: 460px; } #Clientes{} #ClientesTit{ } #ClientesSub{} #ClinstesLogos1{ } #ClinstesLogos1 img{} #ClinstesLogos2{ } #ClinstesLogos2 img{} #Founder{} #FounderBox{ width: 356px; left: 1050px; } #FounderFoto{ height: 790px; } #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{ margin-top: 170px; } #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{ left: 670px; } .is-inview{ } } /** LARGURA DE 1366px **/ @media screen and (min-width: 768px) and (max-width: 1420px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{ width: 238px; } #OQF_EleImg2 img{ width: 253px; } #OQF_EleImg3 img{ width: 221px; } #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{} #Home_TitSomos{ margin-top: -17px; } #Home_Txt1{ margin-top: 6px; } #Home_BG1{ } #Home_Imagem1{ width: 630px; margin-top: -270px; margin-left: -315px; } .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{} #OQF_Txt strong{} #OQF_Elementos{} #OQF_Ele1{ width: 280px; height: 171px; -webkit-mask-size: 225px; } #OQF_Ele2{} #OQF_Ele3{top: -130px;right: 107px;} #OQF_EleImg1{ -webkit-mask-size: 240px; } #OQF_EleImg2{ width: 280px; height: 480px; -webkit-mask-size: 220px; right: 195px; } #OQF_EleImg3{ width: 282px; height: 479px; -webkit-mask-size: 220px; } #OQF_BG{ width: 872px; height: 608px; -webkit-mask-size: 700px; margin-top: -859px; } #ComoFazemos{} #CF_Elementos{} #CF_Textos{} #CF_Ele1{} #CF_EleImg1{} #CF_Ele2{} #CF_EleImg2{} #CF_Ele3{} #CF_EleImg3{} #CF_EleImg4{} #CF_BG{} #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{ margin-left: 3px; } #CF_Subtitulo strong{} #CF_Pontos{ margin-left: 3px; } .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{} #InsBlocaoBlack{} #InsBlocaoBlackTit{} #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{} #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{} #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{ font-size: 63px; line-height: 75px; } #Ins_Titulo strong{} #Ins_Texto{ font-size: 24px; line-height: 26px; } #Ins_Texto strong{} #Ins_Blocos{ left: 1090px; } #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{} #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{} #EntregasTxt{} #EntregasTxt strong{} #EntregasCarrossel{} #EntregasCarrossel img{} #Clientes{} #ClientesTit{} #ClientesSub{} #ClinstesLogos1{} #ClinstesLogos1 img{} #ClinstesLogos2{} #ClinstesLogos2 img{} #Founder{} #FounderBox{ width: 306px; left: 1050px; } #FounderFoto{ } #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{} #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{} .is-inview{ } } /** LARGURA DE 1280px **/ @media screen and (max-width: 1340px) and (min-width: 760px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{ } #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{} #Home_TitSomos{} #Home_Txt1{} #Home_BG1{} #Home_Imagem1{ } .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{} #OQF_Txt strong{} #OQF_Elementos{} #OQF_Ele1{} #OQF_Ele2{} #OQF_Ele3{} #OQF_EleImg1{} #OQF_EleImg2{} #OQF_EleImg3{} #OQF_BG{} #ComoFazemos{} #CF_Elementos{} #CF_Textos{ margin-left: 690px; } #CF_Ele1{ margin-left: 470px; } #CF_EleImg1{ margin-left: 490px; } #CF_Ele2{ margin-left: 400px; } #CF_EleImg2{ margin-left: 566px; } #CF_Ele3{ margin-left: 316px; } #CF_EleImg3{ margin-left: 236px; } #CF_EleImg4{ margin-left: 216px; } #CF_BG{} #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{} #CF_Subtitulo strong{} #CF_Pontos{} .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{} #InsBlocaoBlack{} #InsBlocaoBlackTit{} #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{ font-size: 22px; width: 404px; } #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{ left: 760px; } #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{ left: 118px; } #Ins_Titulo strong{} #Ins_Texto{ left: 120px; } #Ins_Texto strong{} #Ins_Blocos{ left: 1020px; } #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{} #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{ font-size: 67px; margin-left: 20px; } #EntregasTxt{} #EntregasTxt strong{} #EntregasCarrossel{} #EntregasCarrossel img{} #Clientes{} #ClientesTit{} #ClientesSub{} #ClinstesLogos1{} #ClinstesLogos1 img{} #ClinstesLogos2{} #ClinstesLogos2 img{} #Founder{} #FounderBox{ left: 968px; margin-top: -440px; } #FounderFoto{ } #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{} #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{} .is-inview{ } } /** LARGURA DE 1133px **/ @media screen and (max-width: 1260px) and (min-width: 760px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{ width: 220px; } #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{} #Home_TitSomos{margin-top: -19px;} #Home_Txt1{ margin-top: 7px; } #Home_BG1{} #Home_Imagem1{width: 450px;margin-top: -200px;margin-left: -215px;} .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{ font-size: 24px; width: 429px; left: 80px; line-height: 32px; } #OQF_Txt strong{} #OQF_Elementos{ right: -580px; top: 240px; } #OQF_Ele1{ width: 240px; height: 151px; -webkit-mask-size: 195px; right: -160px; } #OQF_Ele2{} #OQF_Ele3{ top: -130px; right: 17px; } #OQF_EleImg1{} #OQF_EleImg2{ right: 45px; } #OQF_EleImg3{} #OQF_BG{ width: 832px; height: 568px; -webkit-mask-size: 620px; margin-top: -829px; } #ComoFazemos{} #CF_Elementos{} #CF_Textos{ margin-left: 450px; } #CF_Ele1{ margin-left: 350px; -webkit-mask-size: 120px; margin-top: 223px; top: -110px; } #CF_EleImg1{ width: 228px; height: 254px; -webkit-mask-size: 227px; margin-left: 330px; } #CF_Ele2{ margin-left: 160px; } #CF_EleImg2{ width: 221px; height: 214px; -webkit-mask-size: 204px; margin-left: 400px; } #CF_Ele3{ margin-left: 136px; } #CF_EleImg3{ width: 205px; height: 404px; -webkit-mask-size: 202px; } #CF_EleImg4{ margin-left: 200px; } #CF_BG{ margin-left: -131px; width: 720px; height: 560px; -webkit-mask-size: 594px; } #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{} #CF_Subtitulo strong{} #CF_Pontos{} .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{ font-size: 109px; margin-left: 30px; margin-top: -310px; } #InsBlocaoBlack{ } #InsBlocaoBlackTit{ font-size: 45px; margin-left: 60px; padding-top: 30px; } #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{} #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{} #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{ left: 120px; margin-top: -150px; } #Ins_Titulo strong{} #Ins_Texto{ } #Ins_Texto strong{} #Ins_Blocos{ left: 620px; margin-top: -370px; } #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{ top: -1400px; left: -40px; } #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{ font-size: 56px; margin-top: 60px; } #EntregasTxt{ font-size: 26px; line-height: 36px; margin-bottom: 560px; } #EntregasTxt strong{} #EntregasCarrossel{} #EntregasCarrossel img{} #Clientes{} #ClientesTit{padding-top: 20px;} #ClientesSub{ } #ClinstesLogos1{ } #ClinstesLogos1 img{} #ClinstesLogos2{ } #ClinstesLogos2 img{} #Founder{} #FounderBox{ left: 848px; width: 200px; margin-top: -660px; } #FounderFoto{} #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{ margin-top: 220px; } #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{ left: 880px; margin-top: -40px; } .is-inview{ } } /** LARGURA DE 1024px **/ @media screen and (max-width: 1030px) and (min-width: 768px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{ width: 220px; } #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{} #Home_TitSomos{margin-top: -19px;} #Home_Txt1{ margin-top: -3px; } #Home_BG1{} #Home_Imagem1{width: 450px;margin-top: -200px;margin-left: -215px;} .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{ font-size: 24px; width: 429px; left: 80px; line-height: 32px; } #OQF_Txt strong{} #OQF_Elementos{ right: -580px; top: 240px; } #OQF_Ele1{ width: 240px; height: 151px; -webkit-mask-size: 195px; right: -160px; } #OQF_Ele2{} #OQF_Ele3{ top: -130px; right: 17px; } #OQF_EleImg1{} #OQF_EleImg2{ right: 45px; } #OQF_EleImg3{} #OQF_BG{ width: 832px; height: 568px; -webkit-mask-size: 620px; margin-top: -829px; } #ComoFazemos{} #CF_Elementos{} #CF_Textos{ margin-left: 450px; } #CF_Ele1{ margin-left: 350px; -webkit-mask-size: 120px; margin-top: 223px; top: -110px; } #CF_EleImg1{ width: 228px; height: 254px; -webkit-mask-size: 227px; margin-left: 330px; } #CF_Ele2{ margin-left: 160px; } #CF_EleImg2{ width: 221px; height: 214px; -webkit-mask-size: 204px; margin-left: 400px; } #CF_Ele3{ margin-left: 136px; } #CF_EleImg3{ width: 205px; height: 404px; -webkit-mask-size: 202px; } #CF_EleImg4{ margin-left: 200px; } #CF_BG{ margin-left: -131px; width: 720px; height: 560px; -webkit-mask-size: 594px; } #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{} #CF_Subtitulo strong{} #CF_Pontos{} .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{ font-size: 109px; margin-left: 30px; } #InsBlocaoBlack{ } #InsBlocaoBlackTit{ font-size: 45px; margin-left: 60px; padding-top: 30px; } #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{} #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{} #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{ left: 120px; margin-top: -150px; } #Ins_Titulo strong{} #Ins_Texto{ } #Ins_Texto strong{} #Ins_Blocos{ left: 620px; margin-top: -370px; } #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{ top: -1400px; left: -40px; } #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{ font-size: 56px; margin-top: 60px; } #EntregasTxt{ font-size: 26px; line-height: 36px; margin-bottom: 530px; } #EntregasTxt strong{} #EntregasCarrossel{} #EntregasCarrossel img{} #Clientes{} #ClientesTit{padding-top: 20px;} #ClientesSub{ } #ClinstesLogos1{ } #ClinstesLogos1 img{} #ClinstesLogos2{ } #ClinstesLogos2 img{} #Founder{} #FounderBox{ left: 798px; width: 200px; margin-top: -660px; } #FounderFoto{} #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{} #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{ left: 880px; margin-top: -40px; } .is-inview{ } } /** LARGURA DE 768px **/ @media screen and (min-width: 500px) and (max-width: 900px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{ display: none; } nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{ height: auto; } #Home_TitSomos{ margin-top: 218px; font-size: 50px; left: 40px; top: 20px; } #Home_Txt1{ margin-top: 233px; right: 40px; font-size: 22px; top: 20px; } #Home_BG1{ height: 530px; } #Home_Imagem1{width: 300px;top: 317px;margin-left: -140px;} .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{ left: 190px; top: 470px; } #OQF_Txt strong{} #OQF_Elementos{ right: -250px; top: 760px; } #OQF_Ele1{} #OQF_Ele2{} #OQF_Ele3{} #OQF_EleImg1{} #OQF_EleImg2{} #OQF_EleImg3{} #OQF_BG{} #ComoFazemos{} #CF_Elementos{ margin-top: 2260px; margin-left: -50px; } #CF_Textos{ margin-left: 140px; margin-top: -1260px; margin-bottom: 180px; } #CF_Ele1{} #CF_EleImg1{} #CF_Ele2{} #CF_EleImg2{} #CF_Ele3{} #CF_EleImg3{} #CF_EleImg4{} #CF_BG{} #CF_Titulo{ margin-left: 3px; } #CF_Titulo strong{} #CF_Subtitulo{} #CF_Subtitulo strong{} #CF_Pontos{} .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{ font-size: 79px; margin-bottom: 210px; margin-top: 340px; } #InsBlocaoBlack{ } #InsBlocaoBlackTit{ font-size: 40px; margin-bottom: 0; top: 10px; } #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{} #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{} #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{ } #Ins_Titulo strong{} #Ins_Texto{ } #Ins_Texto strong{} #Ins_Blocos{ left: 483px; margin-top: -120px; } #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{ left: 120px; } #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{ width: auto; font-size: 44px; margin-left: 60px; } #EntregasTxt{ width: auto; padding-left: 87px; padding-right: 40px; margin-bottom: 30px; } #EntregasTxt strong{} #EntregasCarrossel{ } #EntregasCarrossel img{} #Clientes{} #ClientesTit{ } #ClientesSub{ } #ClinstesLogos1{ } #ClinstesLogos1 img{} #ClinstesLogos2{ } #ClinstesLogos2 img{} #Founder{} #FounderBox{ margin-bottom: -120px; left: 0; width: 60%; margin-top: 0; padding-left: 110px; padding-top: 50px; } #FounderFoto{height: 420px;} #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{ } #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{top: 0;margin-top: 40px;left: 923px;} .is-inview{ } } @media screen and (min-width: 2000px) and (max-width: 5000px){ #OQF_Ele1 img{} #OQF_Ele2 img{} #OQF_Ele3 img{} #OQF_EleImg1 img{} #OQF_EleImg2 img{} #OQF_EleImg3 img{} #OQF_BG img{} #CF_Ele1 img{} #CF_EleImg1 img{} #CF_Ele2 img{} #CF_EleImg2 img{} #CF_Ele3 img{} #CF_EleImg3 img{} #CF_EleImg4 img{} #CF_BG img{} #Ins_Bloco_1 img{} #Ins_Bloco_2 img{} #Ins_Bloco_3 img{} #Ins_Bloco_4 img{} #Ins_Bloco_5 img{} #Ins_Bloco_6 img{} #Ins_Bloco_Circulo img{} body{} header{} #Clear{} #Logo{} #Logo img {} #Chamada{} nav{} nav ul{} nav ul li{} #Idiomas{} #Idiomas a{} .sitebase{} #Home{} #Home_TitSomos{ left: 610px; top: 650px; } #Home_Txt1{ right: 503px; top: 652px; } #Home_BG1{} #Home_Imagem1{ top: 650px; } .mask-img {} .object-mask {} #OQueFazemos{} #OQF_Txt{ left: 810px; } #OQF_Txt strong{} #OQF_Elementos{ right: -1970px; } #OQF_Ele1{} #OQF_Ele2{} #OQF_Ele3{} #OQF_EleImg1{} #OQF_EleImg2{} #OQF_EleImg3{} #OQF_BG{} #ComoFazemos{} #CF_Elementos{ margin-left: -150px; } #CF_Textos{ margin-left: 960px; } #CF_Ele1{} #CF_EleImg1{} #CF_Ele2{} #CF_EleImg2{} #CF_Ele3{} #CF_EleImg3{} #CF_EleImg4{} #CF_BG{} #CF_Titulo{} #CF_Titulo strong{} #CF_Subtitulo{} #CF_Subtitulo strong{} #CF_Pontos{} .CF_Pontos_Box{} .CF_Pontos_Box_Abre{} .CF_Pontos_Box_Tit{} .CF_Pontos_Box_Linha{} .CF_Pontos_Box_Txt{} #Insights{} #Ins_Titzao{margin-bottom: 170px;} #InsBlocaoBlack{ top: 320px; } #InsBlocaoBlackTit{top: -290px;} #InsBlocaoBlackTit strong{} #InsBlocaoBlackTxt{} #InsBlocaoBlackTxt strong{} #InsBlocaoBlack_Block{} #InsBlocaoBlack_Block_Abre{} #InsBlocaoBlack_Block_Tit{} #InsBlocaoBlack_Block_Txt{} .InsBlocaoBlack_Pontos_Box_Linha{} #Ins_Titulo{ left: 350px; margin-top: -710px; } #Ins_Titulo strong{} #Ins_Texto{ left: 350px; } #Ins_Texto strong{} #Ins_Blocos{ left: 1590px; margin-top: -370px; height: 1190px; } #Ins_Bloco{} #Ins_Blocos_Blocos{} #Ins_Bloco_1{} #Ins_Bloco_2{} #Ins_Bloco_3{} #Ins_Bloco_4{} #Ins_Bloco_5{} #Ins_Bloco_6{} #Ins_Bloco_Circulo{} #Ins_Bloco_Abre{} #Ins_Bloco_Tit{} #Ins_Bloco_Txt{} #Entregas{} #EntregasTit{ margin-top: 550px; } #EntregasTxt{ margin-bottom: 80px; } #EntregasTxt strong{} #EntregasCarrossel{ margin-top: 600px; } #EntregasCarrossel img{} #Clientes{} #ClientesTit{ margin-top: 0; } #ClientesSub{ } #ClinstesLogos1{ } #ClinstesLogos1 img{} #ClinstesLogos2{ } #ClinstesLogos2 img{} #Founder{} #FounderBox{ left: 1880px; } #FounderFoto{height: 1180px;} #FounderAbout{} #FounderTit{} #FounderLinha{} #FounderTxt{} #CaixaBase{} #Rodape{ margin-bottom: -110px; } #CaixaPreta{} #CaixaPretaInt{} #CaixaPretaTit{} #CaixaPretaInfo1{} #CaixaPretaInfo2{} #InsBlocaoBlackTxtBlock{top: -430px;} .is-inview{ } } /** * 12.0 Print * ----------------------------------------------------------------------------- */ @media print {} .echo { }