/* Theme Name: Ambipar Theme URI: https://ambipar.com Description: Ambipar Template */ /*------------------------------------*\ TYPOGRAPHY \*------------------------------------*/ @font-face { font-family: "Neo Sans W1G"; src: local("Neo Sans W1G Bold"), local("NeoSansW1G-Bold"), url("fonts/NeoSansW1G-Bold.woff2") format("woff2"), url("fonts/NeoSansW1G-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Neo Sans W1G"; src: local("Neo Sans W1G"), local("NeoSansW1G-Regular"), url("fonts/NeoSansW1G-Regular.woff2") format("woff2"), url("fonts/NeoSansW1G-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Neo Sans W1G"; src: local("Neo Sans W1G Medium"), local("NeoSansW1G-Medium"), url("fonts/NeoSansW1G-Medium.woff2") format("woff2"), url("fonts/NeoSansW1G-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } /*------------------------------------*\ MAIN \*------------------------------------*/ .aviso-home { display: flex; flex-direction: column; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .aviso-home .aviso { position: relative; width: 95%; max-width: 600px; height: auto; padding: 20px 40px 10px 40px; text-align: center; background: #ccff03; box-shadow: 10px 11px 12px -12px rgb(0 0 0 / 75%); -webkit-box-shadow: 10px 11px 12px -12px rgb(0 0 0 / 75%); -moz-box-shadow: 10px 11px 12px -12px rgba(0, 0, 0, 0.75); border-radius: 20px; } .aviso-home .aviso #fechar-aviso { position: absolute; top: 5px; right: 15px; font-size: 1.4rem; font-weight: 600; } .aviso-home .aviso h5 { font-size: 2rem; padding: 0; margin: 5px 0 10px 0; text-transform: uppercase; } .aviso-home .aviso .numeros { font-weight: 600; } /* global box-sizing */ *, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* html element 62.5% font-size for REM use */ html { font-size: 62.5%; } body { font-family: "Neo Sans W1G", sans-serif; font-size: 2rem; line-height: 3rem; font-weight: 400; color: #000; /*background: #f6f6f3;*/ overflow-x: hidden; width: 100%; padding-top: 40px; } a:hover { text-decoration: none !important; } /*overflow-x hidden on mobile*/ .site { overflow-x: hidden; overflow-y: visible; position: relative; width: 100%; } /* clear */ .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; } .clear { *zoom: 1; } img { max-width: 100%; vertical-align: bottom; } a { color: #444; text-decoration: none; } a:hover { color: #444; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } input:focus { outline: 0; border: 1px solid #04a4cc; } .losango { overflow: hidden; padding-bottom: 350px; } .losango.penult { padding-top: 20px; padding-bottom: 200px; } .losango.last { padding-top: 50px; } .losango.pb50 { padding-bottom: 50px; } .losango h2 { margin-top: 150px; } .losango-content h2 { margin-top: 0; } .losango.grey h2 { margin: 100px 0 0 0; } .grey, body.page section.grey, body.single section.grey { background-color: #f6f6f3; } body.page p, body.single p { margin: 0 0 20px 0; } body.page section a:hover, body.single section a:hover { text-decoration: underline; } .first-anchor, .anchor { display: block; position: absolute; margin-top: -300px; height: 1px; } .anchor { margin-top: -200px; height: 1px; } /*------------------------------------*\ STRUCTURE \*------------------------------------*/ /* wrapper */ .wrapper { max-width: 1280px; width: 100%; padding: 0 40px; margin: 0 auto; position: relative; } /* top bar */ .top-bar { position: fixed; z-index: 999999; height: 40px; background: #ccff03; top: 0; left: 0; width: 100%; font-size: 1.6rem; } .top-bar span { display: inline-block; } .top-bar .emergency { position: relative; padding-left: 25px; } .top-bar .emergency::before { content: ""; position: absolute; display: inline-block; left: 0; top: 5px; width: 15px; height: 20px; background: url(https://ambipar.com/uk/wp-content/uploads/2021/06/ico_phone.png) no-repeat center; } .top-bar .contact { position: relative; margin: 0 30px; padding-left: 25px; } .top-bar .contact::before { content: ""; position: absolute; display: inline-block; left: 0; top: 10px; width: 19px; height: 12px; background: url(https://ambipar.com/uk/wp-content/uploads/2021/06/ico_envelope.png) no-repeat center; } .top-bar .country-select { margin-left: auto; } .top-bar .country-select .blk-country { position: relative; background-color: rgba(0, 0, 0, 0.3); width: 170px; border-radius: 5px; } .top-bar .country-select select { position: relative; z-index: 1; background-color: transparent; color: #fff; border: 0; outline: 0; width: 100%; padding: 0 10px; font-size: 1.4rem; text-transform: uppercase; -webkit-appearance: none; } .top-bar .country-select select option { color: #000; background-color: #ccff03; } .top-bar .blk-country::after { content: url(https://ambipar.com/uk/wp-content/uploads/2021/06/ico_arrow2.png); display: block; position: absolute; z-index: 0; top: 10px; right: 10px; width: 14px; height: 14px; line-height: 10px; } .top-bar > .wrapper { display: flex; height: 40px; flex-direction: row; justify-content: flex-start; align-items: center; } /* header */ .header, .sticky-header { position: fixed; top: 40px; left: 0; z-index: 110; width: 100%; min-height: 150px; padding: 15px 0 25px 0; } .sticky-header { min-height: 85px; background: #fff; padding: 20px 0 0 0; } .header .wrapper, .sticky-header .wrapper { display: flex; align-items: top; justify-content: space-between; } .header .logo, .home .header .logo, .nav-mobile .logo { display: inline-flex; width: 250px; height: 130px; background: url(https://ambipar.com/site2020/wp-content/uploads/2022/11/ambipar_white_2022.png) no-repeat left; background-size: 100%; transition: 0.5s; align-self: flex-start; } /* .home .header .logo{ background: url(img/ambipar_color.png) no-repeat 0 12px; } */ .sticky-header .logo, .nav-mobile.nav-mobile-bg .logo, .nav-mobile.sticky .logo { display: inline-flex; width: 150px; height: 60px; background: url(https://ambipar.com/site2020/wp-content/uploads/2022/11/ambipar_color_2022.png) no-repeat center; background-size: 100%; transition: 0.5s; } .header nav { margin-top: 69px; } .header nav a, .sticky-header nav a { color: #000; font-size: 1.6rem; font-weight: 500; text-decoration: none; } .header nav a { color: #fff; } .sticky-header nav a { color: #000; } .header nav a:after, .sticky-header nav a:after { content: ""; display: block; width: 0; height: 5px; margin: 3px 0 0 0; background: #ccff03; transition: width 0.3s; text-decoration: none; } .header nav.upper a:after, .sticky-header nav.upper a:after { height: 3px; margin: 0; } .header nav a:hover:after, .header nav a.active::after, .sticky-header nav a:hover:after, .sticky-header nav a.active::after { width: 100%; } .sticky-header .nav-contato > a { position: relative; } .sticky-header .nav-contato > a:after { position: absolute; background: #ccff03; width: 120%; height: 25px; top: -5px; left: -10%; padding: 10px; z-index: -1; } .header nav, .sticky-header nav { width: 100%; max-width: 850px; } .header nav > ul, .sticky-header nav > ul { display: flex; justify-content: space-between; align-items: flex-start; list-style-type: none; padding: 15px 0; margin: 0 0 -15px 0; } .sticky-header nav ul { padding-bottom: 0; } /* AJUSTES PARA DESFAZER A CAGADA DO CAMPS */ .header nav > ul, .sticky-header nav > ul { position: relative; } .header nav > ul li, .sticky-header nav > ul li { transition: 0.5s; } .header nav > ul .subnav, .sticky-header nav > ul .subnav { display: none; position: absolute; width: 100%; z-index: 10; padding-top: 36px; margin-top: -20px; } .header nav > ul li:hover .subnav, .header nav > ul li:hover ul, .sticky-header nav > ul li:hover .subnav, .sticky-header nav > ul li:hover ul, nav > ul li.visible .subnav { display: flex; } .header nav > ul .subnav > ul, .sticky-header nav > ul .subnav > ul { width: 100%; } .header nav > ul .subnav.sub-servicos, .sticky-header nav > ul .subnav.sub-servicos { display: none; width: 60%; max-width: initial; left: 54%; margin-left: -324px; } .header nav > ul .subnav.sub-servicos.quatro-subs, .sticky-header nav > ul .subnav.sub-servicos.quatro-subs { width: 117%; left: 39%; } .header nav > ul li.nav-servicos:hover .sub-servicos, .sticky-header nav > ul li.nav-servicos:hover .sub-servicos { display: flex; } .header nav > ul .subnav.sub-segmentos, .sticky-header nav > ul .subnav.sub-segmentos { width: 100%; max-width: 680px; left: auto; right: 0; } .header nav > ul .subnav.sub-servicos li, .sticky-header nav > ul .subnav.sub-servicos li { max-width: 230px; } .nav-segmentos:hover { padding-bottom: 215px; } .nav-ambipar:hover { padding-bottom: 215px; } .nav-servicos:hover { padding-bottom: 270px; } .nav-ambipar:hover { padding-bottom: 210px; } .sticky-header .nav-ambipar:hover { padding-bottom: 231px; } .nav-news:hover, .nav-investidores:hover { padding-bottom: 90px; } .nav-contato:hover { padding-bottom: 145px; } .sticky-header .nav-segmentos:hover { padding-bottom: 255px; } .sticky-header .nav-servicos:hover { padding-bottom: 234px; } .sticky-header .nav-contato:hover { padding-bottom: 160px; } .sticky-header .nav-servicos:hover { padding-bottom: 330px; } /* FIM CAGADA */ .header nav ul li, .sticky-header nav ul li { display: inline-block; padding: 0 10px; list-style-type: none; } .header nav ul li ul, .sticky-header nav ul li ul { opacity: 0; visibility: hidden; transition: 0.3s; padding: 0; display: flex; flex-direction: column; height: 0; } .header nav ul li:hover ul, .sticky-header nav ul li:hover ul, nav > ul li.visible ul { visibility: visible; opacity: 1; display: flex; flex-direction: column; height: 100%; } .header nav ul li ul li, .sticky-header nav ul li ul li { height: initial; line-height: 1; padding: 0; position: relative; } .header nav ul li ul li a, .sticky-header nav ul li ul li a { font-size: 1.4rem; line-height: 1.4rem; font-weight: normal; transition: 0.3s; } .header nav ul li ul li a:hover, .sticky-header nav ul li ul li a:hover { font-weight: 700; } .header nav ul li ul li a:hover:after, .sticky-header nav ul li ul li a:hover:after { width: 0; } .header nav .sub-segmentos ul { display: block; width: 100%; max-width: 650px; left: 0; } .header nav .sub-servicos ul, .sticky-header nav .sub-servicos ul, .header nav .sub-segmentos ul, .sticky-header nav .sub-segmentos ul { display: flex; flex-direction: column; flex-wrap: wrap; width: 300px; } .header nav .sub-servicos ul li:first-child, .sticky-header nav .sub-servicos ul li:first-child { font-size: 1.4rem; font-weight: 700; } .header nav .sub-servicos ul a, .sticky-header nav .sub-servicos ul a, .header nav .sub-segmentos ul a, .sticky-header nav .sub-segmentos ul a { font-size: 1.4rem; font-weight: 400; } .header::before, .sticky-header::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.9); opacity: 0; visibility: hidden; transform-origin: top center; transform: scale3d(1, 0, 1); transition: 0.5s; } .header:hover::before, .sticky-header:hover::before { opacity: 1; transform: scale3d(1, 1, 1); visibility: visible; } .header:hover .logo { background-image: url(https://ambipar.com/site2020/wp-content/uploads/2022/11/ambipar_color_2022.png); } .header:hover nav a { color: #000; } nav.upper { position: absolute; display: flex; justify-content: space-between; right: 0; top: -40px; width: 550px; } nav.upper .wrapper { justify-content: flex-end; } nav.upper .wrapper>a { margin-right: 60px; } nav.upper .wrapper>a:last-of-type { margin-right: 30px; display: none; } .sticky-header nav.upper { top: -20px; } nav.upper span { line-height: 1; display: inline-block; } nav.upper span a, nav.upper span a.on, .nav-mobile span.lang-links a, .nav-mobile span.lang-links a.on { line-height: 1; width: 23px; height: 23px; margin: 2px 5px 0 0; line-height: 23px; padding: 0; text-align: center; border-radius: 4px; font-size: 1.2rem; } nav.upper span a:hover { border: 1px solid #ccff03; } nav.upper span a:after { display: none; } nav.upper span a.on, .nav-mobile span.lang-links a.on { background: #ccff03; color: #000; border: 1px solid #ccff03; } nav.upper a { font-size: 1.2rem; padding-bottom: 9px; display: inline-block; } nav.upper a.tralha:before { content: ""; position: absolute; margin: 10px 0 0 -20px; height: 10px; border-left: 1px solid #000; } nav.upper a.tralha:after { width: 0; } .nav-mobile span.lang-links { display: block; width: 120px; position: absolute; top: -78px; left: 50%; margin-left: -60px; text-align: center; } .nav-mobile span.lang-links a { display: inline-block; } .losango-imagem { position: absolute; width: 800px; height: 800px; background: #fff; border-radius: 20%; z-index: 0; overflow: hidden; } .losango-imagem.right { transform: translateX(30%) translateY(-25%) rotate(45deg) !important; } .losango-imagem.left { transform: translateX(-50px) translateY(70px) rotate(45deg) !important; } .losango-imagem img { display: block; width: 100%; height: 100%; transform: rotate(-45deg) scale(1.3); object-fit: cover; overflow: hidden; } .losango-imagem.right { right: -100px; } .wrapper-busca.border { border: 1px solid #000; padding: 3px; } .search-field { background-color: transparent; background-image: url(images/search-icon.png); background-position: 5px center; background-repeat: no-repeat; background-size: 24px 24px; border: 0; cursor: pointer; height: 33px; margin: 3px 0; padding: 0 0 0 5px; position: relative; -webkit-transition: width 400ms ease; transition: width 400ms ease; width: 0; height: 0; } .search-field:focus { border: 0; } .search-field.foco { border: 0; cursor: text; outline: 0; width: 150px; height: 30px; border: 0; } .wrapper-busca { margin-top: -3px; } .wrapper-busca label { display: flex; } .wrapper-busca .search-submit { display: none; } .header nav span.busca, .sticky-header nav span.busca { display: inline-block; margin-top: 10px; width: 18px; height: 18px; background: url(img/icons/ico_search_white.png) no-repeat 0 0; cursor: pointer; } .header:hover nav span.busca, .sticky-header nav span.busca { background: url(img/icons/ico_search_black.png) no-repeat 0 0; } .header nav.large, .sticky-header nav.large { width: 100%; max-width: 960px; } .header nav.large .wrapper-busca form, .sticky-header nav.large .wrapper-busca form { border: 1px solid #000; padding: 0 3px; } /* NAV MOBILE HAMBURGER */ .nav-mobile { display: none; } .nav-mobile nav { margin: 0; padding: 0; } .nav-mobile .wrapper > div { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; } .nav-mobile ul { display: flex; flex-direction: column; list-style-type: none; padding: 0; margin: 0; background: #fff; } .nav-mobile ul li { list-style-image: none; } .nav-mobile .logo { background-size: 75%; } .nav-mobile a { color: #000; font-weight: 700; display: block; padding: 15px; } .nav-mobile .menu-toggle { padding: 15px; cursor: pointer; } .nav-mobile .hamburger, .nav-mobile .hamburger::before, .nav-mobile .hamburger::after { content: ""; display: block; background: #fff; height: 3px; width: 21px; border-radius: 4px; -webkit-transition: all ease-in-out 350ms; transition: all ease-in-out 350ms; } .nav-mobile.sticky .hamburger, .nav-mobile.sticky .hamburger::before, .nav-mobile.sticky .hamburger::after { background: #000; } .nav-mobile .hamburger::before { -webkit-transform: translateY(-7px); transform: translateY(-7px); } .nav-mobile .hamburger::after { -webkit-transform: translateY(4px); transform: translateY(4px); } .nav-mobile .open .hamburger { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nav-mobile .open .hamburger::before { display: none; } .nav-mobile .open .hamburger::after { -webkit-transform: translateY(-1px) rotate(-90deg); transform: translateY(-1px) rotate(-90deg); } .desktop.open li ul, .desktop.opening li ul { display: none; opacity: 0; height: 0; position: absolute; z-index: -1; transition: 0.5s all; } .desktop.open li ul.on, .desktop.opening li ul.on { display: block; opacity: 1; height: 100%; position: initial; } .subnav li strong { font-size: 21px; margin: 9px 0; border-bottom: 3px solid #ccff03; } /* LIGHTBOX */ #close-btn { position: fixed; top: 3%; right: 3%; z-index: 2; cursor: pointer; } #lightbox { /* ----- Positioning ----- */ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 20000; /* The code above makes sure that the lightbox covers the entire page*/ /* ----- Visibility ----- */ display: none; /* ----- Styling ----- */ background-color: rgba(0, 0, 0, 0.75); /* Normally, most lightboxes do not use a completely solid black, but with about 90-95% opacity so that the background is somewhat visible */ } #lightbox iframe{ /* ----- Positioning ----- */ position: absolute; top: 50%; left: 50%; z-index: 2; width: 100%; height: 100%; max-width: 1280px; max-height: 720px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* The code above makes sure the video is both vertically and horizontally centered to the screen */ /* ----- Styling ----- */ box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); /* The code above is used to add a little shadow to the video making blend in better */ } /* AMBIFY e WHATSAPP ICON RIGHT */ a.ambify-icon { display: none; position: fixed; top: 300px; right: 0; max-width: 36px; border-radius: 30%; overflow: hidden; z-index: 999999; } a.ambify-icon span { display: block; visibility: hidden; transform:scale(0); transform-origin: top right; position: fixed; right: 45px; top: 300px; transition: .6s ease all; background-color: #002723; color: #ccff03; padding: 6px 18px; border-radius: 6px; } a.ambify-icon:hover span { visibility: visible; height: initial; transform: scale(1); } .libras { top: 350px !important; margin-top: 0 !important; } /* ICON Whatsapp rdstation */ body.home #bricks-component-LQop-zFN0wamJoA00uzvFA-wrapper.rdstation-popup-position-bottom_right.floating-button.floating-button--close { height: 100% !important; top: 0 !important; bottom: 0 !important; } body.home #bricks-component-LQop-zFN0wamJoA00uzvFA-wrapper.rdstation-popup-position-bottom_right.floating-button.floating-button--close .bricks--floating--button, body.home #rd-floating_button-kk5obkrk, body.home #bricks-component-LQop-zFN0wamJoA00uzvFA-wrapper.rdstation-popup-position-bottom_right.floating-button .bricks--floating--button{ top: 400px !important; bottom: initial !important; right: 0 !important; left: initial !important; position: fixed !important; width: 36px !important; height: 36px !important; background-size: 100% !important; background-image: url(img/wpp-logo.png) !important; border-radius: 12px !important; } @media (max-height: 700px) { a.ambify-icon, a.ambify-icon span { top: 150px; } .libras { top: 200px !important; } body.home #bricks-component-LQop-zFN0wamJoA00uzvFA-wrapper.rdstation-popup-position-bottom_right.floating-button.floating-button--close .bricks--floating--button, body.home #rd-floating_button-kk5obkrk, body.home #bricks-component-LQop-zFN0wamJoA00uzvFA-wrapper.rdstation-popup-position-bottom_right.floating-button .bricks--floating--button{ top: 250px !important; } } /*------------------------------------*\ PAGES \*------------------------------------*/ .break { flex-basis: 100%; height: 0; } /*SEGMENTOS*/ h2 { font-size: 4.6rem; line-height: 1.2; font-weight: 500; padding: 0; margin: 0; } .segmentos { padding-top: 0; } .segmentos .section-info { width: 100%; max-width: 630px; } .lista-losango { width: 100%; min-height: 340px; margin: 110px 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; } .swiper-wrapper .lista-losango { margin: 0; min-height: 230px; padding-top: 10px; position: relative; } .swiper-wrapper .lista-losango:nth-child(odd) a { position: absolute; left: 0; } .swiper-wrapper .lista-losango:first-child a { left: 0; } .swiper-wrapper .lista-losango:nth-child(even) a { position: absolute; top: -75px; left: 50%; } /*.swiper-wrapper .lista-losango a{ position: absolute; left: 50%; margin-left: -88px; border: 1px solid green; } .swiper-wrapper .lista-losango:nth-child(even) a{ border: 2px solid blue; position: absolute; margin-left: 33px; top: -75px; }*/ .lista-losango div { display: none; } .lista-losango div:first-child { display: block; } .lista-losango span { display: flex; width: 100%; } .lista-losango span.line2 { margin: -50px 0 0 110px; } .lista-losango a { display: flex; text-align: center; align-items: center; justify-content: center; text-decoration: none; transition: all 0.5s ease; width: 166px; height: 166px; margin: 15px 26px; padding: 10px; } .lista-losango a:before { content: ""; position: absolute; display: block; width: 166px; height: 166px; background: #f6f6f3; z-index: -1; border: 1px solid #5a5a59; border-radius: 30px; transform: rotate(45deg); transition: all 0.2s ease; } .lista-losango a:hover, .lista-losango a.on { font-weight: 700; text-decoration: none !important; } .lista-losango a:hover:before, .lista-losango a.on:before { background: #ccff03; } .lista-losango a img { filter: grayscale(100%); } .losango-content { max-width: 600px; margin: 0 0 0 20px; padding: 30px 0 60px 0; } .losango-content.full { max-width: 100%; } .imagem-separadora { float: right; visibility: hidden; max-width: 50%; transform: translate(50%, 0); margin-bottom: 300px; } .losango-content img, .losango-content .wp-block-image img { height: auto; } .losango-content h5 { font-size: 2rem; line-height: 2.1rem; margin: 0; padding: 0; } .segmentos.losango .setas { display: flex; justify-content: space-around; margin-top: -60px; width: 50%; } .segmentos .swiper-container, .certificacoes .swiper-container, .diferenciais .swiper-container { margin-top: 100px; } .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { position: absolute; top: auto; bottom: 20px; left: 100px; } .swiper-container .swiper-button-next { right: auto; left: 150px; } /* PAÍSES */ .paises { padding: 275px 0 10px 0; margin: -150px 0 0 0; background-color: #fff; background-image: url(img/oceano.jpg), url(img/bg_oceano.png); background-position: 0 0, center bottom 5px; background-repeat: no-repeat; } .webp .paises { background-image: url(img/oceano.jpg), url(img/bg_oceano.png); } .paises .wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; flex-direction: row; } .paises h2 { font-size: 4rem; } body.page .paises .section-info { width: 100%; max-width: 680px; color: #fff; } .mapa { margin: -20px 0 0 0; width: 1200px; height: 765px; background: url(https://ambipar.com/site2020/wp-content/themes/ambipar/img/mapa_novo_39_paises.png) no-repeat bottom 0 left -5px; } .mapa-mobile { display: none; } .mapa .tooltip { position: absolute; display: inline-block; padding: 5px; cursor: pointer; } .tabela-mapa-mobile { display: none; } .mapa .tooltip .tooltiptext { visibility: hidden; background-color: #ccff03; color: #000; text-align: center; border-radius: 18px; padding: 9px; position: absolute; z-index: 1; bottom: -130%; left: 25px; opacity: 0; transition: opacity 0.3s; border: 2px solid #021b60; } .mapa .tooltip .tooltiptext p { text-align: left; font-size: 1.7rem; line-height: 2.3rem; } .mapa .tooltip .tooltiptext h3 { font-size: 2.7rem; line-height: 1; margin: 0; padding: 0; text-align: left; } .mapa .tooltip .tooltiptext a { text-align: left; margin: 9px 0 0 0; font-size: 3rem; line-height: 1; display: block; color: #000; font-weight: 700; } .mapa .tooltip .tooltiptext span, .mapa .tooltip .tooltiptext span a.link { font-size: 1.7rem; margin: 0; padding: 0; text-align: left; display: block; } .mapa .tooltip .tooltiptext a.link { display: inline-block; } .mapa .tooltip .tooltiptext::after { content: ""; position: absolute; top: 45%; left: -5px; margin-left: -5px; border-width: 5px; border-style: solid; transform: rotate(90deg); border-color: #021b60 transparent transparent transparent; } .mapa .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; width: 330px; display: block; } .mapa .tooltip#brasil { position: absolute; display: inline-block; top: 45%; left: 24%; } .mapa .tooltip#canada { position: absolute; display: inline-block; top: 12%; left: 10%; } .mapa .tooltip#eua { position: absolute; display: inline-block; top: 20%; left: 13%; } .mapa .tooltip#peru { position: absolute; display: inline-block; top: 45%; left: 17%; } .mapa .tooltip#chile { position: absolute; display: inline-block; top: 53%; left: 19.5%; } .mapa .tooltip#paraguai { position: absolute; display: inline-block; top: 53%; left: 21.5%; } .mapa .tooltip#colombia { position: absolute; display: inline-block; top: 37%; left: 19%; } .mapa .tooltip#trinidad { position: absolute; display: inline-block; top: 32.3%; left: 22%; } .mapa .tooltip#uruguai { position: absolute; display: inline-block; top: 56%; left: 22%; } .mapa .tooltip#antartida { position: absolute; display: inline-block; top: 73%; left: 36%; } .mapa .tooltip#nigeria { position: absolute; display: inline-block; bottom: 52.5%; left: 54%; } .mapa .tooltip#angola { position: absolute; display: inline-block; bottom: 40%; left: 57%; } .mapa .tooltip#inglaterra { position: absolute; display: inline-block; left: 48.5%; top: 16%; } .mapa .tooltip#gales { position: absolute; display: inline-block; left: 48.5%; top: 13%; } .mapa .tooltip#irlanda { position: absolute; display: inline-block; left: 46.5%; top: 14%; } .mapa .tooltip#irlanda-do-norte { position: absolute; display: inline-block; left: 46%; top: 11%; } .mapa .tooltip#escocia { position: absolute; display: inline-block; left: 48.5%; top: 10%; } .mapa .tooltip#holanda { position: absolute; display: inline-block; left: 52.5%; top: 14.5%; } /* NOTICIAS */ section.noticias .nossos-numeros { padding: 0; margin: 150px auto 0 auto; width: 100%; max-width: 650px; overflow: hidden; } .nossos-numeros h4 { display: block; font-size: 2.4rem; font-weight: 500; text-align: center; width: 100%; max-width: 220px; margin: 0 auto 20px auto; padding: 0; background: #cbff00; } .nossos-numeros .slide { display: flex; flex-direction: column; font-size: 2rem; text-align: center; align-items: center; justify-content: center; } .nossos-numeros .slide h2 { font-size: 4.6rem; margin: 5px 0 10px 0; padding: 15px 0; } .nossos-numeros .slide p { display: inline-block; text-align: center; padding: 0; margin: 0; } .nossos-numeros .slide img { max-width: 80px; margin: 0 15px; } section.noticias { padding: 150px 0; margin: -100px 0 0 0; } .page section.noticias, .post-type-archive-noticia section.noticias, .page-template-archive section.noticias { padding-top: 80px; margin: 0; } .post-type-archive-noticia section.noticias .wrapper, .page-template-archive section.noticias .wrapper { align-items: flex-start; } body.page section.noticias .section-info, body.archive .section-info { width: 100%; max-width: 100% !important; padding: 0 70px 0 0; } section.noticias .section-info h2 { font-size: 3.8rem; font-weight: 400; margin-top: 70px; } section.noticias .losango-imagem.left { background-color: #cbff00; transform: translateX(-250px) translateY(150px) rotate(45deg) !important; } section.noticias .wrapper { flex-direction: column; align-items: flex-end; } section.noticias .content { display: flex; flex-direction: column; justify-content: space-between; padding: 60px 0 0 0; } .post-type-archive-noticia section.noticias .content, .page-template-archive section.noticias .content { width: 100%; } .page section.noticias .lista-noticias, .post-type-archive-noticia section.noticias .lista-noticias, .page-template-archive section.noticias .lista-noticias { width: 100%; padding: 0; } .post-type-archive-noticia section.noticias .lista-noticias, .page-template-archive section.noticias .lista-noticias { justify-content: center; } section.noticias .noticia-destaque { width: 100%; max-width: 380px; height: 380px; margin-bottom: 10px; overflow: hidden; } section.noticias .noticia-destaque { margin: 0 0 0 10px; } .page section.noticias .noticia-destaque, .post-type-archive-noticia section.noticias .noticia-destaque, .page-template-archive section.noticias .noticia-destaque { margin: 0 0 10px 10px; } section.noticias .noticia-destaque .imagem, section.noticias ul li .imagem, section.noticias ul li .imagem .thumb { max-height: 220px; display: flex; justify-content: center; overflow: hidden; } section.noticias ul li .imagem .thumb { max-height: 100%; } section.noticias ul li .imagem iframe { max-width: 372px; max-height: 241px; } section.noticias .noticia-destaque .imagem img, section.noticias ul li .imagem img { object-fit: cover; max-width: 150%; } section.noticias .resumo { display: block; height: 160px; padding: 10px 30px 5px 30px; background: #f6f6f3; } section.noticias ul li .resumo { height: 84px; padding: 5px 20px 5px 20px; background: #f6f6f3; } section.noticias .resumo h4, section.noticias ul li .resumo h4 { padding: 0 0 5px 0; margin: 0; line-height: 1.2; } section.noticias ul li .resumo h4 { font-size: 1.2rem; line-height: 1.4rem; } section.noticias .resumo h4 span.data { display: inline-block; font-size: 1.2rem; font-weight: 400; padding: 7px 0 0 10px; position: absolute; } section.noticias ul li .resumo h4 span.data { display: block; padding: 5px 0 0 0; font-size: 1.2rem; } section.noticias .resumo p { font-size: 1.4rem; line-height: 2rem; margin: 0; } section.noticias ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin: 0 5px; list-style-type: none; } section.noticias ul li .imagem { max-height: 106px; } section.noticias ul li .imagem .thumb { position: relative; } section.noticias ul li .imagem .thumb::after { content: ""; position: absolute; left: 50%; top: 50%; width: 122px; height: 122px; margin: -61px 0 0 -61px; background: url(img/play_icon.png) center no-repeat; z-index: 100; cursor: pointer; } .lista-noticias .ler-todas { display: inline-block; width: 375px; height: 55px; border: 2px solid #000; border-radius: 10px; font-weight: 300; font-size: 2.1rem; line-height: 50px; text-align: center; text-transform: uppercase; margin: 40px 10px 0 0; } .lista-noticias .ler-todas:hover { font-weight: 700; background: #cbff00; text-decoration: none !important; } body.home.page .lista-noticias .ler-todas { margin: 40px auto; } .single-noticia .losango-content { max-width: 100%; padding-top: 50px; margin: 0; z-index: 5; } .single-noticia .losango-border.right { z-index: 0; top: -150px; right: 0; } .single-noticia .losango.last { padding-top: 0; padding-bottom: 0; overflow: visible; } .single-noticia .noticia.losango .wrapper { overflow: visible; margin-top: 0; } body.single-noticia .opening { padding: 40px 0 !important; } .single-noticia .opening h2 { font-size: 2.8rem; line-height: 4rem; padding-right: 0; } body.single-noticia .section-info { max-width: 100% !important; } .single-noticia .opening .autor-noticia { display: flex; flex-wrap: wrap; align-items: center; align-self: flex-end; margin-top: 30px; } .single-noticia .opening .autor-noticia p { font-size: 1.6rem; line-height: 2.2rem; margin-left: 30px; margin-bottom: 0; } .autor-noticia figure:nth-child(2) { margin-left: 40px; } .single-noticia .opening .autor-noticia img { padding: 0; } .single-noticia img { display: block; margin-left: auto; margin-right: auto; } .compartilhe { margin: 50px 0 0 0; } .addtoany_shortcode { margin: 5px 0 0 -5px; } .addtoany_shortcode a:last-child { display: none !important; } .noticias-relacionadas ul { display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 0; margin: 0; list-style-type: none; } .noticias-relacionadas ul li { width: 32%; overflow: visible; } .noticias-relacionadas ul li a { display: flex; justify-content: space-between; align-items: center; width: 100%; } .noticias-relacionadas ul li:before, .noticias-relacionadas ul li a:before { background: 0; display: none; } .noticias-relacionadas figure, .autor-noticia figure { width: 45%; height: 125px; max-width: 125px; border-radius: 20px; overflow: hidden; transform: rotate(45deg); } .autor-noticia figure { height: 80px; max-width: 80px; border-radius: 15px; } .autor-noticia figure img { transform: rotate(-45deg) scale(1.3); } .noticias-relacionadas figure img { transform: rotate(-45deg) scale(3.8) translateY(10px); object-fit: cover; min-height: 48px; object-position: top; } .single .noticias-relacionadas p { font-size: 1.8rem; line-height: 2.4rem; width: 65%; padding: 0 20px 0 20px; margin: 0; } .pagination { display: block; width: 100%; margin: 50px 0 0 0; padding: 0 25px; text-align: center; } .pagination a.prev, .pagination a.next { display: none; } .pagination a, .pagination span.current { display: inline-block; padding: 5px 10px; text-align: center; border-radius: 6px; } .pagination span.current { background: #ccff03; font-weight: 700; } /* CONTATO */ .helicoptero { position: absolute; right: -80px; top: -300px; } .contato { padding: 0; } .contato .wrapper > div > div { display: flex; } .contato h2 { font-size: 4.6rem; line-height: 5.1rem; max-width: 390px; margin: 0 0 20px 0; } .contato form p { padding: 0; margin: 0; } .contato-info { /*display: flex;*/ /*flex-direction: column;*/ font-size: 1.6rem; width: 360px; padding: 0 110px 0 0; } body.page .contato-info p { margin: 0 0 8px 0; padding: 0; } body.page .contato-info a { text-decoration: none; } body.page .contato-info a:hover { text-decoration: underline; } .wrapper-contato { vertical-align: top; width: 100%; max-width: 950px; display: inline-block; } .wrapper-contato form { display: flex; flex-wrap: wrap; } /*.wrapper-contato label { display: none; }*/ .wrapper-contato .wpcf7 p { margin: 0; display: flex; flex-wrap: wrap; } .wrapper-contato .full-width { width: 100%; } .wrapper-contato .full-width > div { display: flex; } .wrapper-contato form input, .wrapper-contato form textarea, .wrapper-contato form select { width: 463px; height: 60px; line-height: 60px; padding: 0 20px; margin: 0 5px 10px 0; font-weight: 300; border: 1px solid #000; background: transparent; } .wrapper-contato form input:nth-child(even) { margin-left: 0; } .wrapper-contato form textarea { width: 98%; line-height: 1; height: 100px; padding: 20px 20px 0 20px; } .wrapper-contato form select { /*width: 500px;*/ appearance: none; position: relative; background: url(img/select-btn.png) right 15px center no-repeat; } .wrapper-contato form input[type="submit"] { cursor: pointer; width: 280px; text-transform: uppercase; transition: 0.5s all; border-radius: 10px; } .page-template-template-formularios .wpcf7-form-control-wrap { max-width: 50%; } .wrapper-contato .full-width input { width: 98%; } .wrapper-contato .full-width input[type="checkbox"] { width: 25px; height: 25px; position: absolute; top: 5px; } .wrapper-contato .wpcf7-checkbox input[type="checkbox"]:checked + span:before { background: transparent; } .wrapper-contato .wpcf7-acceptance .wpcf7-list-item { position: relative; } .wrapper-contato .wpcf7-acceptance .wpcf7-list-item-label { padding-left: 35px; font-size: 16px; line-height: 18px; display: inline-block; margin: 0 0 15px 0; } .wrapper-contato span.wpcf7-list-item { margin: 0; } .wrapper-contato span.wpcf7-list-item a { font-weight: 600; text-decoration: underline; } .wrapper-contato .wpcf7-character-count { float: right; margin-top: -10px; padding-right: 20px; font-size: 16px; } .wrapper-contato .wpcf7-character-count:after, :lang(en-ES) .wrapper-contato .wpcf7-character-count:after { content: " caracteres restantes"; } :lang(en-US) .wrapper-contato .wpcf7-character-count:after { content: " characters left"; } /* Diferenciais */ .diferenciais { background-color: #fff; } .lista-icones { font-size: 1.4rem; line-height: 2rem; } .lista-icones .column { justify-content: flex-start; padding: 10px 10px 10px 0; text-align: center; } .lista-icones.row { justify-content: center; align-items: flex-start; } /* ESPEFICICOS FORM7 */ div.wpcf7 .ajax-loader { position: absolute; bottom: -15px; } .wpcf7-not-valid-tip { font-size: 1.4rem; margin: -12px 0 9px 0; display: block; } .wpcf7 .watermark { color: black !important; } ::-webkit-input-placeholder { color: black !important; } :-moz-placeholder { color: black !important; } ::-moz-placeholder { color: black !important; } :-ms-input-placeholder { color: black !important; } .wpcf7 form .wpcf7-response-output { margin: 0; padding: 0.2em 1em; border: 2px solid #00a0d2; width: 98%; text-align: center; background: #fff; font-size: 1.5rem; } footer nav ul li { list-style-image: none; } footer nav { color: #fff; font-size: 1.4rem; background: linear-gradient(180deg, transparent 0, #585858 5%); padding: 35px 0 0 0; margin: 370px 0 0 0; } footer .group-info { font-size: 1.8rem; padding: 20px 0 0 0; } footer .contatos { padding: 25px 0 0 0; line-height: 1.8rem; } footer nav .contatos a { margin-right: 25px; } footer nav a { color: #fff; transition: 0.5s; } footer nav a:hover { color: #fff; text-decoration: underline; } footer nav .wrapper { display: flex; flex-wrap: wrap; padding-bottom: 20px; } footer nav .wrapper > div:first-child { width: 100%; padding: 0 80px 0 0; } footer nav .wrapper > div:last-child { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 55px 0 20px 0; } footer nav .wrapper > div:not(:last-child) { flex: 1; } footer nav .social img { width: 42px; margin: 0 10px 0 0; } footer nav .endereco { display: flex; justify-content: space-between; width: 65%; text-align: center; font-size: 1.8rem; } footer .mapa { width: 100%; height: 306px; background: url(https://ambipar.com/latam/wp-content/uploads/2021/11/mapa-chile2.png) no-repeat center top; } .webp footer .mapa { background: url(https://ambipar.com/latam/wp-content/uploads/2021/11/mapa-chile2.png) no-repeat center top; } footer .environment, footer .response { padding: 8px 0 0 0; } footer .environment ul, footer .response ul { display: block; padding: 30px 0; margin: 0; list-style-type: none; } footer ul li { line-height: 5rem; } /* INTERNAS */ body.page footer, body.search footer, body.single footer, body.archive footer { background-color: #fff; /* background-color: #585858; */ /* margin-top: -900px; */ padding-top: 100px; background-image: url(img/bg_footer_novo.jpg); background-repeat: no-repeat; background-position: center bottom 845px; } .webp body.page footer, .webp body.search footer, .webp body.single footer, .webp body.archive footer { background-image: url(img/bg_footer_novo.jpg); } body.page.page-template-template-formularios footer, body.page.page-template-page-ambipar-news footer, body footer.nform { background-position: center top -350px; padding-top: 600px; } /*body.home.page footer{ padding-top: 670px; background-position: center top -520px, center bottom 845px; }*/ body.page-template-page-tour-virtual footer { padding-top: 0; } body.page-template-template-formularios { background-color: #d2e9ec; } section ul li { position: relative; list-style-type: none; list-style-image: none; } section ul li:before { content: ""; position: absolute; left: -30px; top: 5px; width: 23px; height: 23px; background: url(img/bullet_diamond.png) no-repeat center; } section ul li a:before { content: ""; position: absolute; left: -30px; top: 5px; width: 23px; height: 23px; background: url(img/bullet_square_plus.png) no-repeat center; } section.noscroll { overflow: hidden; } body.page section, body.single section, body.archive section { position: relative; background-color: #fff; } body.home.page section.noticias, body.home.page section.contato, body.page section.contato, body.single section.contato, body.archive section.contato { background-color: transparent; } .page section.contato { margin-top: 150px; } body.home.page section.contato .small { display: block; font-size: 1.8rem; } body.home.page section.contato .small a { font-weight: bold; text-decoration: underline; } body.page section.opening, body.single section.opening, body.archive section.opening { padding: 60px 0; background-color: #f6f6f3; /*z-index: -1;*/ font-weight: 1.8rem; line-height: 3.4rem; } body.page section.opening .wrapper, body.single section.opening .wrapper, body.archive section.opening .wrapper { z-index: 100; } body.page .section-info, body.single .section-info, body.archive .section-info { width: 100%; max-width: 650px; } body.page-template-template-formularios section.opening { background-color: #fff; min-height: 800px; } .banner-interna { height: 980px; } .banner-interna .wrapper { height: 980px; padding-top: 430px; } .banner-interna p { max-width: 450px; } .banner-interna a, .botao-footer, a.wp-block-button__link { display: inline-block; width: 350px; height: 66px; margin: 20px 0 0 0; font-size: 2.1rem; line-height: 62px; font-weight: 300; text-align: center; text-transform: uppercase; transition: all 0.5s ease; text-decoration: none; border-radius: 10px; } .banner-interna a { font-weight: 600; /*background-color: #bdfe00; alterando padrão 13/10/2021 */ background-color: transparent; border: 1px solid #000; } .banner-interna a.green { color: #fff; border: 2px solid #bdfe00; background-color: transparent; } a.wp-block-button__link { color: #000 !important; background: #bdfe00; margin: 0 0 20px 0; line-height: 40px; font-weight: 600; } .botao-footer.mobile { display: none; margin: 0 0 10px 0; } .botao-footer { width: 100%; max-width: 320px; color: #000; background: #bdfe00; font-weight: 600; } .wrapper-contato form input[type="submit"]:hover, .botao-footer:hover, a.wp-block-button__link:hover { background: #bdfe00; font-weight: 600; text-decoration: none; } .banner-interna a:hover { background-color: #bdfe00; } .banner-interna a.green:hover { color: #000; } .botao-footer:hover, a.wp-block-button__link:hover { color: #000; font-weight: 300; } .banner-interna .losango-imagem { position: absolute; top: 220px; right: 50%; width: 1000px; height: 1000px; z-index: 0; background: linear-gradient( 135deg, rgba(255, 255, 255, .7) 65%, rgba(255, 255, 255, 0) 85% ); } .banner-interna .losango-imagem.black { background: linear-gradient( 135deg, rgba(0, 0, 0, 0.5) 63.5%, rgba(255, 255, 255, 0.5) 36% ); } .page:not(.home) .banner-interna .losango-imagem { right: 52%; width: 800px; height: 800px; } .page:not(.home) .banner-interna .wrapper { padding-top: 330px; height: 840px; } .page:not(.home) .banner-interna { height: 840px; } .losango-border { position: absolute; top: 220px; right: 50%; width: 950px; height: 950px; background: #fff; border-radius: 20%; z-index: 0; background: transparent; border: 2px solid #bdfe00; overflow: hidden; } .losango-imagem.right, .losango-border.right { transform: translateX(30%) translateY(-25%) rotate(45deg) !important; } .losango-imagem.left, .losango-border.left { transform: translateX(-50px) translateY(70px) rotate(45deg) !important; } .losango-imagem.right, .losango-border.right { right: -100px; /*z-index: -1;*/ } .page-template-single-servicos .losango-imagem.right, .page-template-single-servicos-full .losango-imagem.right { top: 250px; } .banner-interna > img { height: 980px; } .page:not(.home) .banner-interna > img { height: 840px; } .banner-interna .titulo-banner { position: absolute; z-index: 10; width: 100%; max-width: 500px; } .banner-interna h1 { width: 100%; max-width: 565px; font-size: 7rem; line-height: 8.5rem; font-weight: 500; margin: 30px 0 30px 0; padding: 0; } .banner-interna-sml, .banner-interna-sml .wrapper { height: 480px; } .banner-interna-sml .wrapper { position: relative; } .banner-interna-sml h1 { position: absolute; bottom: 75px; /* width: 100%; */ max-width: 480px; font-size: 4.6rem; line-height: 5.1rem; font-weight: 500; margin: 0; padding: 0; color: #fff; } .single .banner-interna-sml h1 { max-width: 100%; } .banner-interna-sml.home-news h1 { bottom: 15px; max-width: 520px; } .banner-interna-sml.home-news .titulo-banner h1 p { font-size: 2rem; line-height: 2.5rem; font-weight: 400; } h1 span, h2 span, h4 span, .titulo-banner p span { background: linear-gradient( to right, rgba(255, 255, 255, 0) 50%, rgba(189, 254, 0, 1) 50% ); background-size: 200%; background-position: 0 0; display: inline; transition: 2s ease-in-out; } h1 span.start, h2 span.start, .aos-animate span, .titulo-banner p.aos-animate span { background-position: -100% 0; } body.page .main_content, body.single .main_content { padding-top: 955px; padding-bottom: 100px; background-repeat: no-repeat; background-position: center top; } /* Prevent Image Stretching in Flexbox */ img { align-self: center; height: auto; } .row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; align-items: center; } .column { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; } .opening img { padding: 20px; } /* .content { padding-top: 570px; } */ .content .losango-imagem { top: 300px; } .content .losango-imagem.right, .content .losango-border.right { transform: translateX(0) translateY(-25%) rotate(45deg) !important; } .content .losango-imagem.right { right: auto; left: 1050px; } .content .losango-imagem.left, .content .losango-border.left { transform: translateX(10%) translateY(70px) rotate(45deg) !important; } .content .losango-border.left { right: 50%; } .content .losango-imagem { top: 300px; z-index: 3; } .content .losango-border { top: 60px; z-index: 2; } .page .content.main_content .losango-border, .page .content.main_content .losango-border.right { top: 220px; } .content.left .row { /* margin: -150px 0 0 0; */ max-width: 600px; } .content.right .row { /* margin: -150px 0 0 0; */ max-width: 700px; } .content.left .row img, .content.right .row img { height: auto; } .content h2 { padding: 25px 0; max-width: 500px; } /* slider home */ .banner__slider .slider, .banner__slider .slide { height: 980px; background: #bdfe00; } .banner__slider .slide__img { max-width: 1280px; margin: 0 auto; display: flex; justify-content: flex-end; padding: 280px 0 0 0; } .banner__slider .slide .slide__content { position: absolute; top: 45%; left: 20%; z-index: 10; } .banner__slider .slide .slide__bg { position: absolute; top: 17%; } .banner__slider .slide .slide__content--headings { color: #000; } .banner__slider .slide .slide__content--headings h2 { font-size: 4.5rem; margin: 10px 0; } .banner__slider .slide .slide__content--headings .animated { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .banner__slider .slide-title { font-size: 7rem; font-weight: 500; } .banner__slider .slide-text { font-size: 2rem; line-height: 3rem; } .banner__slider .slide-title span, .banner__slider .slide-text span { background: rgba(189, 259, 0, 1); } #grafismo, .slide__content:before { content: ""; display: none; position: absolute; top: 300px; left: 980px; width: 980px; height: 50%; background: #fff; border-radius: 20%; z-index: 10; transform: rotate(45deg); } /* body.page section.main_content, body.single section.main_content, body.archive section.main_content { min-height: 1500px; } body.page section.last .wrapper, body.single section.last .wrapper { margin-top: -100px; } */ /* body.archive section.last .wrapper { margin-top: -100px; } */ body.page .content.left, body.page .content.right { min-height: 1200px; padding: 50px 0; overflow: revert; } .content.left .row { /* margin: -250px 0 0 0; */ max-width: 600px; } .content.right .row { /* margin: -250px 0 0 0; */ padding-left: 200px; max-width: 700px; } .content.left .row.full, .content.right .row.full { margin: 0; max-width: 100%; } .content.right .row { margin-left: auto; } .content .losango-border.right { transform: translateX(-10%) translateY(7%) rotate(45deg) !important; } .content.main_content .losango-border.right { transform: translateX(0) translateY(-25%) rotate(45deg); } .content.main_content .row { max-width: 100%; } .content.main_content h2 { max-width: 500px; } .content h2 { max-width: 100%; } .row-segmentos { margin-top: -200px; } .titulo-area { margin-bottom: 25px; } /* SLIDER HOME */ .banner-interna.home .tablet { display: none; } body.page section .link-voltar, body.single section .link-voltar, .botao { position: absolute; display: inline-block; width: 250px; height: 40px; margin: -70px 0 0 0; font-size: 1.8rem; line-height: 34px; font-weight: 300; text-align: center; text-transform: uppercase; border: 2px solid #000; border-radius: 10px; transition: all 0.5s ease; text-decoration: none; } .botao.frota { left: 50%; margin-left: -125px; margin-top: -150px; } body.page section .link-voltar:hover, body.single section .link-voltar:hover, .botao:hover { background: #bdfe00; font-weight: 600; text-decoration: none; } .tour { position: relative; } .tour .overlay-mapa { position: absolute; width: 100%; height: 100%; } .tour .overlay-mapa a { position: absolute; z-index: 5; display: inline-block; transition: 0.5s all; text-decoration: none !important; } .tour .overlay-mapa a span { opacity: 0; width: 0; height: 29px; display: block; overflow: hidden; background: #ccff03; font-size: 1.8rem; padding: 0 10px 2px 10px; transition: 0.5s all; } .tour .overlay-mapa a:hover span { opacity: 1; width: 100%; text-decoration: none; } .tour .overlay-mapa a:after { content: "+"; position: absolute; z-index: -1; display: block; width: 25px; height: 25px; margin-top: -1px; text-align: center; font-size: 2.5rem; line-height: 25px; font-weight: bold; background: #ccff03; border-radius: 5px; } @keyframes glowing { 0% { box-shadow: 0 0 0 #000; } 40% { box-shadow: 0 0 10px #000; } 40% { box-shadow: 0 0 20px #000; } 60% { box-shadow: 0 0 20px #000; } 100% { box-shadow: 0 0 0 #000; } } .tour .overlay-mapa a:after { animation: glowing 2000ms infinite; } .tour .overlay-mapa a.valorizacao { top: 12%; left: 28%; } .tour .overlay-mapa a.laboratorio { top: 18%; left: 13%; } .tour .overlay-mapa a.distribuicao { top: 13%; left: 37%; } .tour .overlay-mapa a.patio { top: 14%; left: 52%; } .tour .overlay-mapa a.heliponto { top: 22%; left: 59%; } .tour .overlay-mapa a.centro-de-treinamento { top: 26%; left: 79%; } .tour .overlay-mapa a.restaurante { top: 24%; left: 47%; } .tour .overlay-mapa a.centro-de-servicos { top: 28%; left: 44%; z-index: 10; } .tour .overlay-mapa a.escritorio { top: 30%; left: 55%; } .tour .overlay-mapa a.oficina { top: 42%; left: 47%; } .tour .overlay-mapa a.horta { top: 28%; left: 22%; } /* SIMULADOR */ body.page-template-page-simulador section.opening { padding: 60px 0; } body.page-template-page-simulador .losango.last { padding-top: 70px; } .simulador { display: flex; flex-direction: column; width: 100%; /* max-width: 950px; */ padding: 0 0 300px 0; } .segmento-escolhido, .resultado span { display: block; height: 90px; width: 90%; margin: 50px auto 50px auto; max-width: 600px; line-height: 50px; font-weight: 600; text-align: center; text-transform: uppercase; background: #ccff03; border: 20px solid #e6e6e6; border-radius: 50px; box-shadow: 10px 11px 32px -12px rgba(0, 0, 0, 0.75) inset; -webkit-box-shadow: 10px 11px 32px -12px rgba(0, 0, 0, 0.75) inset; -moz-box-shadow: 10px 11px 32px -12px rgba(0, 0, 0, 0.75) inset; } .resultado span { font-size: 4rem; line-height: 110px; max-width: 500px; height: 150px; margin-top: 10px; } .resultado { display: none; padding: 25px 0 0 0; } .simulador h3 { padding: 0 0 10px 0; margin: 0; } .simulador .row { margin: 0 0 40px 0; } .simulador .column.center { text-align: center; } .simulador .minus.off, .simulador .plus.off { opacity: 0.5; } .odometro, .barra { position: relative; width: 350px; margin: 0 auto; } .odometro:after, .barra:after { content: ""; position: absolute; bottom: -3px; left: 50%; margin: 0 0 0 -12px; display: block; width: 22px; height: 100px; background: url(img/simulador/pointer.png) no-repeat; background-size: contain; transition: 0.5s all; } .odometro:before { content: ""; position: absolute; bottom: -14px; left: 50%; margin: 0 0 0 -17px; display: block; width: 35px; height: 37px; background: url(img/simulador/pointer_base.png) no-repeat; background-size: 100%; } .odometro:after { transform: rotate(-80deg); transform-origin: bottom center; } .barra:after { bottom: -10px; left: 14.3%; margin: 0 0 0 -18px; display: block; width: 36px; height: 40px; background: url(img/simulador/ponteiro-barra.svg) no-repeat; } .barra.mercado img { transform: scaleX(-1); } .barra._0:after { left: 12.5%; } .barra._1:after { left: 25%; } .barra._2:after { left: 37.5%; } .barra._3:after { left: 50%; } .barra._4:after { left: 62.5%; } .barra._5:after { left: 75.5%; } .barra._6:after { left: 87.5%; } .odometro._0:after { transform: rotate(-90deg); bottom: 5px; margin: 0px 0 0 -5px; } .odometro._1:after { transform: rotate(-55deg); bottom: 2px; margin: 0px 0 0 -5px; } .odometro._2:after { transform: rotate(-30deg); bottom: 0px; margin: 0px 0 0 -8px; } .odometro._3:after { transform: rotate(0deg); bottom: -2px; margin: 0px 0 0 -11px; } .odometro._4:after { transform: rotate(30deg); margin: 0px 0 0 -13px; } .odometro._5:after { transform: rotate(55deg); margin: 0px 0 0 -16px; } .odometro._6:after { transform: rotate(90deg); bottom: 4px; margin: 0px 0 0 -17px; } .simulador .controller { display: flex; width: 350px; margin: 0 auto; justify-content: space-between; align-items: center; padding: 10px 15px 10px 15px; } .simulador .controller a { font-size: 30px; font-weight: 600; } .simulador form p { display: flex; flex-wrap: wrap; align-items: center; } .simulador form p span { width: 25%; } .simulador form p span input { height: 70px; width: 90%; margin: 10px auto 0 auto; padding: 0 20px; max-width: 600px; line-height: 35px; font-weight: 600; text-align: left; text-transform: none; background: #ccff03; border: 10px solid #e6e6e6; border-radius: 50px; box-shadow: 10px 11px 32px -12px rgb(0 0 0 / 75%) inset; -webkit-box-shadow: 10px 11px 32px -12px rgb(0 0 0 / 75%) inset; -moz-box-shadow: 10px 11px 32px -12px rgba(0, 0, 0, 0.75) inset; } .simulador form .wpcf7-list-item label { font-size: 1.8rem; line-height: 1.8rem; } .simulador form input[type="submit"] { display: block; height: 70px; width: 90%; margin: 50px auto 0 auto; padding: 0; max-width: 300px; line-height: 35px; font-weight: 600; text-align: center; text-transform: uppercase; background: #ccff03; border: 4px solid #fff; border-radius: 50px; box-shadow: 10px 11px 12px -12px rgb(0 0 0 / 75%); -webkit-box-shadow: 10px 11px 12px -12px rgb(0 0 0 / 75%); -moz-box-shadow: 10px 11px 12px -12px rgba(0, 0, 0, 0.75); } /* JOBS */ .jobs .row { display: block; } .jobs .losango h2 { margin-top: 20px; } .job_filters { background-color: transparent; } .job_filters .search_jobs { display: flex; padding: 0.5em 0; } .job_filters .search_jobs div { padding-right: 1%; } .job_filters .search_jobs div:nth-child(3) { display: none; } .job_filters .search_jobs input, .job_filters .search_jobs select { font-size: 1.6rem; height: 50px; padding: 0 10px; border: 1px solid #000; } .job_filters .search_jobs div.search_submit { padding: 0; } .job_filters .search_jobs input[type="submit"] { border: 0; background-color: #cbff00; border-radius: 0; text-transform: none; line-height: 0; } .job_filters .job_types { display: flex; background-color: transparent; border: 0; } .job_filters .job_types li::before { display: none; } .job_filters .job_types li { padding: 0 0.5em 0 0; border: 0; font-size: 2rem; font-weight: 400; } .job_filters .job_types li input[type="checkbox"], .job_filters .job_types li input[type="radio"] { height: 20px; width: 20px; } .job_filters .job_types li input[type="checkbox"]:checked, .job_filters .job_types li input[type="radio"]:checked { background-color: #ccff03; } .rp4wp-related-job_listing>ul, ul.job_listings { border: 0; } .job_listings { margin-top: 0 !important; } .job_listings li { display: flex; } .job_listings li:before, .job_listings li a:before { display: none; } .rp4wp-related-job_listing>ul li.job_listing, .rp4wp-related-job_listing>ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found { border-bottom: 1px solid #fff; } .rp4wp-related-job_listing>ul li.job_listing a, .rp4wp-related-job_listing>ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a { padding: 0; width: 100%; padding: 0; display: flex; align-items: center; } ul.job_listings>li:nth-child(odd) { background-color: #ccff03 !important; } ul.job_listings>li:nth-child(even) { background-color: #eee !important; } .job_listings .company_logo { display: none; } .job_listings .position { padding: 0 0 0 20px !important; } .job_listings .position h3, .job_listings .location, .job_listings .meta, .job_listings .job-type.full-time { font-size: 1.8rem !important; font-weight: 400 !important; color: #000 !important; } .job_listings .job-type { font-weight: 600; padding-right: 20px !important; } .job_listings .company { display: none; } .job_listings .meta .date { display: none !important; } .single-job_listing h2 { font-size: 2.4rem; background-color: #ccff03; padding: 5px 10px; margin: 40px 0 0 0; } .single-job_listing li::before, .single-job_listing a::before, .single_job_listing .meta .location::before { display: none; } .single-job_listing .company, .single-job_listing .date-posted { display: none; } .single_job_listing .meta .job-type { background-color: transparent !important; color: #000; } .single-job_listing .addtoany_content_bottom { display: none !important; } /* VAGAS UNIFICADAS */ .page-template-template-vagas-unificado div.job_listings { margin-bottom: 45px; } .page-template-template-vagas-unificado p.texto-entre-forms { margin-bottom: 45px; max-width: 950px; } .page-template-template-vagas-unificado .wrapper-contato { max-width: 100%; } .page-template-template-vagas-unificado .wrapper-contato form { width: 100%; max-width: 950px; } .page-template-template-vagas-unificado .unificado { margin-top: 60px; } .page-template-template-vagas-unificado .wrapper-contato form.job_filters { background: #fff; margin-top: 45px; width: 100%; max-width: 100%; } .page-template-template-vagas-unificado section ul li:before { display: none; } .page-template-template-vagas-unificado .job_filters .job_types { margin-bottom: 24px; } .page-template-template-vagas-unificado .job_filters .search_jobs { width: 100%; } .page-template-template-vagas-unificado .job_filters .search_jobs div.search_keywords, .page-template-template-vagas-unificado .job_filters .search_jobs div.search_location { width: 37%; } /* SUSTENTABILIDADE */ .banner-interna.sustentabilidade .vidtop-content { position: absolute; top: 0; width: 100%; } .banner-interna.sustentabilidade .vidtop-content .wrapper { padding-top: 460px; } .banner-interna.sustentabilidade p { color: #fff; } .banner-interna.sustentabilidade h1 { margin-top: 150px; font-size: 6rem; line-height: 7.5rem; } .banner-interna.sustentabilidade h1.esg { margin-top: 100px; font-size: 6rem; line-height: 7.5rem; } .video-background { background: #000; top: 0; right: 0; bottom: 0; left: 0; z-index: -10; min-height: 980px; } .video-foreground { display: flex; justify-content: center; width: 100%; height: 100%; } .video-background iframe { width: 100%; height: 100%; min-width: 1920px; min-height: 980px; /* pointer-events: none; */ } .video-background.esg iframe { width: 100%; height: 100%; min-width: 1920px; min-height: 1075px; /* pointer-events: none; */ } /* @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } @media all and (max-width: 600px) { .vid-info { width: 50%; padding: .5rem; } .vid-info h1 { margin-bottom: .2rem; } } @media all and (max-width: 500px) { .vid-info .acronym { display: none; } } */ .titulo-icone { font-size: 1.8rem; line-height: 2.4rem; font-weight: 600; text-transform: uppercase; display: inline; width: 60%; background: #ccff03; padding: 0; margin: -5px auto 5px auto !important; text-align: center; } .esg-logo, .esg-logo-esg { margin-top: 160px; width: 100%; max-width: 680px; margin-left: auto; margin-right: auto; display: block; } .esg-logo-esg { margin-top: 284px; } .opening.esg { padding-bottom: 0 !important; background: #f6f6f6 url(img/sustentabilidade/bg-esg.jpg) no-repeat center top; } .opening.esg .lista-icones.row { min-height: 208px; } .pilares { position: relative; min-height: 1300px; margin: 20px 0; } .pilares .losango-imagem { position: absolute; top: 50px; right: 64%; width: 1000px; height: 1000px; z-index: 1; background: linear-gradient( 135deg, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0) 85% ); } .pilares .losango-imagem.black { background: linear-gradient( 135deg, rgba(0, 0, 0, 0.2) 100%, rgba(255, 255, 255, 0.2) 85% ); border: 2px solid rgb(204, 255, 3); z-index: -1; } .pilares .losango-imagem.black.second.on, .pilares .losango-imagem.black.third.on { background: linear-gradient( 135deg, rgba(0, 0, 0, 0.5) 100%, rgba(255, 255, 255, 0.2) 85% ); border: 2px solid rgb(204, 255, 3); } .pilares .losango-imagem.black.on { background: linear-gradient( 135deg, rgba(255, 255, 255, 1) 64.5%, rgba(255, 255, 255, 0) 36% ); z-index: 50; border: 0; } .pilares .base-losango { height: 825px; position: relative; display: flex; flex-direction: row; align-items: center; overflow: hidden; } .pilares .losango-imagem.black.second { top: 55px; right: 35%; z-index: 20; } .pilares .losango-imagem.black.third { top: 55px; right: 6.5%; z-index: 10; } .info-pilar { position: absolute; z-index: 60; display: flex; width: 100%; justify-content: space-between; margin-top: 300px; } .info-pilar h4 span { background: none; } .losango-titulo-first > div { position: absolute; width: 100%; max-width: 450px; left: -100%; transition: 0.5s all; line-height: 2.8rem; } .losango-titulo-first > div.on { left: 0; } .losango-titulo-second, .losango-titulo-third { position: relative; overflow: hidden; } .losango-titulo-second > div, .losango-titulo-third > div { position: absolute; width: 100%; left: -100%; transition: 0.5s all; } .losango-titulo-second div.on, .losango-titulo-third div.on { left: 0; } .info-pilar > div:first-child { width: 450px; margin-right: 7%; } .info-pilar > div:nth-child(2), .info-pilar > div:nth-child(3) { width: 30%; height: 100px; text-align: center; } .info-pilar > div:nth-child(3) { width: 33%; } .info-pilar h4 { display: inline-block; margin: 0 0 15px 0; padding: 0; font-size: 4.5rem; font-weight: 500; line-height: 6rem; } .info-pilar h4 a { color: inherit; } .info-pilar > div:nth-child(2) h4, .info-pilar > div:nth-child(3) h4 { color: #fff; } .info-pilar h4 a::before { content: "+"; position: absolute; top: 65px; display: block; width: 25px; height: 25px; font-size: 3rem; font-weight: 700; line-height: 25px; text-align: center; color: #000; background-color: #ccff03; border-radius: 5px; transition: all 0.5s ease; } .info-pilar h4 a:hover { color: #ccff03; } .info-pilar > div:first-child h4 a::before { display: none; } .conteudo-pilar { position: relative; width: 100%; padding: 0; } .conteudo-pilar .itens-pilar { position: absolute; left: -100%; width: 60%; z-index: 50; transition: all 0.5s ease; } .conteudo-pilar .itens-pilar.novo { display: flex; flex-wrap: wrap; left: -150%; width: 100%; padding: 50px 0; } .conteudo-pilar .itens-pilar.on { left: 0; } .conteudo-pilar .itens-pilar .lista-losango { min-height: auto; margin: 0; max-width: 220px; position: absolute; } .conteudo-pilar .itens-pilar .lista-losango a.on:before { border: 1px solid #ccff03; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(2) { left: 250px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(3) { top: 125px; left: 125px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(4) { top: 125px; left: 375px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(5) { top: 250px; left: 250px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(6) { top: 250px; left: 500px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(7) { top: 375px; left: 375px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(8) { top: 375px; left: 625px; } .conteudo-pilar .itens-pilar .lista-losango span:first-child a:before { border: 0; background-color: #ccff03; } .conteudo-pilar .itens-pilar .lista-losango span:first-child a { font-weight: 700; } .conteudo-pilar a { display: flex; flex: 1; align-items: center; justify-content: center; max-width: 220px; min-width: 140px; height: 60px; vertical-align: middle; padding: 10px 15px 10px 15px; margin: 5px; font-size: 1.6rem; line-height: 2rem; text-align: center; background-color: #f6f6f3; border-radius: 10px; border: 1px solid #5a5a59; transition: all 0.5s ease; text-decoration: none; } .conteudo-pilar a:hover { background: #ccff03; border: 1px solid #f6f6f3; } .conteudo-pilar a.on { background: #ccff03; border: 1px solid #ccff03; font-weight: 600; } .saiba-mais { display: inline-block; width: 250px; height: 40px; margin: 0; font-size: 1.8rem; line-height: 34px; font-weight: 500; text-align: center; text-transform: uppercase; border: 2px solid #ccff03; background-color: #ccff03; border-radius: 10px; transition: all 0.5s ease; text-decoration: none; } .saiba-mais:hover { background: #ccff03; font-weight: 600; text-decoration: none; } .conteudo-pilar .texto-item-pilar { position: relative; width: 100%; min-height: 350px; padding: 30px 0 0 60%; } .conteudo-pilar .texto-item-pilar > div { width: 100%; max-width: 480px; position: absolute; right: -100%; transition: 0.5s all; line-height: 28px; padding: 0 2.5% 1.5% 2.5%; background-color: rgba(246, 246, 246, 0.8); border-radius: 20px; } .texto-item-pilar .wrapper { padding-top: 0; padding-bottom: 50px; } .texto-item-pilar .wrapper > div { width: 100%; display: none; position: relative; right: -150%; transition: 0.5s all; padding: 0; } .conteudo-pilar .texto-item-pilar > div.on { z-index: 100; right: 0; } .texto-item-pilar .wrapper > div.on { z-index: 100; right: 0; display: block; padding: 25px 2.5% 1.5% 2.5%; } .texto-item-pilar .wrapper > div h4 { font-size: 2.6rem; } .conteudo-pilar .texto-item-pilar .fechar { display: none; } .conteudo-pilar h3 { position: relative; padding: 0; margin: 45px 0 45px 0; font-size: 3.2rem; width: 100%; } .conteudo-pilar h3::before { content: ""; position: absolute; top: -30px; left: 0; display: block; width: 50px; height: 8px; background-color: #ccff03; } .conteudo-pilar h3 span { background: linear-gradient( to right, rgba(255, 255, 255, 0) 50%, rgba(189, 254, 0, 1) 50% ); background-size: 200%; background-position: -100% 0; display: inline; transition: 2s ease-in-out; } .faixa-imagem { /* position: absolute; */ width: 100%; max-height: 550px; padding: 0; /* border: 5px solid salmon; */ margin-top: -150px; overflow: hidden; } .faixa-imagem.nova { position: relative; max-height: 450px; margin-top: -150px; transition: 0.3s all; } .faixa-imagem.nova .slide { opacity: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); transition: 0.3s all; } .faixa-imagem.nova .slide.on { opacity: 1; } .faixa-imagem.nova .slide .wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; } .faixa-imagem.nova .slide .arrow-left, .faixa-imagem.nova .slide .arrow-right { position: relative; display: block; width: 45px; height: 45px; background-color: #fff; border-radius: 50%; transition: 0.5s all; } .faixa-imagem.nova .slide .arrow-right::before, .faixa-imagem.nova .slide .arrow-left::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -10px; width: 15px; height: 15px; border: 4px solid #000; border-left: 0; border-top: 0; transform: rotate(-45deg); } .faixa-imagem.nova .slide .arrow-left::before { margin: -7px 0 0 -5px; transform: rotate(135deg); } .faixa-imagem.nova .slide .arrow-right:hover, .faixa-imagem.nova .slide .arrow-left:hover { background-color: #ccff03; } .faixa-imagem.nova .slide .intro { color: #fff; font-size: 2rem; max-width: 700px; margin-right: auto; margin-left: 50px; } .faixa-imagem.nova .slide h4 { display: inline-block; font-size: 4.2rem; line-height: 1rem; font-weight: 900; padding: 25px; margin: 0 0 20px 0; color: #000; background-color: #ccff03; } .faixa-imagem img { padding: 0; margin-top: -25px; } .videos.ambipar-news.sustentabilidade { padding: 0; } .videos.sustentabilidade { padding: 50px 0; } .videos.sustentabilidade h2 { padding: 25px 0; } .videos.sustentabilidade .blk_videos { display: flex; flex-wrap: wrap; justify-content: space-between; } .videos.sustentabilidade .blk_videos h5 { margin: 15px 0; line-height: 1.5; font-size: 1.4rem; } .videos.sustentabilidade .blk_videos p { font-size: 1.4rem; line-height: 2.2rem; } .videos.sustentabilidade .blk_videos .first { width: 77%; padding-right: 0; } .videos.sustentabilidade .blk_videos .others { width: 23%; padding-left: 20px; } .videos.sustentabilidade .blk_videos .others p, .videos.sustentabilidade .blk_videos .others h5 { display: none; } .videos.sustentabilidade .blk_videos .others .video { margin-bottom: 20px; } .videos.sustentabilidade .blk_videos > div.full { width: 100%; } .videos.sustentabilidade .blk_videos > div { width: 31%; min-height: 250px; } .videos.sustentabilidade .blk_videos > div span { display: block; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 0; } .videos.sustentabilidade .blk_videos > div iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .relatorio { background: url(https://ambipar.com/site2020/wp-content/uploads/2021/05/bg_relatorio.jpg) no-repeat center; margin-bottom: 50px; margin-top: 50px; } .relatorio .titulo-relatorio { font-size: 8rem; line-height: 10rem; max-width: 520px; padding: 4% 0; color: #fff; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8); } .relatorio .titulo-relatorio span { background: linear-gradient( to right, rgba(255, 255, 255, 0) 50%, rgba(189, 254, 0, 1) 50% ); background-size: 200%; background-position: -100% 0; display: inline; transition: 2s ease-in-out; text-shadow: none; color: #000; } .relatorio .titulo-relatorio a { display: block; font-size: 1.8rem; line-height: 1.8rem; text-transform: uppercase; text-shadow: none; text-align: center; color: #000; padding: 15px 0; margin: 10px 0 0 0; width: 150px; font-weight: 700; background-color: #bdfe00; border: 2px solid #bdfe00; border-radius: 30px; } .relatorio .titulo-relatorio a:hover { font-weight: 500; } .noticias.sustentabilidade .losango-imagem.left { transform: translateX(-250px) translateY(200px) rotate(45deg) !important; } .noticias.sustentabilidade .section-info { max-width: 100%; padding: 0; } section.noticias .lista-noticias { display: flex; flex-wrap: wrap; justify-content: flex-end; } section.noticias ul { width: 100%; } section.noticias li { width: 32%; max-width: 370px; height: auto; margin: 0 0 40px 0; border: 0; border-radius: 0; overflow: hidden; background-color: transparent; } section.noticias ul li .imagem, section.noticias.sustentabilidade .swiper-slide .imagem { max-height: 240px; display: flex; justify-content: center; overflow: hidden; } section.noticias.sustentabilidade .swiper-container .swiper-slide .imagem { max-height: 150px; } section.noticias ul li .imagem img, section.noticias.sustentabilidade .swiper-slide .imagem img { max-width: 100%; min-height: 240px; object-fit: cover; } section.noticias.sustentabilidade .slider-ambipar-news ul li .imagem img { max-width: fit-content; object-fit: cover; } section.noticias ul li .resumo h4, section.noticias.sustentabilidade .swiper-slide .resumo h4 { font-weight: 500; font-size: 1.4rem; line-height: 2rem; padding: 0; } section.noticias ul li .resumo, section.noticias.sustentabilidade .swiper-slide .resumo { height: auto; padding: 20px 0 20px 0; background: transparent; } section.noticias ul li p, section.noticias.sustentabilidade .swiper-slide p { font-size: 1.4rem; line-height: 2rem; position: relative; padding-right: 50px; padding-top: 0; } section.noticias ul li .resumo p { padding-bottom: 5px; } section.noticias a.view-article { position: absolute; bottom: 0; right: 5px; display: block; background-color: #bdfe00; width: 25px; height: 25px; border-radius: 5px; overflow: hidden; text-indent: -100px; } section.noticias a.view-article::before { content: ""; color: #000; font-weight: 700; width: 25px; height: 25px; line-height: 25px; position: absolute; left: 0; top: 0; background: url(img/bullet_square_plus.png) no-repeat center; } #a-noticias .ler-todas, .noticias .ler-todas { position: relative; z-index: 100; margin: -75px 25px 0 0; padding: 0 35px; font-weight: 700; background-color: #bdfe00; border: 2px solid #bdfe00; display: block; float: right; height: 55px; border-radius: 10px; font-size: 2.1rem; line-height: 50px; text-align: center; text-transform: uppercase; } #a-eventos .ler-todas { position: absolute; right: 15px; bottom: 25px; } #a-noticias .ler-todas:hover, .noticias .ler-todas:hover { font-weight: 500; border: 2px solid #bdfe00; } .noticias.sustentabilidade .ler-todas { margin: 0; } #carbon-z .saiba-mais { width: 150px; margin-right: 10px; } /* AMBIPAR NEWS */ .anchors-links { background-color: #f6f6f3; } .anchors-links ul { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 0; margin: 0; list-style-type: none; } .anchors-links ul li { margin: 5px; } .anchors-links ul li a { display: inline-block; font-weight: 500; line-height: 30px; padding: 5px 20px 8px 20px; background-color: #ccff03; } /* body.page-template-page-ambipar-news section.last { min-height: 900px; } */ .noticias.sustentabilidade.ambipar-news { padding-top: 0; padding-bottom: 50px; } .noticias.sustentabilidade.ambipar-news .outras-noticias, section.noticias .outras-noticias { width: 100%; } section.noticias.sustentabilidade.ambipar-news li { overflow: visible; } section.noticias.sustentabilidade.ambipar-news li::before, section.noticias.sustentabilidade.ambipar-news .nav-categorias li a::before, section.noticias.sustentabilidade.ambipar-news .outras-noticias li a::before { display: none; } section.noticias.sustentabilidade.ambipar-news .outras-noticias.mais-recentes { display: flex; justify-content: flex-start; } section.noticias.sustentabilidade.ambipar-news .outras-noticias.mais-recentes ul, section.noticias.sustentabilidade.ambipar-news .outras-noticias.mais-recentes ul li { margin: 0; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .first { width: 77%; padding-right: 20px; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .first li { max-width: 100%; width: 100%; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .first ul li .imagem { height: 585px; max-height: 585px; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .first ul li .imagem img { object-fit: cover; height: 100%; width: 100%; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .others { width: 23%; padding-right: 20px; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .others ul { display: flex; flex-direction: column; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .others li { max-width: 100%; width: 100%; margin: 0; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .others li p { padding-right: 35px; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .others li .resumo { padding: 10px 0; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .others li .imagem { max-height: 129px; } section.noticias.sustentabilidade.ambipar-news .outras-noticias li { max-width: 100%; } section.noticias.sustentabilidade.ambipar-news .outras-noticias ul li a.view-article::before { display: block; } section.noticias.sustentabilidade.ambipar-news .noticias-relacionadas h3 { margin-bottom: 20px; } section.noticias.sustentabilidade.ambipar-news .noticias-relacionadas ul li p { padding-right: 0; padding-left: 0; width: 55%; } .noticias.sustentabilidade.ambipar-news.eventos { margin-top: 20px; } section.noticias.sustentabilidade.ambipar-news .content { padding-top: 20px; overflow: hidden; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .lista-noticias { width: 67%; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario { width: 33%; padding-top: 15px; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario h3 { padding: 0; margin: 0; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario select { width: 100%; height: 35px; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario ul { width: 100%; padding: 0; margin: 0; overflow-y: scroll; max-height: 300px; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario ul::-webkit-scrollbar { width: 9px; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario ul::-webkit-scrollbar-track { background-color: #e6e6e6; border-radius: 3px; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario ul::-webkit-scrollbar-thumb { background-color: #B3E001; border-radius: 3px; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario ul li { display: none; width: 100%; max-width: 100%; margin: 10px 0 0 0; padding: 5px 10px; background-color: #ccff03; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario ul li p { margin: 0 0 5px 0; } /* section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario ul li:first-child, */ section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario ul li.show { display: block; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario ul li h4 { font-weight: 500; font-size: 1.4rem; line-height: 2rem; padding: 0; text-transform: uppercase; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario ul li a::before { display: none; } .noticias.sustentabilidade.ambipar-news .nav-categorias, .publicacoes .nav-categorias, .videos .nav-categorias { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin: 30px 0 0 0; } .publicacoes .nav-categorias, .videos .nav-categorias { justify-content: flex-start; } .noticias.sustentabilidade.ambipar-news .nav-categorias li, .publicacoes .nav-categorias li, .videos .nav-categorias li { list-style-type: none; width: auto; padding: 0; margin: 0 12px 0 0; } .publicacoes .nav-categorias li { margin-right: 40px; } .noticias.sustentabilidade.ambipar-news .nav-categorias li a, .publicacoes .nav-categorias li a, .videos .nav-categorias li a { font-size: 1.4rem; text-transform: uppercase; color: #838383; } .noticias.sustentabilidade.ambipar-news .nav-categorias li a:hover, .publicacoes .nav-categorias li a:hover, .videos .nav-categorias li a:hover { color: #010101; text-decoration: underline; } .noticias.sustentabilidade.ambipar-news .nav-categorias li a.on, .publicacoes .nav-categorias li a.on, .videos .nav-categorias li a.on { font-weight: 700; color: #010101; } .publicacoes .nav-categorias li a::before, .publicacoes .nav-categorias li::before, .videos .nav-categorias li::before, .videos .nav-categorias li a::before { display: none; } .publicacoes { padding-bottom: 50px; } .publicacoes .faixa-imagem { margin-top: 20px; min-height: 540px; background: url(https://ambipar.com/site2020/wp-content/uploads/2021/06/bg-ambipar-news.jpg) no-repeat center; } .publicacoes .faixa-imagem .slide .intro { display: flex; justify-content: space-between; align-items: center; padding: 0; width: 100%; max-width: 1000px; } .publicacoes .faixa-imagem .slide .intro figure { width: 40%; text-align: center; } .publicacoes .faixa-imagem .slide .intro .slide-text { width: 58%; margin-left: 2%; font-size: 1.6rem; line-height: 2.4rem; } .publicacoes .faixa-imagem .slide .intro .slide-text h4 { font-size: 3.6rem; line-height: 1; padding: 20px 15px; margin: 0 0 45px 0; } .publicacoes .faixa-imagem .slide .intro .slide-text a { display: inline-block; font-size: 1.8rem; font-weight: 700; text-transform: uppercase; padding: 15px 40px; margin: 30px 0 0 0; border-radius: 30px; background-color: #ccff03; } .publicacoes .faixa-imagem .slide .intro .slide-text a:hover { font-weight: 500; } .publicacoes .faixa-imagem img { margin: 0; } .publicacoes h4, .videos.ambipar-news h4, .ambipar-news.entrevistas h4, .ambipar-news.sala-de-imprensa h4, .ambipar-news.na-midia h4, .ambipar-news.eventos h4 { position: relative; display: inline-block; font-size: 3.8rem; line-height: 1rem; font-weight: 400; padding: 25px; margin: 0; color: #000; background-color: #ccff03; } .publicacoes h4::after, .ambipar-news h4::after, .ambipar-news h2::after, .ambipar-news.entrevistas h4::after, .ambipar-news.sala-de-imprensa h4::after, .ambipar-news.na-midia h4::after, .ambipar-news.eventos h4::after { content: ""; position: absolute; bottom: -20px; left: 0; display: block; width: 25px; height: 5px; background-color: #ccff03; } .videos.ambipar-news h4::after { bottom: -20px; left: 0; } .ambipar-news h2::after { bottom: -20px; left: 0; } .publicacoes .faixa-imagem h4::after { display: none; } .videos.ambipar-news.sustentabilidade.mobile { display: none; } section.noticias.ambipar-news .resumo h4 { background-color: transparent; } section.noticias.ambipar-news .resumo h4::after { display: none; } section.noticias.ambipar-news.lives ul li .imagem, section.noticias.ambipar-news.lives .swiper-slide .imagem { height: 100%; } section.noticias.ambipar-news.lives .swiper-slide .imagem { height: 240px; } section.noticias.ambipar-news.lives span { display: block; position: relative; } section.noticias.ambipar-news.lives .video-container section.noticias.ambipar-news.lives .video-container .wp-block-embed__wrapper { display: block; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 0 0 40px 0; } section.noticias .losango-border { width: 800px; height: 800px; transform: translateX(-450px) translateY(150px) rotate(45deg) !important; } section.noticias.ambipar-news.lives .losango-border { width: 800px; height: 800px; transform: translateX(-650px) translateY(-150px) rotate(45deg) !important; } section.noticias.ambipar-news.lives .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .noticias.sustentabilidade.ambipar-news.sala-de-imprensa { margin-top: 100px; } section.noticias.ambipar-news .losango-imagem, .publicacoes .losango-imagem { background-color: #cbff00; } .publicacoes .losango-imagem.right { transform: translateX(50%) translateY(25%) rotate(45deg) !important; } .videos.ambipar-news .losango-imagem.left { background-color: #cbff00; transform: translateX(-500px) translateY(70px) rotate(45deg) !important; } .ambipar-news.eventos .losango-border.left { transform: translateX(-600px) translateY(-550px) rotate(45deg) !important; } .noticias.sustentabilidade.ambipar-news.entrevistas.cases .losango-imagem.right { transform: translateX(50%) translateY(50%) rotate(45deg) !important; z-index: 1; } .slider-ambipar-news { overflow: hidden; } .swiper-container.slider-ambipar-news, .swiper-container-2.slider-ambipar-news, .swiper-container-3.slider-ambipar-news, div[class^="swiper-container-"].slider-ambipar-news { padding: 20px 0 80px 0; } .swiper-container.slider-ambipar-news { padding-top: 0; } .swiper-container-3.slider-ambipar-news { padding-bottom: 120px !important; } .swiper-container.slider-ambipar-news .swiper-slide, .swiper-container-2.slider-ambipar-news .swiper-slide, .swiper-container-3.slider-ambipar-news .swiper-slide, div[class^="swiper-container-"].slider-ambipar-news .swiper-slide { /* margin: 0 10px 0 10px; */ padding: 0 35px; } .swiper-container.slider-ambipar-news .swiper-slide, .swiper-container-2.slider-ambipar-news .swiper-slide, .swiper-container-4.slider-ambipar-news .swiper-slide, .swiper-container-5.slider-ambipar-news .swiper-slide, .swiper-container-6.slider-ambipar-news .swiper-slide, .swiper-container-9.slider-ambipar-news .swiper-slide { padding: 0 25px 0 0 !important; } .swiper-container-7.slider-ambipar-news .swiper-slide { padding: 0 !important; } .swiper-container-7.slider-ambipar-news, .swiper-container-8.slider-ambipar-news { padding-top: 0 !important; } .slider-ambipar-news .swiper-button-prev { left: calc(50% - 75px); top: auto; bottom: 20px; width: 42px; height: 42px; border-radius: 50%; background-size: 25px; border: 1px solid #ccc; box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1); } .slider-ambipar-news .swiper-button-next { left: auto; right: calc(50% - 75px); top: auto; bottom: 20px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #ccc; box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1); } .videos .slider-ambipar-news .swiper-button-prev { left: calc(50% - 95px); } .videos .slider-ambipar-news .swiper-button-next { right: calc(50% - 95px); } .slider-ambipar-news .swiper-button-prev.swiper-button-black, .slider-ambipar-news .swiper-container-rtl .swiper-button-next.swiper-button-black, .slider-ambipar-news .swiper-button-next.swiper-button-black, .slider-ambipar-news .swiper-container-rtl .swiper-button-prev.swiper-button-black, .slider-ambipar-news .swiper-button-next.swiper-button-disabled, .slider-ambipar-news .swiper-button-prev.swiper-button-disabled { opacity: 1; background-size: 10px; } .slider-ambipar-news .swiper-pagination-bullet { display: inline-block !important; width: 12px; height: 12px; } .slider-ambipar-news .swiper-pagination-bullet-active { background-color: #cbff00; } .slider-ambipar-news .swiper-pagination { bottom: 28px !important; } .swiper-container-2.slider-ambipar-news .swiper-slide a, .swiper-container-3.slider-ambipar-news .swiper-slide a { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } .swiper-container-2.slider-ambipar-news p, .swiper-container-3.slider-ambipar-news p { font-size: 1.4rem; line-height: 2rem; position: relative; padding: 0 0 0 20px; width: 55%; } .swiper-container-2.slider-ambipar-news p { padding: 0 50px 0 0; width: 100%; } /* VAGAS JOBS PAGE */ .page-template-page-vagas .losango h2 { margin: 30px 0 60px 0; } .page-template-page-vagas section ul li::before { display: none; } .page-template-page-vagas .row { display: block; } .page-template-page-vagas .job_listings { margin-top: 0 !important; } .page-template-page-vagas .job_filters { background-color: transparent; margin-bottom: 40px; } .job_filters .search_jobs { display: flex; align-items: center; padding: 0.5em 0; } .job_filters .search_jobs div.search_keywords, .job_filters .search_jobs div.filter_first, .job_filters .search_jobs div.search_location, .job_filters .search_jobs div.filter_last { float: none; width: 40%; padding: 0; margin-right: 1%; } .job_filters .search_jobs div.search_submit { padding-top: 0; width: 20%; } .job_filters .search_jobs input, .job_filters .search_jobs select { font-size: 1.6rem; height: 50px; padding: 0 10px; border: 1px solid #000; } .search_jobs .search_categories { display: none; } .job_filters .search_jobs input[type="submit"] { border: 0; background-color: #cbff00; border-radius: 0; text-transform: none; line-height: 0; } .job_filters .job_types { display: flex; background-color: transparent; border: 0; margin-top: 24px; } .job_listings li { display: flex; padding: 21px 0; } .job_filters .job_types li { padding: 0 0.5em 0 0; border: 0; font-size: 2rem; font-weight: 400; } .job_filters .job_types li input[type="checkbox"], .job_filters .job_types li input[type="radio"] { height: 20px; width: 20px; } .job_filters .job_types li input[type="checkbox"]:checked, .job_filters .job_types li input[type="radio"]:checked { background-color: #ccff03; } .rp4wp-related-job_listing > ul, ul.job_listings { border: 0; } .rp4wp-related-job_listing > ul li.job_listing, .rp4wp-related-job_listing > ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found { border-bottom: 1px solid #fff; } ul.job_listings > li:nth-child(odd) { background-color: #ccff03 !important; } ul.job_listings > li:nth-child(even) { background-color: #eee !important; } .rp4wp-related-job_listing > ul li.job_listing a, .rp4wp-related-job_listing > ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a { padding: 0; width: 100%; padding: 0; display: flex; align-items: center; } .job_listings .company_logo, .job_listings .company, .job_listings .meta .date { display: none !important; } .job_listings .position h3, .job_listings .location, .job_listings .meta, .job_listings .job-type { font-size: 1.8rem !important; font-weight: 400 !important; color: #000 !important; } .job_listings .job-type { font-weight: 600; padding-right: 20px !important; } .job_listings .position { padding: 0 0 0 20px !important; } /* VAGAS JOBS SINGLE */ .single_job_listing { width: 100%; } .single-job_listing h2 { font-size: 2.4rem; background-color: #ccff03; padding: 5px 10px; margin: 40px 0 0 0; } .single_job_listing .meta .job-type { background-color: transparent !important; color: #000; } .single-job_listing .company, .single-job_listing .date-posted, .single-job_listing .application_button.button, .single_job_listing .meta .location::before, .single_job_listing .google_map_link::before, .single-job_listing .addtoany_content { display: none !important; } .single_job_listing .meta li { padding: 1em 0.5em 1em 0; } ul.job-listing-meta li.job-type { padding-left: 0; } /* VAGAS UNIFICADAS */ .page-template-template-vagas-unificado div.job_listings { margin-bottom: 45px; } .page-template-template-vagas-unificado p.texto-entre-forms { margin-bottom: 45px; max-width: 950px; } .page-template-template-vagas-unificado .wrapper-contato { max-width: 100%; } .page-template-template-vagas-unificado .wrapper-contato form { width: 100%; max-width: 950px; } .page-template-template-vagas-unificado .unificado { margin-top: 60px; } .page-template-template-vagas-unificado .wrapper-contato form.job_filters { background: #fff; margin-top: 45px; width: 100%; max-width: 100%; } .page-template-template-vagas-unificado section ul li:before { display: none; } .page-template-template-vagas-unificado .job_filters .job_types { margin-bottom: 24px; } .page-template-template-vagas-unificado .job_filters .search_jobs { width: 100%; } .page-template-template-vagas-unificado .job_filters .search_jobs div.search_keywords, .page-template-template-vagas-unificado .job_filters .search_jobs div.search_location { width: 37%; } /* AJUSTES ABRIL 22 */ body.page .main_content { padding-top: 450px; padding-bottom: 0; background-position: center top -130px; background-size: 1240px; } .page .content.main_content .losango-border, .page .content.main_content .losango-border.right { left: 60%; width: 420px; height: 420px; top: 99px; } .banner-interna .wrapper { padding-top: 460px; } ul.lista-icones-modal { display: flex; padding: 0; flex-wrap: wrap; justify-content: center; } ul.lista-icones-modal li { width: 22%; } ul.lista-icones-modal li:before { display: none; } ul.lista-icones-modal li img { margin: 0; padding: 0 3px; } .page:not(.home) body.page section.opening { padding: 40px 0 30px 0; } .page:not(.home) .banner-interna img { max-width: 240px; } .page:not(.home) .banner-interna h1 { font-size: 6rem; line-height: 7.1rem; margin: 30px 0 15px 0; } .banner-interna .titulo-banner h1.title-no-image { margin-top: 90px; } /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ @media only screen and (max-width: 1500px) { .helicoptero { right: 0; } .tour .overlay-mapa a span { opacity: 1; width: 100%; height: auto; line-height: 10px; font-size: 0.9rem; padding: 1px 2px 1px 2px; transition: 0.5s all; overflow: visible; } .tour .overlay-mapa a:hover span { opacity: 1; width: 100%; text-decoration: none; } .tour .overlay-mapa a:after { width: 16px; height: 16px; margin-top: -1px; font-size: 2rem; line-height: 18px; border-radius: 3px; } .tour .overlay-mapa a.valorizacao { top: 6%; left: 20%; } .tour .overlay-mapa a.laboratorio { top: 14%; left: 12%; } .tour .overlay-mapa a.laboratorio span { max-width: 70px; margin-top: 20px; margin-left: -20px; } .tour .overlay-mapa a.laboratorio:after { margin-top: -40px; } .tour .overlay-mapa a.distribuicao { top: 13%; left: 37%; } .tour .overlay-mapa a.distribuicao span { width: 50px; margin-left: -50px; margin-top: 15px; } .tour .overlay-mapa a.distribuicao:after { margin-top: -22px; } .tour .overlay-mapa a.patio { top: 8%; left: 50%; } .tour .overlay-mapa a.heliponto { top: 22%; left: 59%; } .tour .overlay-mapa a.centro-de-treinamento { top: 26%; left: 79%; } .tour .overlay-mapa a.restaurante { top: 20%; left: 45%; } .tour .overlay-mapa a.centro-de-servicos { top: 28%; left: 44%; z-index: 10; } .tour .overlay-mapa a.centro-de-servicos span { width: 65px; margin-top: 30px; margin-left: -50px; } .tour .overlay-mapa a.centro-de-servicos:after { margin-top: -50px; } .tour .overlay-mapa a.escritorio { top: 30%; left: 55%; } .tour .overlay-mapa a.oficina { top: 48%; left: 49%; } .tour .overlay-mapa a.oficina span { margin-top: 15px; } .tour .overlay-mapa a.oficina:after { margin-top: -30px; } .tour .overlay-mapa a.escritorio { top: 28%; } .tour .overlay-mapa a.escritorio span { width: 50px; margin-top: 30px; } .tour .overlay-mapa a.escritorio:after { margin-top: -40px; } .tour .overlay-mapa a.horta { top: 24%; left: 22%; } .tour .overlay-mapa a.centro-de-treinamento span { margin-top: 20px; margin-left: -15px; } .tour .overlay-mapa a.centro-de-treinamento:after { margin-top: -50px; } .tour .overlay-mapa a.horta span { width: 45px; margin-top: 35px; margin-left: -30px; } .tour .overlay-mapa a.horta:after { margin-top: -30px; } } @media only screen and (min-width: 1025px) and (max-width: 1366px) { html.dozoom { zoom: 0.75; } .anchor { margin-top: -250px; } .first-anchor { margin-top: -350px; } } @media only screen and (max-width: 1280px) { .banner-interna .losango-imagem { right: auto; /* left: -355px; */ } /* INTERNAS */ .banner-interna.home .titulo-banner { max-width: 350px; bottom: 20px; } .banner-interna.home .losango-imagem { left: -555px; } .banner-interna.home .full { max-width: 600px; } body.page .content.left, body.page .content.right, body.single .content.left, body.single .content.right { min-height: 950px; padding-bottom: 100px; } body.page .content.left.last, body.page .content.right.last, body.single .content.left.last, body.single .content.right.last { padding-bottom: 150px; } body.page .content .losango-imagem { width: 550px; height: 550px; } body.page .content .losango-imagem.right { left: 68%; } body.page .content .losango-imagem.left { right: 68%; } body.page .content .losango-border { width: 700px; height: 700px; } } @media only screen and (min-width: 1200px) { body.home.page footer { padding-top: 0; background-position: center bottom 845px; } } @media only screen and (max-width: 1200px) { .header, .sticky-header { display: none; } .nav-mobile { display: block; position: absolute; top: 0; z-index: 999999; width: 100%; background: transparent; transition: 0.5s all; } .nav-mobile .desktop { display: none; height: 0; opacity: 0; visibility: hidden; transition: 0.5s ease all; padding: 15px; } .nav-mobile .desktop.opening { display: block; opacity: 1; visibility: visible; position: absolute; left: 0; right: 0; top: 75px; height: auto; } .nav-mobile.sticky { position: fixed; width: 100%; background: #fff; } .nav-mobile.nav-mobile-bg { background: #fff; height: 100%; overflow: scroll; } .nav-mobile.nav-mobile-bg .hamburger, .nav-mobile.nav-mobile-bg .hamburger::before, .nav-mobile.nav-mobile-bg .hamburger::after { background: #000; } /* .nav-mobile ul a { border-bottom: 3px solid #ccff03; width: fit-content; }*/ .nav-mobile ul li li a { border-bottom: 0; padding: 0px 0 0 33px; font-size: 15px; } #ilustra-segmentos, #ilustra-certificacoes, #ilustra-diferenciais { z-index: -1; } .paises { padding: 190px 0 0 0; } .mapa.tooltip-full { display: none; } .mapa-mobile { display: block; width: 100%; } .tabela-mapa-mobile { display: flex; flex-wrap: wrap; background: #002f82; } .tabela-mapa-mobile .tooltip .tooltiptext { visibility: visible; position: initial; opacity: 1; } .tabela-mapa-mobile .tooltip { width: 32.5%; padding: 15px; margin: 3px; border: 1px solid #fff; } .tabela-mapa-mobile .tooltip img { display: none; } .tabela-mapa-mobile .tooltip h3 { color: #ccff03; margin: 0; font-size: 36px; } .tabela-mapa-mobile .tooltip a { color: #fff; margin: 9px 0 3px 0; font-size: 24px; font-weight: 600; display: block; } .tabela-mapa-mobile .tooltip span { color: #fff; margin: 0; font-size: 18px; } .tabela-mapa-mobile .tooltip .tooltiptext a, .tabela-mapa-mobile .tooltip .tooltiptext span, .tabela-mapa-mobile .tooltip.mapaon .tooltiptext a, .tabela-mapa-mobile .tooltip.mapaon .tooltiptext span { height: auto; visibility: visible; opacity: 1; } .mapa { margin: 0; } body.page.page-template-template-formularios footer, body.page.page-template-page-ambipar-news footer { padding-top: 500px; } section.noticias { padding-bottom: 500px; } section.noticias .content { flex-direction: column; align-items: center; } section.noticias .lista-noticias { width: 80%; justify-content: center; padding: 20px 0 0 0; } section.noticias .noticia-destaque { margin: 15px auto; } .contato .wrapper > div > div { display: flex; flex-direction: column; align-items: center; } .helicoptero { top: -480px; } .wrapper-contato { max-width: 600px; } .page-template-template-formularios .wrapper-contato { max-width: 90%; } .wrapper-contato .full-width input { width: 100%; } .contato-info { width: 100%; max-width: 600px; padding: 0 0 45px 0; } .contato h2 { font-size: 4.6rem; line-height: 5.1rem; max-width: 600px; margin: 0 auto 30px auto; width: 100%; } .wpcf7-form-control-wrap { width: 100%; } .wrapper-contato p { justify-content: space-around; width: 100%; } .wrapper-contato form input { width: 100%; } .wrapper-contato form textarea { width: 100%; } .wrapper-contato form select { width: 100%; } .wrapper-contato form input[type="submit"] { margin-right: 0; } footer nav .endereco { width: 100%; } footer nav .social { width: 100%; display: flex; justify-content: flex-start; margin: 0px 0 45px 0; } /* SUSTENTABILIDADE */ .pilares .losango-imagem { width: 850px; height: 850px; } .pilares .losango-imagem.black.second { right: 37%; } .pilares .losango-imagem.black.third { right: 8.5%; } .pilares .losango-imagem.black.on { background: linear-gradient( 135deg, rgba(255, 255, 255, 1) 73.5%, rgba(255, 255, 255, 0) 36% ); } .info-pilar h4 { font-size: 3rem; line-height: 6rem; } .losango-titulo-second div.on, .losango-titulo-third div.on { left: -25px; } .info-pilar > div:nth-child(2), .info-pilar > div:nth-child(3) { width: 35%; } .losango-titulo-first > div { font-size: 1.8rem; line-height: 2.8rem; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(4) { top: 250px; left: 0; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(5) { top: 250px; left: 250px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(6) { top: 375px; left: 125px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(7) { top: 500px; left: 0; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(8) { top: 500px; left: 250px; } .conteudo-pilar .texto-item-pilar > div { padding-left: 2%; font-size: 1.8rem; line-height: 2.8rem; } .anchors-links ul { justify-content: center; } .noticias.sustentabilidade { padding-bottom: 80px; } .noticias.sustentabilidade .section-info { padding: 0 10%; text-align: center; } .noticias.sustentabilidade.ambipar-news .section-info { padding: 0; text-align: left; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .first { width: 70%; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .others { width: 30%; } } @media only screen and (max-width: 1024px) { section.noticias { padding-bottom: 200px; background: #fff !important; } .home footer { background: none; } footer nav .wrapper > div:first-child, footer nav .wrapper > div { padding-right: 10px; } /* INTERNAS */ .opening .row { flex-direction: column-reverse; } .lista-icones.row { flex-direction: row; } body.page .lista-icones p, body.single .lista-icones p { margin-top: 20px; padding-left: 10px; padding-right: 10px; } body.page section.last, body.single section.last { background-color: #fff; } body.page section.galeria.last, body.single section.galeria.last { min-height: 630px; } .banner-interna.home .titulo-banner { bottom: 120px; } .banner-interna.home { background-image: url(img/bg_slide_home_mobile.jpg) !important; background-repeat: no-repeat !important; background-position: right -360px top -50px !important; background-color: #fff !important; } .banner-interna.home .losango-imagem { display: none; } .banner-interna.home .full { display: none; } .banner-interna.home .tablet { display: block; } .banner-interna.home img { position: absolute; top: 20px; right: 0; } .banner-interna.home .titulo-banner { bottom: 200px; left: 100px; } .banner-interna.home .titulo-banner a { display: none; } body.page, body.single { background: none; } .page:not(.home) .banner-interna .losango-imagem { right: 36%; } /* body.page footer, body.search footer, body.single footer, body.archive footer, body.page.page-template-template-formularios footer, body.page.page-template-page-ambipar-news footer { padding-top: 100px; background-size: 100%; background-position: center top 890px; } */ body.search footer { padding-top: 700px; background-position: center bottom 980px; } body.page-template-template-formularios footer { padding-top: 400px; } body.page-template-page-tour-virtual footer { padding-top: 205px; } .imagem-separadora { display: none; } /* INTERNA NOTÍCIAS */ .single-noticia .opening h2 { padding-right: 0; } body.single-noticia { max-width: 100%; } .autor-noticia { margin-bottom: 30px; } .noticia .section-info { max-width: 100%; } .noticia .losango-imagem { display: none; } .noticias-relacionadas ul li { width: 48%; margin-bottom: 50px; } .single .noticias-relacionadas p { width: 65%; } .simulador form p span { width: 50%; } section.noticias.sustentabilidade.ambipar-news .content { padding-bottom: 60px; } #a-eventos .ler-todas { left: 50%; right: initial; margin-left: -92px; bottom: 0; } /* SUSTENTABILIDADE */ .opening.esg { /* top, transparent red */ background: linear-gradient( rgba(255, 255, 255, 0) 1463px, rgba(246, 246, 243, 1) 37.5% ), url(img/sustentabilidade/bg-esg.jpg) no-repeat center top; /* background: #f6f6f6 url(img/sustentabilidade/bg-esg.jpg) no-repeat center top, #000 no-repeat center top; */ } .opening.esg .wrapper > .row { min-height: 580px; } .opening.esg .wrapper > .row .column { width: 100%; } .opening.esg .wrapper > .row img { width: 220px; } .esg-logo, .esg-logo-esg { margin-top: -50px; max-width: 520px; } .conteudo-pilar .texto-item-pilar { padding: 30px 0 0 0; border: 2px solid #ccff03; border-radius: 20px; background-color: #fff; z-index: 100; right: -120%; transition: 0.3s all; min-height: 410px; } .pilares .losango-imagem { width: 650px; height: 650px; right: 55%; } .pilares .base-losango { height: 624px; } .pilares .losango-imagem.black.on { background: linear-gradient( 135deg, rgba(255, 255, 255, 1) 69.5%, rgba(255, 255, 255, 0) 36% ); } .losango-titulo-second div.on, .losango-titulo-third div.on { left: 0; } .conteudo-pilar .texto-item-pilar.on { right: 0; } .conteudo-pilar .texto-item-pilar > div { max-width: 98%; padding: 5%; background-color: transparent; } .conteudo-pilar .texto-item-pilar .fechar { position: absolute; right: 0; top: 0; margin: 10px 20px 0 0; display: block; color: #000; font-size: 1.6rem; font-weight: 500; text-transform: uppercase; z-index: 100; } .info-pilar { margin-top: 70px; } .info-pilar > div:nth-child(2), .info-pilar > div:nth-child(3) { width: 30%; } .pilares.novo { min-height: 1130px; } .faixa-imagem img { margin-top: 0; } .pilares .losango-imagem.black.second { right: 31%; } .info-pilar .losango-titulo-second h4, .info-pilar .losango-titulo-third h4 { margin-left: -120px; } .info-pilar .losango-titulo-second h4 span, .info-pilar .losango-titulo-third h4 span { display: none; } .info-pilar > div:first-child { margin-right: 0; } .losango-titulo-first p { line-height: 2.5rem; padding-right: 50px; } .conteudo-pilar .itens-pilar .lista-losango span:first-child a:before { background: #f6f6f3; border: 1px solid #5a5a59; } .conteudo-pilar .itens-pilar .lista-losango span:first-child a { font-weight: 400; } .videos.sustentabilidade .blk_videos .first { width: 77.5%; } .videos.sustentabilidade .blk_videos .others { width: 22.5%; } /* AMBIPAR NEWS */ body.page-template-page-ambipar-news section.last { min-height: 475px; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .lista-noticias { width: 100%; } section.noticias.sustentabilidade.ambipar-news .content.blk-eventos .calendario { width: 100%; margin: 0 auto; max-width: 450px; } .content.left .row, .content.right .row { max-width: 100%; padding-left: 0; } .job_filters .job_types { flex-wrap: wrap; } .page-template-template-vagas-unificado .job_filters .search_jobs div.search_keywords, .page-template-template-vagas-unificado .job_filters .search_jobs div.search_location { width: 33%; } .job_filters .job_types li { width: 25%; } } @media only screen and (max-width: 990px) { /* body.page footer, body.search footer, body.single footer, body.archive footer, body.page.page-template-template-formularios footer, body.page.page-template-page-ambipar-news footer { background-position: center top 42%; } */ body.search footer { padding-top: 560px; background-position: center top 0, center bottom 1540px; } footer nav .wrapper > div:first-child { flex: auto; margin-top: 150px; } body.page .content.left, body.page .content.right, body.single .content.left, body.single .content.right { padding-bottom: 500px; } .content.right .row, .content.left .row { max-width: 500px; /* margin-top: -500px; */ padding-left: 0; } body.page .content .losango-border { width: 450px; height: 450px; } .page:not(.home) .banner-interna .losango-imagem { right: 40%; left: auto; } .content.right .row, .content.left .row { max-width: 100%; margin-left: 0; } .content .losango-border { top: 50px; } body.page .content .losango-imagem.right, body.page .content .losango-imagem.left, body.single .content .losango-imagem.right, body.single .content .losango-imagem.left { display: none; } body.page .content .losango-imagem.left, body.page .content .losango-border.left, body.single .content .losango-imagem.left, body.single .content .losango-border.left { transform: translateX(10%) translateY(40px) rotate(45deg) !important; } body.page .content .losango-border.left, body.single .content .losango-border.left { right: 67%; z-index: 1; } body.page .content .losango-border.right, body.single .content .losango-border.right { left: 60%; z-index: 1; } body.page .content.left, body.page .content.right, body.single .content.left, body.single .content.right { min-height: 500px; padding-bottom: 0; } /* SUSTENTABILIDADE */ section.noticias li { width: 48%; max-width: 370px; } .faixa-imagem.nova .slide .intro { max-width: 550px; } .videos.sustentabilidade .blk_videos .first, .videos.sustentabilidade .blk_videos .others { width: 100%; padding: 0; } .videos.sustentabilidade .blk_videos .others p, .videos.sustentabilidade .blk_videos .others h5 { display: block; } /* Ambipar News */ .videos.ambipar-news.sustentabilidade.desktop { display: none; } .videos.ambipar-news.sustentabilidade.mobile { display: block; } .swiper-container-8.slider-ambipar-news .swiper-slide { padding: 0 !important; } .videos.ambipar-news.sustentabilidade.mobile .slider-ambipar-news .swiper-button-prev { left: calc(50% - 150px); } .videos.ambipar-news.sustentabilidade.mobile .slider-ambipar-news .swiper-button-next { right: calc(50% - 150px); } } @media only screen and (max-width: 900px) { section.noticias .losango-imagem.left { display: none; } body.page .paises, body.home .paises { background-size: 250%, contain; /*background-position: center;*/ background-color: #073175; } .paises h2 { font-size: 3rem; } .ambipar-environment .opening .row, .ambipar-response .opening .row { flex-direction: column; } .ambipar-environment .opening .row .column img, .ambipar-response .opening .row .column img { margin: 30px auto; display: block; } /* body.page, body.single, body.archive { background-image: url(img/bg_white_internas.png); } */ footer .nav-footer .wrapper:before { content: ""; display: block; height: 300px; background: url(img/bg_footer_novo.jpg) no-repeat; } .webp footer .nav-footer .wrapper:before { background: url(img/bg_footer_novo.jpg) no-repeat; } .noticias-relacionadas ul li { width: 90%; margin-left: 5%; margin-bottom: 50px; } .single .noticias-relacionadas p { width: 100%; padding-left: 30px; } } @media only screen and (max-width: 768px) { .top-bar .emergency { display: none; } .top-bar .contact { margin: 0; } .header .logo, .home .header .logo, .nav-mobile .logo { height: 85px; } #ilustra-segmentos, #ilustra-certificacoes, #ilustra-diferenciais { width: 600px; height: 600px; transform: translateX(30%) translateY(-12%) rotate(45deg) !important; } .page:not(.home) .banner-interna .losango-imagem, .banner-interna .losango-imagem { right: auto; left: -160px; /*top: 100px;*/ top: 220px; width: 700px; height: 700px; } .banner-interna .titulo-banner { /* margin-top: -100px; */ width: auto; } .tabela-mapa-mobile .tooltip { width: 49%; } .wrapper-contato form input, .wrapper-contato form textarea { width: 100%; } .contato { padding-bottom: 50px; } .contato .wrapper > div > div { flex-direction: column; } .home footer { padding-top: 300px; } .content.right .row { padding-left: 0; } body.page footer, body.search footer, body.single footer, body.archive footer, body.page.page-template-template-formularios footer, body.page.page-template-page-ambipar-news footer, .webp body.page footer, .webp body.search footer, .webp body.single footer, .webp body.archive footer { background-size: 200%; background-position: center top 21%; background-image: url(img/bg_footer_novo.jpg), linear-gradient( 180deg, rgba(255, 255, 255, 1) 35%, rgba(88, 88, 88, 1) 30% ); } body footer.nform { background-position: center top -350px !important; padding-top: 600px !important; } body.page-template-page-tour-virtual footer.nform { padding-top: 300px !important; } body.page-template-template-formularios section.opening { min-height: 1200px; } body.search .losango { padding-bottom: 550px; } footer nav .wrapper > div:first-child { margin-top: 0; } footer nav { background: #585858; } footer nav .wrapper > div:last-child { flex-direction: column; padding: 30px 0; } footer nav .endereco { flex-direction: column; justify-content: flex-start; text-align: left; } footer nav .social { padding: 21px 0; } footer nav .social img { width: 36px; } footer nav .wrapper > div:first-child { flex: auto; } footer .environment, footer .response { padding: 60px 0 0 0; } /* INTERNAS */ .banner-interna.home .wrapper { padding-top: 100px; } .banner-interna.home .tablet { display: inline-block; position: relative !important; text-align: center; } .banner-interna.home .titulo-banner { left: 0; padding: 0 20px; max-width: 100%; bottom: 20px; } .banner-interna.home { background-position: right -360px top -100px !important; background-color: #fff !important; } .wrapper { padding: 0 20px; } .segmento-escolhido, .resultado span { width: 100%; } .simulador { padding-bottom: 0; } .simulador .column { flex: none; width: 100%; text-align: center; } /* SUSTENTABILIDADE */ .video-background.esg iframe { width: 100%; height: 100%; min-width: 1400px; min-height: 750px; /* pointer-events: none; */ } .noticias.sustentabilidade .section-info { padding: 0; } .noticias.sustentabilidade .section-info h2 { font-size: 3.8rem; } .banner-interna.sustentabilidade, .video-background, .video-background iframe { height: 773px; min-height: 773px; } .banner-interna.sustentabilidade .losango-imagem { top: 250px; right: 30%; bottom: -50px; left: auto; width: 600px; height: 600px; background: linear-gradient( 135deg, rgba(0, 0, 0, 0.5) 68%, rgba(255, 255, 255, 0.5) 36% ); } .banner-interna.sustentabilidade .titulo-banner { position: relative; padding: 0 20px; max-width: 420px; } .banner-interna.sustentabilidade a { width: 100%; max-width: 350px; } .banner-interna.sustentabilidade h1 { font-size: 4.2rem; line-height: 5rem; } .banner-interna.sustentabilidade h1.esg { margin-top: 50px; font-size: 4.2rem; line-height: 5rem; } .faixa-imagem.nova .slide .intro { font-size: 1.6rem; line-height: 2rem; margin: 0 15px; max-width: 70%; } .videos.sustentabilidade .blk_videos > div { width: 95%; } /* AMBIPAR NEWS */ .swiper-container.slider-ambipar-news, .slider-ambipar-news { padding-bottom: 80px; } .swiper-container.slider-ambipar-news .swiper-button-prev, div[class^="swiper-container-"].slider-ambipar-news .swiper-button-prev { left: calc(50% - 130px); } .swiper-container.slider-ambipar-news .swiper-button-next, div[class^="swiper-container-"].slider-ambipar-news .swiper-button-next { right: calc(50% - 130px); } .relatorio { background-size: cover; } .relatorio .titulo-relatorio { font-size: 7.6rem; line-height: 10rem; } .swiper-container-2.slider-ambipar-news .swiper-slide, .swiper-container-4.slider-ambipar-news .swiper-slide, .swiper-container-5.slider-ambipar-news .swiper-slide, .swiper-container-6.slider-ambipar-news .swiper-slide, .swiper-container-9.slider-ambipar-news .swiper-slide { padding: 0 5px !important; } section.noticias.ambipar-news .losango-imagem, .publicacoes .losango-imagem { width: 450px; height: 450px; transform: translateX(30%) translateY(-15%) rotate(45deg) !important; } .videos.ambipar-news .losango-imagem.left { width: 450px; height: 450px; transform: translateX(-300px) translateY(70px) rotate(45deg) !important; } .noticias.sustentabilidade.ambipar-news.last { min-height: 500px; } #a-noticias .ler-todas, .noticias .ler-todas { display: block; margin: 25px auto 0 auto; width: 100%; max-width: 300px; float: none; } #a-eventos .ler-todas { left: initial; margin-left: initial; position: initial; margin: 25px auto; } .noticias.sustentabilidade.ambipar-news.sala-de-imprensa.last a.ler-todas { position: absolute; left: 50%; margin-left: -150px; } } /*TEMPLATE PUBLICAR UM ANUNCIO */ .page-template-template-publicar-anuncio .losango { min-height: 900px; } .page-template-template-publicar-anuncio form { width: 100%; margin-top: 45px; } .page-template-template-publicar-anuncio form.search-form { margin-top: 0; } .page-template-template-publicar-anuncio form fieldset input, .page-template-template-publicar-anuncio form fieldset select, .page-template-template-publicar-anuncio .select2-selection__rendered { height: 60px; line-height: 60px; padding: 0 20px; margin: 0 5px 10px 0; font-weight: 300; border: 1px solid #000; background: transparent; } .page-template-template-publicar-anuncio .select2-container--default .select2-selection--multiple { border: transparent; } .page-template-template-publicar-anuncio .select2-container--default .select2-selection--multiple .select2-selection__rendered { min-height: 75px; } .page-template-template-publicar-anuncio section ul li:before { display: none; } .page-template-template-publicar-anuncio #wp-job_description-wrap { border: 1px solid #000; } .page-template-template-publicar-anuncio form.job-manager-form p { display: flex; gap: 30px; } .page-template-template-publicar-anuncio form.job-manager-form p input[type="submit"], .job_listing_preview_title input[type="submit"] { padding: 0 35px; font-weight: 700; background-color: #bdfe00; border: 2px solid #bdfe00; display: block; height: 55px; border-radius: 10px; font-size: 2.1rem; line-height: 50px; text-align: center; text-transform: uppercase; } .page-template-template-publicar-anuncio .job-manager-info, .page-template-template-publicar-anuncio .job-manager-jobs, .page-template-template-publicar-anuncio .job-manager-message, .page-template-template-publicar-anuncio .job-manager-error, .page-template-template-publicar-anuncio #job-manager-job-dashboard { width: 100%; } .page-template-template-publicar-anuncio #job-manager-job-dashboard > p { margin: 45px 0; font-size: 24px; } .page-template-template-publicar-anuncio .job_listing_preview { padding: 0 1em 60px; } .page-template-template-publicar-anuncio .single_job_listing .meta .date-posted::before { left: -24px; top: 20px; } .page-template-template-publicar-anuncio .job_listing_preview_title, .page-template-template-publicar-anuncio .entry-content .job_listing_preview_title { background-color: #fff; } .page-template-template-publicar-anuncio .job_listing_preview { border: 0; } /* PAINEL DE ANUNCIOS */ .btn-add-anuncio { display: none; } .logged-in .btn-add-anuncio { margin-top: 45px; display: block; } #job-manager-job-dashboard .job-manager-jobs tr:nth-child(even) { background-color: #ccff03 !important; } #job-manager-job-dashboard .job-manager-jobs tr:nth-child(odd) { background-color: #eee !important; } #job-manager-job-dashboard td.job-title { padding-left: 50px; } #job-manager-job-dashboard table td.job_title { padding-left: 30px; } #job-manager-job-dashboard table th.job_title { padding-left: 30px; text-align: left; } #job-manager-job-dashboard table td.date { text-align: center; } #job-manager-job-dashboard table ul.job-dashboard-actions li::after { display: none; } #job-manager-job-dashboard table ul.job-dashboard-actions li { margin-right: 39px; } #job-manager-job-dashboard table ul.job-dashboard-actions { margin: 0 0 0 12px; } #job-manager-job-dashboard table ul.job-dashboard-actions li a::before { top: 0; } @media (max-width: 1024px) { .page-template-template-publicar-anuncio .losango { background-color: #fff; } } @media (max-width: 768px) { /* Hide the table headings */ table.job-manager-jobs thead { left: -9999px; position: absolute; visibility: hidden; } table.job-manager-jobs tr { border-bottom: 0; display: block; } table.job-manager-jobs td { border: 0; display: block; margin: 0 -1px -1px 0; /* Removes double-borders */ width: 100%; position: relative; text-align: left !important; padding: 15px !important; } table.job-manager-jobs td:before { /* Now like a table header */ /* Top/left values mimic padding */ font-size: 0.75em; font-weight: bold; padding: 6px; display: block; } #job-manager-job-dashboard table td.job_title { padding: 15px; } table.job-manager-jobs td:nth-of-type(1):before { content: "Título"; } table.job-manager-jobs td:nth-of-type(2):before { content: "Preenchido?"; } table.job-manager-jobs td:nth-of-type(3):before { content: "Data da publicação"; } table.job-manager-jobs td:nth-of-type(4):before { content: "Expiração do anúncio"; } table.job-manager-jobs td:nth-of-type(5):before { content: "Aplicações"; } .job-manager-form fieldset { display: flex; flex-direction: column; } .job-manager-form fieldset label:not(.full-line-checkbox-field label), .job-manager-form fieldset div.field:not(.full-line-checkbox-field) { width: 100%; } .page-template-template-publicar-anuncio form.job-manager-form p { flex-direction: column; gap: 15px; } .job_listing_preview_title { display: flex; flex-direction: column; gap: 15px; } .page-template-template-publicar-anuncio form.job-manager-form p input[type="submit"], .job_listing_preview_title input[type="submit"] { font-size: 1.5rem; max-width: 333px; margin: 0 auto; width: 100%; } .page-template-template-publicar-anuncio .job_listing_preview_title, .page-template-template-publicar-anuncio .entry-content .job_listing_preview_title, .job_listing_preview.single_job_listing { padding: 0; } .job_listing_preview_title h2 { margin-top: 0; } ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location, ul.job_listings li.job_listing a .meta, ul.job_listings li.no_job_listings_found a .meta { float: none; text-align: left; width: 100%; } .page-template-template-vagas-unificado .job_filters .search_jobs { flex-direction: column; } .page-template-template-vagas-unificado .job_filters .search_jobs div.search_keywords, .page-template-template-vagas-unificado .job_filters .search_jobs div.search_location, .job_filters .search_jobs div.search_submit, .wrapper-contato form input[type="submit"] { margin: 0; width: 100%; } ul.job_listings li a { padding: 18px 0 !important; } .job_listings li.job-type { padding: 0; } .job_filters .job_types li { width: 100%; } } @media only screen and (max-width: 680px) { .home .segmentos { padding-bottom: 150px; } #ilustra-segmentos, #ilustra-certificacoes, #ilustra-diferenciais { width: 400px; height: 400px; transform: translateX(30%) translateY(-10%) rotate(45deg) !important; } .swiper-wrapper .lista-losango:nth-child(even) a { left: 58%; } .swiper-wrapper .lista-losango:nth-child(odd) a { top: 50px; left: 10px; } .lista-losango a { width: 120px; height: 120px; margin: 12px 12px; font-size: 1.6rem; line-height: 2.2rem; } .lista-losango a:before { width: 120px; height: 120px; border-radius: 20px; } .lista-losango span.line2 { margin: -37px 0 0 57px; } .single-noticia .opening .autor-noticia.more { justify-content: center; } .single-noticia .opening .autor-noticia.more p { margin-top: 30px; } /* SUSTENTABILIDADE */ body.page .opening.esg { padding-top: 20px; } .pilares .base-losango { height: 565px; } .pilares .losango-imagem.black.on { background: linear-gradient( 135deg, rgba(255, 255, 255, 1) 63%, rgba(255, 255, 255, 0) 36% ); } .opening.esg .wrapper > .row { min-height: 700px; } .opening.esg .lista-icones.row .column { width: 33%; padding: 1%; font-size: 1.2rem; line-height: 1.8rem; } .opening.esg .lista-icones.row .column img { padding: 2%; } .opening.esg .lista-icones.row p { padding: 1%; margin-top: 10px; } .opening.esg .lista-icones.row .titulo-icone { width: 100%; margin-top: 5px !important; } .pilares { min-height: 1100px; margin: 0; } .pilares .losango-imagem { right: 45%; } .pilares .losango-imagem.black.second { right: 25%; } .pilares .losango-imagem.black.third { right: 7%; } .info-pilar > div:nth-child(2), .info-pilar > div:nth-child(3) { margin-top: 160px; } .info-pilar > div:first-child { margin-top: 50px; } .info-pilar .losango-titulo-second h4 { margin-left: 10px; } .info-pilar .losango-titulo-third h4 { margin-left: -10px; } .conteudo-pilar a { max-width: 120px; min-width: 100px; height: 50px; padding: 0 10px 0 10px; margin: 5px; font-size: 1.4rem; line-height: 1.8rem; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(2) { left: 160px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(3) { top: 100px; left: 80px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(4) { top: 200px; left: 0; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(5) { top: 200px; left: 160px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(6) { top: 300px; left: 80px; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(7) { top: 400px; left: 0; } .conteudo-pilar .itens-pilar .lista-losango:nth-child(8) { top: 400px; left: 160px; } .faixa-imagem { height: 300px; } .faixa-imagem img { object-fit: cover; height: 100%; } .faixa-imagem.nova .slide .arrow-left, .faixa-imagem.nova .slide .arrow-right { width: 30px; height: 30px; } .faixa-imagem.nova .slide .arrow-left { margin-left: -10px; } .faixa-imagem.nova .slide .arrow-right { margin-right: -10px; } .faixa-imagem.nova .slide h4 { font-size: 2.2rem; line-height: 2.4rem; padding: 5px 10px; margin: 0 0 20px 0; } section.noticias li { width: 98%; max-width: 100%; } /* AMBIPAR NEWS */ .faixa-imagem.nova .slide .intro { max-width: 80%; flex-direction: column-reverse; } .publicacoes .faixa-imagem .slide .intro .slide-text, .publicacoes .faixa-imagem .slide .intro figure { width: 100%; } .publicacoes .faixa-imagem .slide .intro figure img { height: 230px; width: auto; } .publicacoes .faixa-imagem .slide .intro .slide-text h4 { font-size: 2.8rem; line-height: 0.5; padding: 20px 15px; margin: 0 0 15px 0; } .publicacoes .faixa-imagem .slide .intro .slide-text a { padding: 10px 35px; margin: 0; } .faixa-imagem.nova { margin-top: 0; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .first, section.noticias.sustentabilidade.ambipar-news .outras-noticias .others { width: 100%; } section.noticias.sustentabilidade.ambipar-news .outras-noticias.mais-recentes { flex-direction: column; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .first ul li, section.noticias.sustentabilidade.ambipar-news .outras-noticias .others ul li { margin: 0 0 40px 0; } section.noticias.sustentabilidade.ambipar-news .outras-noticias .first ul li .imagem, section.noticias.sustentabilidade.ambipar-news .outras-noticias .others ul li .imagem { max-height: 240px; } .anchors-links ul li a { font-size: 1.6rem; line-height: 20px; padding: 5px 10px 8px 10px; } .rp4wp-related-job_listing > ul li.job_listing a, .rp4wp-related-job_listing > ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a { flex-direction: column; align-items: flex-start; justify-content: flex-start; } } @media only screen and (max-width: 610px) { .tabela-mapa-mobile .tooltip { width: 100%; } .tabela-mapa-mobile .tooltip .tooltiptext a, .tabela-mapa-mobile .tooltip .tooltiptext span { height: 0; visibility: hidden; opacity: 0; transition: 0.3s all; } .wpcf7-form-control-wrap { width: 100%; margin: 0; } .wrapper-contato .full-width > div { flex-direction: column; } .helicoptero { display: none; } .page section.contato { margin-top: 0; } body.search .losango { padding-bottom: 0; } body.page footer, body.search footer, body.single footer, body.archive footer { background-position: center bottom 71%; } .page-template-template-formularios .wrapper-contato { max-width: 100%; } .page-template-template-formularios .wpcf7-form-control-wrap { max-width: 100%; } footer nav .wrapper > div:not(:last-child) { flex: none; width: 100%; } footer nav .wrapper > div:last-child { align-items: flex-start; padding: 0 0 30px 0; } footer nav .endereco { text-align: left; width: 100%; padding: 30px 0; } footer .botao-footer { display: none; } footer .botao-footer.mobile { display: block; } .noticias-relacionadas ul li { width: 100%; } .simulador form p span { width: 100%; } } @media only screen and (max-width: 550px) { .top-bar .contact { display: none; } .wrapper-contato form input[type="submit"] { width: 100%; /*margin: -30px auto;*/ } /* SUSTENTABILIDADE */ .pilares.novo { min-height: 1000px; } .pilares .losango-imagem.black.on { top: 50px; right: 30%; width: 500px; height: 500px; background: rgba(255, 255, 255, 1); } .pilares .base-losango { height: 840px; } .pilares .losango-imagem.black.second, .pilares .losango-imagem.black.third { width: 350px; height: 350px; } .pilares .losango-imagem.black.second { top: -25px; right: 5%; } .pilares .losango-imagem.black.third { top: 155px; right: 5%; } .info-pilar { flex-direction: column; align-items: flex-end; } .info-pilar > div:first-child { max-width: 75%; align-self: flex-start; } .info-pilar > div:nth-child(2) { left: auto; margin-top: -75px; } .info-pilar > div:nth-child(3) { left: auto; margin-top: 75px; } .info-pilar > div:first-child { margin-top: -30px; /* margin-top: -255px; IOS */ } .info-pilar .losango-titulo-second h4, .info-pilar .losango-titulo-third h4 { margin-left: 0; } .banner-interna.sustentabilidade, .video-background, .video-background iframe, .video-background.esg iframe { height: 600px; min-height: 600px; } .banner-interna.sustentabilidade .losango-imagem { top: 210px; right: 40%; bottom: 25px; left: auto; width: 380px; height: 380px; background: linear-gradient( 135deg, rgba(0, 0, 0, 0.7) 65%, rgba(0, 0, 0, 0) 85% ); } .banner-interna.sustentabilidade .titulo-banner { margin-top: -180px; padding: 0; max-width: 260px; } .banner-interna.sustentabilidade h1, .banner-interna.sustentabilidade h1.esg { font-size: 3.4rem; line-height: 4.2rem; } .banner-interna.sustentabilidade p { font-size: 1.4rem; line-height: 2rem; margin-bottom: 10px; } .banner-interna.sustentabilidade .titulo-banner a { font-size: 1.6rem; width: 220px; height: 40px; line-height: 35px; } .conteudo-pilar .itens-pilar.novo { margin-top: -180px; } } /* IPHONE */ @media only screen and (max-device-width: 550px) and (-webkit-device-pixel-ratio: 2) { .info-pilar > div:first-child { margin-top: -255px; } } @media only screen and (max-width: 480px) { .segmentos .swiper-container, .certificacoes .swiper-container, .diferenciais .swiper-container { margin-top: -20px; } .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { bottom: 20px; } .lista-losango a img { width: 90%; } .certificacoes .lista-losango a img { width: 70%; } .page:not(.home) .banner-interna h1, .banner-interna h1 { font-size: 4.8rem; line-height: 5.8rem; } .banner-interna .titulo-banner img { max-width: 300px; } section.noticias .section-info { padding-right: 0; } /* INTERNAS */ .page .content.main_content .losango-border, .page .content.main_content .losango-border.right, body.page .content .losango-border { width: 250px; height: 250px; } body.page .main_content, body.single .main_content { padding-top: 300px; background-size: 150%; background-position: top center; } body.page .content .losango-border.left, body.single .content .losango-border.left { transform: translateX(10%) translateY(5px) rotate(45deg) !important; } body.page .content .losango-border.right, body.single .content .losango-border.right { transform: translateX(-10%) translateY(5px) rotate(45deg) !important; } .banner-interna.home .titulo-banner { bottom: 120px; } .banner-interna.home { background-position: right -360px top -250px !important; } footer nav { margin-top: 270px; } body.page-template-template-formularios section.opening { min-height: auto; } body footer.nform { background-position: center top -145px !important; padding-top: 140px !important; } body.page-template-page-tour-virtual footer { padding-top: 400px; } .content h2 { font-size: 4rem; } body.page footer, body.search footer, body.single footer, body.archive footer, body.page.page-template-template-formularios footer, body.page.page-template-page-ambipar-news footer, .webp body.page footer, .webp body.search footer, .webp body.single footer, .webp body.archive footer { background-position: center top 25%; } body.page .content.left.last, body.page .content.right.last, body.single .content.left.last, body.single .content.right.last { padding-bottom: 50px; } body.page .row h2, body.single .row h2 { font-size: 3.8rem; } .banner-interna-sml h1 { font-size: 2.8rem; line-height: 3.2rem; bottom: 50px; } .single-noticia .opening .autor-noticia { justify-content: center; } .single-noticia .opening .autor-noticia p { margin-top: 30px; } body.single-noticia .opening h2 { font-size: 2.8rem; } .noticias-relacionadas ul li { margin-left: 2.5%; } .noticias-relacionadas figure, .autor-noticia figure { width: 100px; height: 100px; } .single .noticias-relacionadas p { width: 70%; font-size: 1.4rem; line-height: 2rem; padding-left: 20px; } .resultado span { font-size: 2.8rem; height: 90px; margin: 50px auto 50px auto; max-width: 600px; line-height: 50px; border: 20px solid #e6e6e6; border-radius: 50px; } .odometro, .barra, .simulador .controller { width: 100%; max-width: 350px; } /* SUSTENTABILIDADE */ .banner-interna.sustentabilidade .losango-imagem { right: 20%; } .pilares .losango-imagem.black.on { right: 25%; } .pilares .losango-imagem.black.second { top: -25px; right: 5%; } .pilares .losango-imagem.black.third { top: 155px; right: 5%; } .conteudo-pilar .texto-item-pilar { min-height: 590px; } .conteudo-pilar .texto-item-pilar p { font-size: 1.5rem; line-height: 2.4rem; } #carbon-z .saiba-mais { width: 130px; } .conteudo-pilar h3 { margin: 10px 0 25px 0; font-size: 2.6rem; } .conteudo-pilar a { padding: 10px; font-size: 1.2rem; line-height: 1.6rem; } .pilares.novo { min-height: 1050px; } /* AMBIPAR NEWS */ .relatorio.ambipar-news { margin-top: 50px; margin-bottom: 50px; } .relatorio .titulo-relatorio { font-size: 4.2rem; line-height: 5.5rem; } .relatorio .titulo-relatorio a { font-size: 1.8rem; } .publicacoes h4, .videos.ambipar-news h4, .ambipar-news.entrevistas h4, .ambipar-news.sala-de-imprensa h4, .ambipar-news.na-midia h4, .ambipar-news.eventos h4 { line-height: 4.2rem; padding: 5px 15px; } .swiper-container.slider-ambipar-news .swiper-slide, .swiper-container-2.slider-ambipar-news .swiper-slide, .swiper-container-3.slider-ambipar-news .swiper-slide, div[class^="swiper-container-"].slider-ambipar-news .swiper-slide { padding: 0 15px; } section.noticias ul li p, section.noticias.sustentabilidade .swiper-slide p { padding-right: 0; } section.noticias a.view-article { bottom: -10px; } } @media only screen and (max-width: 420px) { body.page footer, body.search footer, body.single footer, body.archive footer, body.page.page-template-template-formularios footer, body.page.page-template-page-ambipar-news footer, .webp body.page footer, .webp body.search footer, .webp body.single footer, .webp body.archive footer { background-position: center top 29%; } /* SUSTENTABILIDADE */ .info-pilar { margin-top: 215px; } .info-pilar h4 { font-size: 2.8rem; line-height: 5rem; margin-bottom: 5px; } .losango-titulo-first p { font-size: 1.4rem; line-height: 2rem; } .pilares .losango-imagem.black.on { top: 100px; right: 20%; width: 400px; height: 400px; } .pilares .losango-imagem.black.second, .pilares .losango-imagem.black.third { width: 120px; height: 120px; } .pilares .losango-imagem.black.second { top: 80px; right: -10px; } .pilares .losango-imagem.black.third { top: 400px; right: -10px; } .info-pilar > div:nth-child(2) { left: -50px; margin-top: -90px; /*margin-top: -75px; IOS */ } .info-pilar > div:nth-child(3) { left: -50px; margin-top: 210px; } .conteudo-pilar a { max-width: 95px; min-width: 80px; } .videos.sustentabilidade .blk_videos > div { min-height: 220px; } .aviso-home { font-size: 1.6rem; line-height: 2.2rem; } .nossos-numeros .slide p { font-size: 1.4rem; line-height: 2rem; } .nossos-numeros .slide h2 { font-size: 3rem; } .nossos-numeros .slide img { width: 60px; margin: 0 5px; } } @media only screen and (max-width: 412px) and (max-height: 915px) { .info-pilar { margin-top: 0; } } @media only screen and (max-width: 393px) and (max-height: 852px) { .info-pilar { margin-top: 0; } } @media only screen and (max-width: 380px) and (max-height: 700px) { .info-pilar { margin-top: 215px; } } /* IPHONE */ @media only screen and (max-device-width: 420px) and (-webkit-device-pixel-ratio: 2) { .info-pilar > div:nth-child(2) { margin-top: -75px; } } @media only screen and (max-width: 360px) { body footer.nform { background-position: center top -120px !important } .noticias-relacionadas ul li { margin-bottom: 30px; } .noticias-relacionadas figure { width: 80px; height: 80px; border-radius: 15px; } .single .noticias-relacionadas p { width: 75%; font-size: 1.4rem; line-height: 2rem; padding-left: 15px; } /* SUSTENTABILIDADE */ .info-pilar { margin-top: -12px; } .conteudo-pilar { width: 110%; } .info-pilar h4 { font-size: 2.4rem; } .conteudo-pilar .texto-item-pilar.on { right: 5%; } } @media only screen and (max-width: 320px) { .content h2 { font-size: 3.5rem; line-height: 4.3rem; } } /*------------------------------------*\ MISC \*------------------------------------*/ ::selection { background: #cbff00; color: #000; text-shadow: none; } ::-webkit-selection { background: #cbff00; color: #000; text-shadow: none; } ::-moz-selection { background: #cbff00; color: #000; text-shadow: none; } /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }