.hide-desktop { display:none; } /* Smartphones até iphone 6 */ @media screen and (max-device-width:1024px) { .hide-mobile { display:none; } .hide-desktop { display:block; } .inner { width:100%; } header .row { margin:0px; box-sizing:border-box; padding:5px 20px; background-color:#056640; position:relative; } header .row .search { float:left; margin-right:0px; transition:all 0.2s 0.2s, width 0.2s; } header .row .search form .btn-1 { display:none; } header .row .search form .btn-2 { left:0px; padding:3px 10px 3px 0px; background-color:transparent; } header .row .search.active form .btn-2 { left:auto; padding:3px 10px 3px 7px; background-color:#3FD17C; transition:all 0.2s, width 0.2s 0.2s, background-color 0.1s 0.2s; } header .row .search.active { width:100%; } header .row .search form input[type="text"] { color:#FFF; transition:all 0.2s 0.2s, width 0.2s; } header .row .search.active form input[type="text"] { width:100%; color:#056640; transition:all 0.2s, width 0.2s 0.2s; } header .row .search form ::-webkit-input-placeholder { color:#FFF; } header .row .search form :-moz-placeholder { color:#FFF; } header .row .search form ::-moz-placeholder { color:#FFF; } header .row .search form :-ms-input-placeholder { color:#FFF; } header .row .language { float:none; position:absolute; top:5px; right:105px; margin-right:0px; opacity:1; transition:all 0.2s 0.2s;} header .row.active .language { opacity:0; pointer-events:none; transition:all 0.2s;} header .row .btn-login { float:none; position:absolute; top:5px; right:20px; color:#FFF; border-color:#FFF; opacity:1; transition:all 0.2s 0.2s;} header .row.active .btn-login { opacity:0; pointer-events:none; transition:all 0.2s;} header .row .btn-login:before { border-color:#FFF; } header .row .language .selected:after { border-color:#FFF; } header .logo { bottom:auto; top:60px; left:20px; width:140px;} header nav { width:100%; float:none; position:absolute; top:-590px; left:0px; padding-bottom:20px; background-color:#E1E8DF; opacity:0; transition:all 0.3s, opacity 0.1s; } header nav.active { top:130px; opacity:1; transition:all 0.3s, opacity 0.2s 0.2s; } header nav ul li { float:left; width:100%; height:auto; margin:0px; } header nav ul li a { width:100%; line-height: 120%; text-align:center; padding:10px 0px 12px; font-size:20px; } header #submenu { display:none; } header .btn-menu-mobile { position:absolute; width:25px; height:3px; top:79px; right:25px; background-color:#056640; } header .btn-menu-mobile:after { position:absolute; content:''; width:25px; height:3px; top:-9px; right:0px; background-color:#056640; } header .btn-menu-mobile:before { position:absolute; content:''; width:25px; height:3px; bottom:-9px; right:0px; background-color:#056640; } /*partners bar*/ header.partners-active{height:210px;} header { width:100%; /*position:fixed;*/ } header .header-logo-menu{ margin-top: 140px; } header .header-link{ margin-top: 150px; } body.partners-active{ padding-top: 210px; } header.partners-active .logo{ top:140px; } header.partners-active .btn-menu-mobile{ top:160px; } header.partners-active .partners .partner .text{ float: left; padding-top:0; margin-right: 0; width: 100%; } header.partners-active .partners .partner .text p{ text-align: center; font-size: 15px; } header.partners-active .partners .partner .btns{ margin-top: 10px; float: left; width: 100%; } header.partners-active .partners .partner .btn{ width: calc(50% - 50px); margin:0px 20px; } header.partners-active .partners .partner .btn:first-of-type{ margin-right: 20px; } header.partners-active nav.active{ top: 210px; } header.partners-active .partners .row.partner{ display: unset; } #hover-menu { display:none; } /* SECTIONS */ section h2.title { font-size:28px; padding:0px 20px; box-sizing:border-box; } section p.text { padding:0px 20px; box-sizing:border-box; } /* HOME DESTAQUE */ section#destaque { height:250px; background-size:cover;} section#destaque .wrapper { height:250px; margin-left:-50px; } section#destaque .wrapper .content { height:250px; width:210px;} section#destaque .wrapper .content h2 { bottom:10px; left:10px; width:calc(100% - 20px); font-size:26px; line-height:33px; } /* HOME LINHAs */ section#produtos { height:420px; } section#produtos .wrapper { height:300px; overflow:hidden; position:relative; } section#produtos .inner { position:absolute; top:0px; left:0px; height:300px; width:720px; margin:0px 30px; } section#produtos .inner .triangle { display:none; } section#produtos .item { width:120px; height:300px; } section#produtos .item:nth-child(3) { left:120px; } section#produtos .item:nth-child(4) { left:240px; } section#produtos .item:nth-child(5) { left:360px; } section#produtos .item:nth-child(6) { left:480px; } section#produtos .item:hover { width:180px; } section#produtos .item .image { width:180px; margin-left:-90px;} section#produtos .item .image img { width:180px; } section#produtos .item .image a { pointer-events:none; } section#produtos .item .info { height:75px; } section#produtos .item .info img { width:90%; top:15px; left:50%; margin-left:-80px; } section#produtos h2.title:after{z-index: 1;} /* HOME ESPECIALIDADES */ section#especialidades { height:600px; overflow:hidden; } section#especialidades .inner { height:630px; } section#especialidades .itens { position:absolute; width:900px; height:300px; bottom:150px; transition:all 0.2s; } section#especialidades .itens .item { width:300px; height:300px; } section#especialidades .itens .item a { pointer-events:none; } section#especialidades .itens .item.active a { pointer-events:all; } section#especialidades .itens .item:nth-child(1) { left:0px; } section#especialidades .itens .item:nth-child(2) { left:300px; } section#especialidades .itens .item:nth-child(3) { left:600px; } section#especialidades .itens .item h4 { width:300px; height:300px; } /* HOME SOBRE */ section#sobre { height:700px; background:url('../img/bg-home-sobre.jpg') bottom center no-repeat; background-size:cover; } section#sobre .wrapper { top:570px; height:560px; } section#sobre .wrapper.active { top:80px; } section#sobre .wrapper p { padding:0px 20px; box-sizing:border-box; font-size:16px; line-height:18px; } section#sobre .btn-mais { margin:0px; margin-left:calc(50% - 88px); } /* HOME LINKS */ section#links { width:100%; padding:30px; box-sizing:border-box; } section#links .item { width:100%; height:160px; padding-bottom:0px; position:relative; overflow:hidden; background-color:#000;} section#links .item > img { float:none; position:absolute; top:0px; left:50%; margin-left:-50%; width:100%; opacity:0.7; } section#links .item h4 { float:none; position:absolute; top:10px; left:10px; width:100%; padding:0px; margin:0px; color:#FFF; font-size:20px; } section#links .item a { float:none; position:absolute; bottom:10px; right:10px; width:100%; padding:0px; margin:0px; color:#FFF; font-size:20px; text-align:right; } section#links .item a:hover { color:#FFF; } section#links .item p { display:none; } /* HOME RESPONSABILIDADE */ section#responsabilidade { height:1530px; overflow:hidden; } section#responsabilidade .inner { height:640px; } section#responsabilidade .itens { position:absolute; width:940px; height:200px; bottom:150px; transition:all 0.2s; } section#responsabilidade .itens .item { position:absolute; float:none; width:300px; height:200px; margin:0px; } section#responsabilidade .itens .item:nth-child(1) { left:0px; } section#responsabilidade .itens .item:nth-child(2) { left:320px; } section#responsabilidade .itens .item:nth-child(3) { left:640px; } section#responsabilidade .itens .item h4 { margin-top:20px; font-size:20px; text-align:center; } section#responsabilidade .itens .item p { display:none; } section#responsabilidade .itens .item .btn { margin:0px 42px; } /* HOME NOTICIAS */ section#noticias { height:910px; margin-top:-970px; } section#noticias .itens .item { width:260px; height:auto; margin-right:0px; margin-left:calc(50% - 130px); } section#noticias .itens .item:first-child { margin-bottom:20px; } section#noticias .itens .item .image { width:260px; height:206px; margin-bottom:20px; } section#noticias .itens .item h4 { width:100%; margin:0px 0px 20px 0px; } section#noticias .itens .item p { display:none; } section#noticias .itens .item .info { position:relative; float:left; width:100%; } /* FOOTER */ footer #footer-menu { display:none; } footer .widgets .widget:nth-child(1) { display:none; } footer .widgets .widget { width:100% !important; box-sizing:border-box; } footer .widgets .widget h3 { font-size:24px; text-align:center; } footer .widgets .widget p.info { font-size:18px; font-weight:400; margin-bottom:15px; } footer .widgets .widget .newsletter { display:none; } footer .widgets .widget .icon-social { width:65px; } footer .widgets .widget a:nth-of-type(1) .icon-social { margin-left:calc(50% - 70px); } footer .subfooter p.text { float:left !important; width:100%; text-align:center !important; } footer .subfooter p.text:first-child { margin-bottom:20px; } footer .subfooter p.text small { right:50%; margin-right:-44px; } footer .subfooter img.logo-designio { display:none; } /* SECTION HEADER */ section#content-header { height:250px; background-size:cover; } section#content-header .wrapper { height:250px; margin-left:-50px; } section#content-header .wrapper .content { height:250px; width:230px;} section#content-header .wrapper .content h2 { bottom:10px; left:10px; width:calc(100% - 20px); font-size:30px; line-height:33px; } /* SOBRE */ .sobre-parallax { height:320px; background-size:cover; } .sobre-parallax#parallax-1 h2 { padding:115px 20px; } #sobre-texto-2 .text { width:100%; margin:20px 0px; } #sobre-texto-2 .image-1, #sobre-texto-2 .image-2 { display:none; } #sobre-texto-2 img { float:none; display:block; width:calc(100% - 40px); margin:0px auto; } #sobre-historia h2.sub-title { width:100%; margin-left:0px; left:auto; font-size:18px; padding-top:50px; background:url('../img/sobre-bg-title-mobile.png') center 7px no-repeat; } #sobre-historia .timeline { display:none; } #sobre-historia .timeline-mobile { float:left; width:100%; height:50px; position:relative; margin-bottom:30px; } #sobre-historia .timeline-mobile .date { position:absolute; top:0px; left:50%; width:130px; margin-left:-65px; height:42px; padding:4px 0px 0px; border:2px #FFF solid; border-radius:3px; background-color:#28B266; color:#FFF; text-transform:uppercase; text-align:center; font-size:40px; opacity:0; transition:all 0.2s;} #sobre-historia .timeline-mobile .date.active { opacity:1; } #sobre-historia .timeline-mobile .date span { cursor:pointer; pointer-events:none; } #sobre-historia .timeline-mobile .date.active span { pointer-events:all; } #sobre-historia .timeline-mobile .date span.left { position:absolute; content:''; top:8px; left:-80px; width:45px; height:30px; background:url('../img/sobre-btn-left-mobile.png') 0px 0px no-repeat; } #sobre-historia .timeline-mobile .date span.right { position:absolute; content:''; top:8px; right:-80px; width:45px; height:30px; background:url('../img/sobre-btn-right-mobile.png') 0px 0px no-repeat; } #sobre-historia .content { float:left; width:calc(100% - 40px); height:auto; margin:0px 20px; } #sobre-historia .content .images { width:100%; height:auto; } #sobre-historia .content .images img { width:100%; height:auto; } #sobre-historia .content .infos { width:100%; } #sobre-historia .content .infos .info { width:100%; } #sobre-historia .content .infos .info p { padding:0px; font-size:17px; } #sobre-bndes img { float:left; width:calc(100% - 40px); margin:0px 20px 30px 20px; } #sobre-bndes .info { width:100%; } #sobre-missao .box.right { float:left; height:auto; margin-right:20px; } #sobre-missao .box.left { float:left; height:auto; margin-left:20px; } #sobre-missao .box { position:relative; float:left; width:calc(100% - 40px); margin:0px 20px 20px 20px; transition:all 0.2s;} #sobre-missao .box:last-child { margin-bottom:0px; } #sobre-missao .box h3 { box-sizing:border-box; padding-right:20px; margin-bottom:0px; } #sobre-missao .box p { padding:0px; display:none; } #sobre-missao .box ul { display:none; } #sobre-missao .box .close { position:absolute; top:32px; right:30px; width:15px; height:15px; border-top:5px #FFF solid; border-right:5px #FFF solid; transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:all 0.2s;} #sobre-missao .box.active h3 { margin-bottom:25px; } #sobre-missao .box.active p, #sobre-missao .box.active ul { display:block; } #sobre-missao .box.active .close { transform:rotate(135deg); -webkit-transform:rotate(135deg); } #sobre-qualidade .itens .item { width:calc(25% - 20px); height:auto; margin:0px 10px 20px 10px !important; } #sobre-carreira { height:320px; background:url('../img/sobre-bg-3.jpg') -140px center no-repeat; background-size:1400px;} #sobre-carreira .inner { height:320px; position:relative;} #sobre-carreira .right { display:none; } #sobre-carreira .left { width:100%; } #sobre-carreira .left h2 { font-size:30px; color:#FFF; text-align:center; } #sobre-carreira .left p { display:none; } #sobre-carreira .button { position:absolute; bottom:0px; left:50%; margin-left:-70px; } /* PRODUTOS */ #produtos-lista-categorias .item .content .image { position:absolute; top:0px; right:0px; width:100%; opacity:0.3; } #produtos-lista-categorias .item .content .info { float:none; position:absolute; top:0px; left:0px; width:100%; height:370px; box-sizing:border-box; } #produtos-lista-categorias .item .content .info h3 { font-size:30px; text-align:center; } #produtos-lista-categorias .item .content .info p { display:none; } #produtos-lista-categorias .item .content .info .btn { right:50%; margin-right:-130px; } #produtos-lista-categorias .item .hover .close { top:-30px; right:10px; } #produtos-lista-categorias .item .hover h2.title { font-size:20px; } #produtos-lista-categorias .item .hover .itens .produto { width:calc(50% - 30px); height:auto; margin:0px 15px 30px; } #produtos-lista-categorias .item .hover .itens .produto:nth-child(5n+5) { margin:0px 15px 30px; } #produtos-lista-categorias .item .hover .itens .produto img { margin:-14px 0px 0px; width:100%; height:auto; } #produtos-lista-categorias .item .hover .itens .produto h4 { font-size:17px; } #produtos-lista-categorias .item-2 .content .info .btn { margin-right:-75px; } #produtos-lista-categorias .item-6 .content .info .btn { margin-right:-75px; } #produtos-lista-categorias .item-1.active { height:510px; } #produtos-lista-categorias .item-3.active { height:920px; } #produtos-lista-categorias .item-5.active { height:550px; } /* PRODUTO INTERNA */ #produto-header { height:340px; padding:0px; } #produto-header .bg { height:340px; margin-left:45px; transform:skew(-10deg); -webkit-transform:skew(-10deg); } #produto-header .left { width:70%; height:320px; padding:30px 20px; } #produto-header .left p.text { display:none; } #produto-header .left h2.title { padding:0px; font-size:25px; } #produto-header .left .btn { left:20px; right:auto; } #produto-header img { top:80px; right:20px; width:230px; } #produto-texto .inner { padding:0px 20px; box-sizing:border-box; } #produto-caracteristica .itens { width:calc(100% - 40px); margin:0px 20px; } #produto-caracteristica .itens.col-1 .item { width:100%; } #produto-caracteristica .itens.col-2 .item { width:100%; } #produto-caracteristica .itens .item img { width:100px; margin-right:20px; } #produto-caracteristica .itens.col-1 .item .info { width:calc(100% - 130px); } #produto-caracteristica .itens.col-2 .item .info { width:calc(100% - 130px); } #produto-caracteristica .itens .item .info ul { box-sizing:border-box; word-break:break-word;} #produto-diferenciais .image img { float:left; position:relative; margin-bottom:20px; width:calc(100% - 40px); margin-left:0px; left:20px; } #produto-diferenciais .image .text { float:left !important; width:calc(100% - 40px); margin-left:20px; } #produto-informacoes-tecnicas .itens { width:calc(100% - 40px) !important; margin-left:20px; box-sizing:border-box; } #produto-informacoes-tecnicas .itens .item { width:100% !important; box-sizing:border-box; border:none; } #produto-informacoes-tecnicas .itens .item ul { box-sizing:border-box; } #produto-categoria .itens .produto { width:calc(50% - 30px); height:auto; margin:0px 15px 30px; } #produto-categoria .itens .produto:nth-child(5n+5) { margin:0px 15px 30px; } #produto-categoria .itens .produto img { margin:-14px 0px 0px; width:100%; height:auto; } #produto-categoria .itens .produto h4 { font-size:17px; } #produto-thumbs { display:none; } #produto-galeria .slider .slider-wrapper { width:100%; margin:0px; } #produto-galeria .slider .slider-wrapper .slider-inner .item img { width:100%; } #produto-galeria .slider span.nav.right { right:10px; } #produto-galeria .slider span.nav.left { left:10px; } #produto-duvidas .itens { width:calc(100% - 40px); margin:0px 20px; } #produto-duvidas .itens .item { height:140px; } #produto-textos .itens .item { width:calc(100% - 40px) !important; margin:0px 20px 20px; } /* NOTICIAS */ #noticia-lista { } #noticia-lista .inner { width:100%; } #noticia-lista .itens .item { width:300px; height:auto; margin-right:0px; margin-left:calc(50% - 150px); } #noticia-lista .itens .item:first-child { margin-bottom:20px; } #noticia-lista .itens .item .image { width:300px; height:238px; margin-bottom:20px; } #noticia-lista .itens .item h4 { width:100%; margin:0px 0px 20px 0px; } #noticia-lista .itens .item p { display:none; } #noticia-lista .itens .item .info { position:relative; float:left; width:100%; } /* NOTICIA INTERNA */ #noticia article { width:calc(100% - 40px) !important; margin:0px 20px 20px; } #noticia article h2 { font-size:30px; text-align:center; } #noticia article h3 { font-size:21px; text-align:center; line-height:25px; } #noticia article .content .featured-image { height:auto; } #noticia aside { float:none; width:315px; display:block; margin:0px auto; } /* AREA INTERNA */ #cliente .itens { width:calc(100% - 40px) !important; margin:0px 20px 20px; } #cliente .itens .item { width:100%; margin-left:0px !important; margin:0px 0px 20px 0px; } #cliente .itens .item p { width:calc(100% - 80px); } #cliente .itens .item a.btn { margin-left:calc(100% - 90px); } /* ESPECIALIDADES LISTA */ #especialidades-itens .item { height:485px; } #especialidades-itens .item .info { width:calc(100% - 40px) !important; height:480px; top:0px; left:20px; box-sizing:border-box;} #especialidades-itens .item .info p { display:none; } #especialidades-itens .item .info h3 { font-size:20px; height:40px; } #especialidades-itens .item .image { top:160px; right:40px; width:calc(100% - 80px); border:none; height:215px; z-index:2; background-size:cover; } /* ESPECIALIDADES INTERNA */ #especialidades-itens-interna .item { height:485px; } #especialidades-itens-interna .item .info { width:calc(100% - 40px) !important; height:480px; top:0px; left:20px; box-sizing:border-box;} #especialidades-itens-interna .item .info p { display:none; } #especialidades-itens-interna .item .info h3 { font-size:20px; height:40px; } #especialidades-itens-interna .item .image { top:160px; right:40px; width:calc(100% - 80px); border:none; height:215px; z-index:2; background-size:cover; } #especialidades-itens-interna .item .image img { width:auto; height:180px; margin:17px auto 0px; } /* ASSISTENCIA/DISTRIBUIDORES */ #assistencia-links .itens { display:none; } #assistencia-content { height:874px; } #assistencia-mapa { height:540px; } #assistencia-mapa #map { height:540px; } #assistencia-mapa .info-box { width:calc(100% - 40px) !important; top:0px; left:20px; margin-right:0px; right:auto; } #assistencia-contato .inner { width:100%; } #assistencia-contato p { width:calc(100% - 40px); margin-left:20px; padding:0px !important; } #assistencia-contato p.left { border:none; } #assistencia-contato form .left { width:100%; margin-right:0px; } #assistencia-contato form .right { width:100%; } #assistencia-contato form .input-linha, #assistencia-contato form .input-produto, #assistencia-contato form .input, #assistencia-contato form .input-nome, #assistencia-contato form .input-telefone { width:100%; } #assistencia-contato form .input-estado { width:80px; } #assistencia-contato form .input-cidade { width:calc(100% - 95px); } /* RESPONSABILIDADE */ #responsabilidade-praticas ul.menu { width:100%; } #responsabilidade-praticas ul.menu li.active:after { display:none; } #responsabilidade-praticas .content { width:calc(100% - 40px) !important; margin:0px 20px; } #responsabilidade-praticas .itens { width:100%; } #responsabilidade-praticas .itens .item { width:100%; height:auto; min-height:360px; background-color:#F6F5EE; z-index:2; display:none; } #responsabilidade-praticas .itens .item img { display:none; } #responsabilidade-praticas .itens .item h3 { width:100%; } #responsabilidade-praticas .itens .item p { width:100%; font-size:14px; line-height:16px; } #responsabilidade-praticas .itens .item .close { position:absolute; top:10px; right:10px; width:20px; height:20px; background-color:#26B254; border-radius:50%; } #responsabilidade-praticas .itens .item .close:before { position:absolute; content:''; top:8px; left:3px; width:14px; height:4px; background-color:#F6F5EE; transform:rotate(45deg); -webkit-transform:rotate(45deg); } #responsabilidade-praticas .itens .item .close:after { position:absolute; content:''; top:8px; left:3px; width:14px; height:4px; background-color:#F6F5EE; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); } #responsabilidade-acoes .item { width:calc(100% - 20px); height:auto; } #responsabilidade-acoes .item.left { margin-left:20px; border-right: none; } #responsabilidade-acoes .item.right { margin-right:20px; border-left: none; } #responsabilidade-acoes .item .info { width:100%; } #responsabilidade-acoes .item .info h3 { height:102px; margin-bottom:240px; padding-bottom:0px; } #responsabilidade-acoes .item .info p { font-size:16px; line-height:20px; } #responsabilidade-acoes .item .image { width:calc(100% - 40px); height:200px; top:150px; left:20px !important; right:auto !important; border-right:none !important; border-left:none !important; border-radius:10px; } #responsabilidade-acoes .item .image .skew, #responsabilidade-acoes .item.left .image .skew, #responsabilidade-acoes .item.right .image .skew { width:100%; height:200px; transform:skew(0deg); right:0px; left:0px; border:none; } #responsabilidade-acoes .item .image .skew img, #responsabilidade-acoes .item.left .image .skew img, #responsabilidade-acoes .item.right .image .skew img { width:100%; height:auto; transform:skew(0deg); right:0px; left:0px; border:none; } /* CONTATO */ /*#contato-form p.text{ width: 80%; }*/ #contato-form{height: 1500px;} #contato-form .inner{ height: 100%; } #contato-form .left { float:left; width:calc(100% - 40px); bottom:0; margin-left:20px; position:absolute; top:auto; left:auto; } #contato-form .left form .input-linha, #contato-form .left form .input-produto, #contato-form .left form .input, #contato-form .left form .input-nome, #contato-form .left form .input-assunto, #contato-form .left form .input-telefone { width:100% !important; margin-left:0px; } #contato-form .left form .input-estado { width:80px; } #contato-form .left form .input-cidade { width:calc(100% - 95px); } #contato-form .right { float:left; width:calc(100% - 40px); margin-left:20px; margin-bottom:20px; } #contato-form .right h3, #contato-form .right p { text-align:center; } #contato-form .right .icons a:first-child img { margin-left:calc(50% - 73px); } #contato-form .right .icons .btn { width:100%; text-align:center; margin-top:20px; box-sizing:border-box; } #contato-form .right .icons .btn:after { opacity:0; } #contato-mapa { height:600px; } #contato-mapa .info { height:600px; margin-left:0px; left:360px; background-size:auto 600px; transition:all 0.3s;} #contato-mapa .info.active { left:-70px; } #contato-mapa .info h2.title { display:none; } #contato-mapa .info p.text { display:none; } #contato-mapa .info .info-inner { width:345px; margin-left:80px; } #contato-mapa .info h2.title:after { display:none; } #contato-mapa .info .box { width:100%; } #contato-mapa .info .box .images { width:100%; height:180px; overflow:hidden; } #contato-mapa .info .box .images img { width:auto; height:100%; } #contato-mapa .info .box .text { width:100%; } #contato-mapa .info .box .text .city { width:100%; } #contato-mapa .info .box .text .city h3 { font-size:20px; } #contato-mapa .info .box .text .city p { font-size:16px; line-height:17px } #contato-mapa .info .btn-voltar { float:left; width:90px; margin-top:30px; } #contato-mapa .mapa { width:360px; height:650px; right:auto; left:0px; margin-right:0px; background:url('../img/contato-mapa.png') -110px 80px no-repeat; background-size:460px; transition:all 0.3s;} #contato-mapa .mapa.active { left:-360px; } #contato-mapa .mapa .mark-1 { top:210px; } #contato-mapa .mapa .mark-2 { top:385px; right:130px; } #contato-mapa .mapa .mark-3 { top:480px; right:180px; } #contato-mapa .mapa .mark-4 { top:500px; right:185px; } /* P&D */ #ped-texto p.text.left { width:100%; } #ped-texto img { width:100%; height:auto; } #ped-unidades .itens .item { width:calc(100% - 40px); margin-left:20px; background-color:#F6F7F9; } #ped-unidades .itens .item .info { width:100%; } #ped-unidades .itens .item .bg { display:none; } #ped-unidades .itens .item img { display:none; } #ped-parcerias .itens { width:100%; margin-left:0px; } #ped-parcerias .itens .item { width:calc(100% - 40px); margin-left:20px; margin-right:0px; } #ped-parcerias .itens .item img { margin-left:calc(50% - 100px); } /* INVESTIDORES */ #investidores-info .box { width:calc(100% - 40px); margin-left:20px; margin-bottom:20px; box-sizing:border-box; } #investidores-info .box:first-child { margin-right:0px; } #investidores-info .box h3 { height:auto; } /* CARREIRA */ #carreira-form .left { width:100%; padding:60px 0px; } #carreira-form .right { float:left; position:relative; width:100%; height:auto; left:0px; margin-left:0px; padding:40px 20px; box-sizing:border-box; } #carreira-form .right form { width:100%; } #carreira-form .right form .input-linha, #carreira-form .right form .input-produto, #carreira-form .right form .input, #carreira-form .right form .input-nome, #carreira-form .right form .input-curriculo, #carreira-form .right form .input-area, #carreira-form .right form .input-assunto, #carreira-form .right form .input-telefone { width:100% !important; margin-left:0px; } #carreira-form .right form .input-curriculo { margin-bottom:20px; } #carreira-form .right form .input-estado { width:80px; } #carreira-form .right form .input-cidade { width:calc(100% - 95px); } #carreira-mosaico .image-1 { width:100% } #carreira-mosaico div { width:32% !important; } #carreira-mosaico .image-4 { width:68%; } /* 404 */ #pagina-404 img { width:calc(100% - 40px); margin-left:20px; } /*POP UP*/ #popup .content{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; margin-top: 20px; display: unset; left: unset;position: unset;float: left;} #popup .content .grupo_fechar{top: 10px;} #popup .content .grupo_titulo h4{font-size: 22px;} #popup .content img {width: 90%; padding: 40px 10px 10px 10px;} #popup .content .grupo_texto{float: left;width: calc(100% - 60px);margin: 10px 30px 0px;} #popup .content .grupo_texto p{font-size: 11px; } #popup .content .grupo_texto p:last-of-type{ width: calc(100% - 60px);margin: 10px 30px 30px;font-size: 15px;padding: 5px 0px;} } /*Media Query APENAS pro recaptcha*/ @media screen and (max-device-width:375px){ #contato-form .g-recaptcha{ transform:scale(0.7); margin-left: -20%; } } /* Tablets e telas menores */ @media only screen and (min-device-width:734px) and (max-device-width:1024px) { .hide-mobile { display:none; } .hide-desktop { display:block; } /* HOME */ section#produtos { height:360px; } section#sobre .wrapper p { font-size:20px; line-height:25px; } section#links .item { margin-bottom:20px; background-color:#F6F5EE; } section#links .item > img { position:absolute; top:0px; left:0px; width:300px; height:auto; margin-left:0px; } section#links .item h4 { position:relative; float:right; width:calc(100% - 340px); margin-bottom:20px; margin-left:20px; padding:0px; color:#29c56f; } section#links .item p { display:block; float:right; width:calc(100% - 340px); margin-left:20px; font-size:16px; line-height:18px; padding:0px; } section#links .item a { color:#29c56f; } section#responsabilidade { height:1120px; } section#responsabilidade .inner { height:530px; } section#noticias { height:570px; margin-top:-630px; } section#noticias .itens .item { width:540px; height:150px; margin-left:calc(50% - 270px); } section#noticias .itens .item .image { width:189px; height:150px; margin-bottom:0px; } section#noticias .itens .item h4 { width:350px; margin:10px 0px; } section#noticias .itens .item p { display:block; } section#noticias .itens .item .info { width:350px; } /* SECTION ALL */ section#content-header .wrapper { margin-left:50px; } section#content-header .wrapper .content { width:290px; } /* SOBRE */ .sobre-parallax { height:240px; } .sobre-parallax#parallax-2 { background-position:center -130px; } #sobre-historia .content .images { height:300px; overflow:hidden; } #sobre-historia .content .images img { top:auto; bottom:-100px; } #sobre-historia .content .infos { height:280px; } #sobre-historia .content .infos .info { height:280px; } #sobre-bndes { display:none; } #sobre-carreira { background-size:2100px; } /* PRODUTO LISTA */ #produtos-lista-categorias .item .hover .itens .produto { width:calc(25% - 30px); } #produtos-lista-categorias .item-1.active { height:370px; } #produtos-lista-categorias .item-3.active { height:550px; } #produtos-lista-categorias .item-5.active { height:370px; } /* CLIENTE */ #cliente .itens .item { width:50%; padding:0px 10px; box-sizing:border-box; } /* PRODUTO INTERNA */ #produto-header .left { width:58%; } #produto-header img { top:40px; right:20px; width:320px; } #produto-header .left p.text { display:block; } #produto-galeria .slider .slider-wrapper .slider-inner .item img { width:auto; } #produto-categoria .itens .produto { width:calc(25% - 30px); } #produto-duvidas .itens .item { height:76px; } /* IMPRENSA */ #noticia-lista .itens .item { width:540px; height:150px; margin-left:calc(50% - 270px); } #noticia-lista .itens .item .image { width:189px; height:150px; margin-bottom:0px; } #noticia-lista .itens .item h4 { width:350px; margin:10px 0px; } #noticia-lista .itens .item p { display:block; } #noticia-lista .itens .item .info { width:350px; } /* IMPRENSA INTERNA */ #noticia aside { width:calc(100% - 40px); } #noticia aside .noticias .item { width:calc(50% - 20px); } #noticia aside .noticias .item:last-child { margin-left:20px; } #noticia aside .noticias .item h3 { height:92px; } /* CONTATO */ #contato-mapa .info .box .images img { width:100%; height:auto; } /* ESPECIALIDADES INTERNA */ #especialidades-itens-interna .item { width:50%; height:430px; } #especialidades-itens-interna .item .info { height:430px } #especialidades-itens-interna .item .image { top:110px; } /* INVESTIDORES */ #investidores-info .box { width:calc(50% - 30px); } }