@font-face { font-family: 'Aller'; src: url('../fonts/Aller-Regular.eot'); src: url('../fonts/Aller-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Aller-Regular.woff2') format('woff2'), url('../fonts/Aller-Regular.woff') format('woff'), url('../fonts/Aller-Regular.ttf') format('truetype'), url('../fonts/Aller-Regular.svg#Aller-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Aller'; src: url('../fonts/Aller-Bold.eot'); src: url('../fonts/Aller-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Aller-Bold.woff2') format('woff2'), url('../fonts/Aller-Bold.woff') format('woff'), url('../fonts/Aller-Bold.ttf') format('truetype'), url('../fonts/Aller-Bold.svg#Aller-Bold') format('svg'); font-weight: bold; font-style: normal; } body { /* font-family: Aller; */ font-family: 'Open Sans', sans-serif; } h1, h2, h3, h4, h5, h6, p, a { font-family: 'Open Sans', sans-serif; } /* MENU */ #top-fixed { display: flex; justify-content: center; align-items: center; } #top-fixed .navbar-brand { text-align: center; margin: 30px 0; } .navbar-brand img { width: 245px; } .menu-principal .menu-menu-principal-container, ul { width: 100%; } .menu-principal .menu-menu-principal-container ul { display: inline-flex; list-style: none; padding: 0; display: flex; justify-content: center; margin-bottom: 0; /* align-items: center; margin: 10px; */ } .menu-principal .menu-menu-principal-container ul li { width: 16.66%; text-align: center; } .menu-principal .menu-menu-principal-container ul li a { color: #000000; text-decoration: none; text-transform: uppercase; padding-bottom: 5px; font-family: Open Sans; font-weight: 500; } .menu-principal .menu-menu-principal-container ul li.current-menu-item a { border-bottom: 1px solid rgb(30, 49, 90); } .menu-principal .menu-menu-principal-container ul li:hover a { border-bottom: 1px solid rgb(30, 49, 90); } #menu-item-484 { position: relative; } #menu-item-484 .sub-menu { display: none; position: absolute; z-index: 999999; padding: 0; list-style: none; width: 100%; background: #fff; left: 0; text-align: center; top: 29px; transition: 2s ease; } #menu-item-484:hover ul { display: block !important; } .sub-menu li { width: 100% !important; padding: 5px 0; } .sub-menu li a { padding: 5px 15px; border-bottom: none !important; /* padding: 5px 15px; border-bottom: 1px solid #000 !important; */ } .sub-menu li:hover a { border-bottom: 1px solid #000 !important; } /* VITRINE HOME */ .vitrine-principal, .vitrine-interna { height: 550px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; /* opacity: 0.6; */ } .vitrine-interna { height: 400px; background-position: center; } .p-content { height: 100%; display: flex; align-items: center; } .vitrine-interna .p-content { justify-content: center; font-size: 29.87px; color: #fff; text-transform: uppercase; } .content-header p { font-size: 25px; color: #fff; text-transform: uppercase; margin-bottom: 0; } .vitrine-principal-n { position: relative; } header { background-color: #404040; } .conteudo-vitrine-principal-n { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: left; align-content: center; align-items: center; } .conteudo-vitrine-principal-n h1, .conteudo-vitrine-principal-n h2, .conteudo-vitrine-principal-n h3, .conteudo-vitrine-principal-n h4, .conteudo-vitrine-principal-n h5, .conteudo-vitrine-principal-n h6, .conteudo-vitrine-principal-n p { color: #fff !important; } .carousel-item .col-md-10 { padding-right: 15px; padding-left: 15px; } /* HOME */ .descricao_agroicone, .portfolio-home { background: #c5c5c5; padding-top: 65px; padding-bottom: 65px; } .descricao_agroicone .conteudo-descricao { padding: 0 15px; } .portfolio-home { padding-top: 20px; } .image-descricao { height: 345px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .conteudo-descricao { display: flex; flex-direction: column; } .conteudo-descricao p { font-size: 17px; color: #000; line-height: 27px; /* flex: 1; */ } .conteudo-descricao p.titulo { font-size: 21px; color: #424242; text-transform: uppercase; flex: 0; } .conteudo-descricao a { position: relative; font-size: 17px; color: #ce6b01; text-transform: uppercase; text-decoration: none; display: inline-block; width: fit-content; } .conteudo-descricao a:hover i { padding-left: 10px; transition: 0.5s ease; } .conteudo-descricao a::after { position: absolute; content: ''; display: inline-block; top: 8px; right: -12px; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 4px; border-top-width: 4px; border-left: 6px solid #ce6b01; } .titulo-carrossel, .titulo-portfolio-home { margin-top: 35px; margin-bottom: 35px; text-align: center; } .titulo-carrossel h1, .titulo-portfolio-home h1 { text-align: center; font-size: 18px; color: #424242; text-transform: uppercase; margin-bottom: 25px; } .titulo-carrossel p { font-size: 17px; } .carrossel-nossas-solucoes { padding-top: 20px; padding-bottom: 20px; } .titulo-portfolio-home p { text-align: center; font-size: 17px; color: #1b1b1b; } .solucao-itens { display: flex !important; justify-content: center; text-align: center; align-items: center; justify-content: flex-start; } .solucao-item { height: 255px; width: 290px; } .solucao-item-cust { width: 100%; } .desc-text-c { padding: 10px; } .itens-portfolio { width: 100%; } #solucao-item-a { position: relative !important; width: 100%; height: 100%; } .img-solucao { position: relative; height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .img-solucao .camada-gradiente { position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0.15; background: linear-gradient(to right, #7a790f, #bbc17b); } .solucao-item p { position: absolute !important; /* top: 50% !important; */ margin-top: -100px !important; padding-left: 50px; width: 290px; text-align: center; font-size: 25px; text-transform: lowercase; color: #fff; padding-right: 50px; } .solucao-item p:first-letter { text-transform: uppercase; } /* PAGE SOLUÇÃO */ .solucao-menu { padding: 0; list-style: none; display: inline-flex; margin-bottom: 0; margin-top: 1px; margin-bottom: 1px; justify-content: center; } .solucao-menu li { padding: 40px 20px; width: 14.28%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; margin-right: 1px; margin-left: 1px; } .solucao-menu li:hover { border: 1px solid rgb(30, 49, 90); } .solucao-menu li a:link, .solucao-menu li a:visited, .solucao-menu li a:hover { text-decoration: none; } .solucao-menu li img { height: 45px; margin-bottom: 10px; margin-left: auto; margin-right: auto; } .solucao-menu li p { margin-bottom: 0; margin-top: 10px; color: #1b1b1b; font-size: 12.92px; text-transform: uppercase; } .descricao-solucao { background-color: #ececec; padding-top: 50px; padding-bottom: 50px; } .descricao-solucao h1 { color: #1b1b1b; font-size: 20.83px; text-transform: uppercase; } .descricao-solucao p, .descricao-solucao ul li { color: #353535; font-size: 16px; /* text-align: justify; */ } .descricao-solucao .img-solucao { /* height: 100%; */ width: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; } .descricao-solucao a { color: #70a83b; font-size: 30px; border: 1px solid #70a83b; padding: 0px 8px; } .min-height-300 { min-height: 400px; } .s-left { font-size: 40px; position: absolute; top: 0; left: -20px; height: 100%; display: flex; align-items: center; cursor: pointer; z-index: 9999; } .s-right { position: absolute; top: 0; right: -20px; height: 100%; display: flex; align-items: center; font-size: 40px; cursor: pointer; } .menu-mobile-drop { margin-top: 40px; } .menu-mobile-drop .btn-solucao { width: 100%; border-radius: unset; background: rgb(30, 49, 90); border-color: rgb(30, 49, 90); font-size: 22px; outline: none; } .menu-mobile-drop .btn-solucao:focus { border: none; } .menu-mobile-drop .menu-ativo-drop { width: 100%; top: 3px; border-radius: unset; } .menu-mobile-drop .menu-ativo-drop button p { margin-bottom: 0; margin: 10px; text-transform: lowercase; text-transform: :fist-letter: capitalize; } .menu-mobile-drop .menu-ativo-drop button p::first-letter { text-transform: capitalize; } .menu-mobile-drop .img-icon-drop { margin-right: 20px; } /* EMPRESA */ .imagem-explicativa { padding: 80px 0; } .imagem-explicativa .container .row .col-md-12 { text-align: center; } /* PORTFÓLIO */ .content-port { height: 300px; padding-bottom: 30px; display: flex; flex-direction: column; align-items: center; } .content-port-c { height: 530px !important; } .content-port .descr { flex: 1; display: flex; flex-direction: column; } .content-port .descr a { color: #6b6b6b; font-size: 14px; font-family: Aller; padding-right: 5px; transition: 0.4s all; text-decoration: none; outline: none; } .content-port .descr a i { color: #fd7c00; transition: 0.4s all; position: relative; } .content-port .descr a:hover { font-weight: bolder; } .content-port .descr a:hover i { transition: 0.4s all; right: -10px; } .itens-portfolio { outline: none; } .itens-portfolio p { font-size: 16px; font-family: Aller; text-transform: uppercase; color: #1b1b1b; } .itens-portfolio p.tit { padding: 15px 60px 0; } .itens-portfolio p.desc { text-transform: unset; padding: 0 30px; flex: 1; } .titulo-port h1 { padding-bottom: 20px; cursor: pointer; } .titulo-port h1:hover { border-bottom: 1px solid #fd7c00; } .active-portfolio h1 { border-bottom: 1px solid #fd7c00; } .p-left { position: absolute; bottom: -50px; right: 45px; border: 1px solid; padding: 10px 15px; color: #70a83b; } .p-right { position: absolute; bottom: -50px; right: 0; border: 1px solid; padding: 10px 15px; color: #70a83b; } /* COMUNICAÇÃO */ .content-post { align-items: start; } .content-post .tit { font-size: 17px; color: #1b1b1b; font-weight: bold; padding: 0 !important; text-align: left; height: 100px; } .content-post .data { color: #da8e3d; text-transform: capitalize; font-size: 13px; text-align: left; margin-bottom: 5px; } .content-post .color-o { background-color: #da8e3d; } .content-post .descr .desc { padding: 0; text-align: left; } .content-post .descr a { text-align: left; height: auto; width: fit-content; position: relative; } .content-post .descr a::after { position: absolute; content: ''; display: block; right: -6px; top: 6px; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 4px; border-top-width: 4px; border-left: 7px solid #fd7c00; } /* FOOTER */ .footer { clear: both; flex-direction: column; background-color: #9e9e9e; } .text-center-agro { display: flex; flex-direction: column; justify-content: center; height: 100%; } .conteudo-footer { text-align: left; display: flex; align-items: center; height: 100%; } .conteudo-footer a { margin: 0 5px; } .conteudo-footer a img { height: 30px; width: auto; } .conteudo-footer a img:hover { opacity: 0.6; } .conteudo-footer p { margin: 20px 10px; font-family: Open Sans; } .dev-by-madgo { background-color: #9e9e9e; min-height: 65px; width: 100%; display: flex; align-items: center; } .dev-by-madgo p { color: #fff; font-size: 14.58px; margin-bottom: 0; font-family: Open Sans; } .dev-by-madgo a { color: #fff; font-family: Open Sans; } .dev-by-madgo a:hover { opacity: 0.6; } .text-center-agro-p-center { text-align: center; } .text-center-agro-p-right { text-align: right; } .contato { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; padding: 0; } .contato .container .row .col-md-6 { background: #fff; padding: 50px; } .contato .container .row .col-md-6 hr { border-color: #15c26c; } .post-site { margin-bottom: 50px; margin-top: 30px; } .header-post { margin-top: 10px; } .header-post h1 { color: #1b1b1b; text-align: center; font-size: 30px; text-transform: uppercase; font-family: Aller; margin-top: 50px; } .header-post .date-post { display: flex; justify-content: center; margin-top: 50px; margin-bottom: 10px; } .header-post .circle { height: 100px; width: 100px; border-radius: 100px; display: flex; flex-direction: column; justify-content: center; align-content: center; text-align: center; align-items: center; } .header-post .data { background-color: #ce6b01; } .dia-post { color: #fff; font-size: 27px; font-family: Aller; margin: 0; border-bottom: 2px solid #fff; width: fit-content; } .mes-post { margin: 0; font-family: Aller; color: #fff; text-transform: capitalize; font-size: 21px; } .header-post .imagem-post { height: 100px; width: 100px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-left: -15px; } .cont-post img { /* width: 100%; */ /* height: 300px; object-fit: cover; */ max-width: 100%; width: auto; height: auto; margin-bottom: 10px; } .conteudo .wp-caption { margin-bottom: 10px; } .img-left, .alignleft { float: left; margin-right: 20px; } .cont-post .conteudo p, .cont-post .conteudo h1, .cont-post .conteudo h2, .cont-post .conteudo h3, .cont-post .conteudo h4, .cont-post .conteudo h5, .cont-post .conteudo h6, .cont-post div.texto { font-family: Aller; font-size: 14px; text-align: justify; } .cont-post div.texto div { margin-bottom: 1rem; } .h-post-portfolio h1 { text-align: left; margin-top: 0; margin-bottom: 10px; } .h-post-portfolio p.mes-post { color: #da8e3d; font-size: 14px; margin-bottom: 4px; } .h-post-portfolio .color-o { background-color: #da8e3d; height: 1px; } .sub-menu { display: none !important; transition: 0.6s all; } .sub-menu li { margin-top: 2px; padding: 10px; margin-bottom: 2px; } .menu-principal .menu-menu-principal-container ul li#menu-item-142 { position: relative; } .menu-principal .menu-menu-principal-container ul li#menu-item-142:hover .sub-menu { display: block !important; position: absolute; top: 29px; background: #fff; z-index: 9; left: 0; padding-top: 40px; } .menu-principal .menu-menu-principal-container ul li#menu-item-142:hover .sub-menu li a { border-bottom: none; } .menu-principal .menu-menu-principal-container ul li#menu-item-142 .sub-menu li:hover a { border-bottom: 1px solid rgb(30, 49, 90); } .current-menu-item a, .current-menu-parent a { border-bottom: 1px solid rgb(30, 49, 90); } .c-right, .c-right p, .c-right h1 { text-align: right; } .c-left, .c-left p, .c-left h1 { text-align: left; } .equipe .cargo { color: rgb(30, 49, 90); font-size: 13px; font-family: Aller; margin-bottom: 5px; margin-top: 15px; } .equipe h1 { color: #1b1b1b; font-size: 17px; font-family: Aller; margin-bottom: -5px; text-transform: uppercase; } .equipe a { color: rgb(30, 49, 90); border: 1px solid rgb(30, 49, 90); font-size: 11px; font-family: Aller; padding: 5px 20px; text-transform: uppercase; } .equipe a:hover { background-color: rgb(30, 49, 90); color: #fff; text-decoration: none; } .equipe-p { font-size: 16px !important; } .timeline-0 { font-family: Aller; position: absolute; right: 19%; top: 100px; text-align: center; } .timeline-4 { font-family: Aller; position: absolute; left: 19%; top: 0; top: 100px; text-align: center; } .timeline-2 { font-family: Aller; position: absolute; right: 42%; top: 100px; text-align: center; } .timeline-3 { font-family: Aller; position: absolute; left: 31%; top: 465px; text-align: center; } .timeline-1 { position: absolute; right: 31%; top: 465px; text-align: center; font-family: Aller; } .mes-4 { position: absolute; left: 24%; top: 380px; text-align: center; color: #fd4f15; color: #fd4f15; font-size: 16px; /* font-weight: 600; */ font-family: Aller; } .ano-4 { color: #fd4f15; color: #fd4f15; font-size: 16px; /* font-weight: 600; */ font-family: Aller; } .mes-0 { position: absolute; top: 380px; text-align: center; right: 23.2%; color: #5f693b; font-size: 16px; /* font-weight: 600; */ font-family: Aller; } .ano-0 { color: #5f693b; font-size: 16px; /* font-weight: 600; */ font-family: Aller; } .mes-1 { position: absolute; left: 60.3%; top: 250px; text-align: center; color: #567a7c; font-size: 16px; /* font-weight: 600; */ font-family: Aller; } .ano-1 { color: #567a7c; font-size: 16px; /* font-weight: 600; */ font-family: Aller; } .mes-2 { position: absolute; left: 47.6%; top: 380px; text-align: center; color: #a8b964; . font-size: 16px; /* font-weight: 600; */ font-family: Aller; } .ano-2 { color: #a8b964; /* font-weight: 600; */ font-size: 16px; font-family: Aller; } .mes-3 { position: absolute; left: 410px; top: 250px; text-align: center; color: #eeb52f; font-size: 16px; /* font-weight: 600; */ font-family: Aller; } .ano-3 { color: #eeb52f; font-size: 16px; /* font-weight: 600; */ font-family: Aller; } .linha-tempo-titulo h1 { font-size: 21px; font-family: Aller; color: #1b1b1b; } .linha-tempo-titulo p { font-size: 16px; font-family: Aller; color: rgb(30, 49, 90); } .timeline-0 span, .timeline-1 span, .timeline-2 span, .timeline-3 span, .timeline-4 span { display: none; } .imprensa { display: none; list-style: none; padding: 0; } .imprensa li { padding: 10px; cursor: pointer; text-transform: uppercase; } .imprensa li:hover { color: #DA8E30 } .link a { font-size: 14px !important; border: none; padding: 0; } .desc-text-c p { text-transform: uppercase; font-weight: bold; } .desc-text-c a { color: #6b6b6b; font-size: 14px; font-family: Aller; padding-right: 5px; transition: 0.4s all; text-decoration: none; outline: none; padding-bottom: 15px; } .desc-text-c a i { color: #fd7c00; position: relative; } .desc-text-c a:hover { /* font-weight: bolder; */ } .desc-text-c a:hover i { right: -10px; } .desc-text-c .cent p { min-height: 65px; display: flex; justify-content: center; align-items: center; } .desc-text-c .desc { min-height: 100px; font-weight: 200; text-transform: unset; font-size: 16px; } .padding-t { padding: 200px 0; } .slick-track { min-width: 100%; } .tit-cust { bottom: 0; left: 0; font-family: Aller !important; margin-bottom: 50px; color: #fff !important; font-size: 18px !important; padding: 0 5px !important; } #imprensa-cta:hover #imprensa { display: block !important; } /* NOVAS CLASSES - NOCTUA */ /* @import url('../fonts/https://fonts.googleapis.com/css?family=Lato:300,400,700,900'); */ .navbar-collapse { padding-bottom: 0; } .btn--busca:link, .btn--busca:visited { /* color: rgb(30, 49, 90); */ text-transform: uppercase; font-family: 'Open Sans'; font-weight: 500; text-decoration: none; } .timeline--holder { margin: 40px auto; } .timeline--holder h1 { color: rgb(30, 49, 90); font-size: 22px; text-transform: uppercase; padding-top: 20px; } .timeline { padding: 50px 0px; width: 80%; margin-left: 10%; margin-bottom: 40px; position: relative; font-family: 'Open Sans'; } .timeline:before { content: ""; position: absolute; top: 40px; left: 65px; width: 3px; height: calc(100% - 80px); background: rgb(30, 49, 90); } .timeline .column { position: relative; margin: 0 40px 0 120px; padding: 20px 0; } .timeline>.column:first-of-type { margin-top: 0; } .timeline .column .title h1 { position: relative; font-size: 50px; color: rgb(30, 49, 90); font-family: 'Open Sans'; font-weight: 700; width: 100%; line-height: 0.9; letter-spacing: -1px; cursor: default; border: none; background: transparent; } .timeline .column .title h1:before { content: ""; position: absolute; left: -62px; top: 36px; width: 17px; height: 17px; background: #fff; border-radius: 50%; border: 3px solid rgb(30, 49, 90); } .timeline .column .title h2 { position: relative; margin-top: 0px; font-size: 33px; font-family: 'Open Sans'; color: rgb(30, 49, 90); letter-spacing: -0.5px; } .timeline .column .description p, { font-size: 16px; /* padding-left: 20px; */ line-height: 1.5; position: relative; font-family: 'Open Sans'; color: #353535; width: inherit; } .timeline .column .description { /* border-left: 1px solid #ccc; */ /* border: 1px solid red; */ width: 100%; padding-top: 20px; } .timeline .column .description li { margin-bottom: 15px; } .vitrine-interna.vitrine-busca { height: 200px; } .busca-header { position: relative; background-color: rgb(30, 49, 90); margin: 0 auto; text-align: center; width: 100%; } .busca-header>.container { padding: 30px 0; } .busca-header li.widget { list-style: none !important; } .search-container { padding: 60px 0; } .search-title:link, .search-title:visited, .portfolio-title:link, .portfolio-title:visited { font-size: 18px; color: #1b1b1b; font-weight: bold; padding: 0; text-align: left; font-family: 'Aller'; text-transform: uppercase; margin-bottom: 3px; } .search-box { position: relative; margin-bottom: 16px; border-bottom: 1px solid #ccc; padding-bottom: 14px; } #searchform input { border-radius: 0; } #searchform .input-group-text { border-radius: 0; } #searchform .btn { border-radius: 0; } .search-data { color: #da8e3d; text-transform: capitalize; font-size: 13px; margin-bottom: 2px; } .search-data::after { position: relative; content: ''; display: block; height: 2px; width: 43px; font-family: 'Aller'; background-color: #da8e3d; margin-top: 3px; } .search-box>p { margin-top: 4px; margin-bottom: 3px; } .leia-mais:link, .leia-mais:visited { position: relative; color: #6b6b6b; font-size: 14px; font-family: 'Aller'; padding-right: 5px; transition: all 0.4s; text-decoration: none; outline: none; text-transform: uppercase; } .leia-mais:hover { font-weight: bolder; padding-right: 20px; } .leia-mais::after { position: absolute; content: ''; display: block; right: -5px; top: 4px; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 4px; border-top-width: 4px; border-left: 6px solid #fd7c00; } a.leia-mais>i { display: none; color: #fd7c00; } a.leia-mais:hover>i { padding-left: 10px; } /* PORTFOLIO */ article.portf { margin-bottom: 40px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 20px 25px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } article.portf .portfolio--row { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } article.portf .portfolio--thumb { width: 200px; background-color: #ccc; margin-right: 25px; } article.portf p { font-size: 16px; } article.portf .search-data { margin-bottom: 10px; } .coluna-elementor .elementor-element-populated { padding: 0 !important; } .default-link:link, .default-link:visited, .default-link:hover { color: #007bff; font-family: 'Open Sans', sans-serif; border: none; padding: 0; font-size: 16px; } .featured-image-caption { font-size: 12px; display: block; margin-top: -7px; } /* RESPONSIVO */ @media only screen and (max-width: 1200px) { .menu-principal .menu-menu-principal-container ul li { margin: 0 5px; width: auto; } .navbar-brand img { width: 200px; } .timeline-4 { left: 13.5%; } .mes-4 { left: 19%; } .timeline-3 { left: 27%; top: 435px; } .mes-3 { left: 33%; } .timeline-2 { right: 41.2%; } .mes-3 { left: 33%; } .timeline-1 { right: 27%; top: 435px; } .mes-1 { right: 32.5%; } .timeline-0 { right: 13%; } .mes-0 { right: 18.2%; } } @media only screen and (min-width: 1024px) { .w-auto { min-width: 370px; } } @media only screen and (max-width: 991px) { .timeline { padding: 50px 0px; width: 100%; margin: 0 auto 40px; position: relative; } .timeline:before { content: ""; position: absolute; top: 40px; left: 25px; width: 3px; height: calc(100% - 80px); background: rgb(30, 49, 90); } .timeline .column { margin: 40px 20px 40px 60px; } .timeline .column .title h1:before { content: ""; position: absolute; left: -42px; } .timeline .column .title h1 { position: relative; font-size: 60px; color: rgb(30, 49, 90); font-weight: 900; width: 100%; line-height: 0.9; } .timeline .column .title h2 { position: relative; margin-top: -30px; font-size: 24px; color: rgb(30, 49, 90); letter-spacing: -0.5px; } .conteudo-descricao p { line-height: normal; } .menu-principal .menu-menu-principal-container ul { display: block; margin-bottom: 5px; } .menu-principal .menu-menu-principal-container ul li { text-align: left; padding: 10px 0; } .imagem-explicativa .container .row .col-md-12 img { /* width: 100%; */ } .timeline-4 { left: 2.2%; } .mes-4 { left: 10%; } .mes-3 { left: 28.5%; } .timeline-3 { left: 21%; } .timeline-2 { right: 37.2%; } .mes-1 { right: 20.5%; } .timeline-1 { right: 18.5%; } .mes-0 { right: 6.2%; } .timeline-0 { right: 0%; } } @media only screen and (max-width: 767px) { #top-fixed.container { padding-right: 0; padding-left: 0; } #top-fixed .navbar-brand { text-align: center; margin: 10px 0; } #top-fixed>.row>.col-md-12 { padding-right: 0; padding-left: 0; } #menu-item-484 .sub-menu { background: #ccc; } .navbar-collapse { padding-bottom: 15px; } .conteudo-descricao { margin-top: 20px; } .conteudo-descricao p { /* text-align: justify; */ line-height: 27px; } .conteudo-descricao p.titulo { text-align: left; } .conteudo-footer { justify-content: center; text-align: center; padding: 20px 0; } .mad { justify-content: center !important; padding: 10px 0 20px; } .c-right { text-align: left; } .c-right p, .c-right h1 { text-align: left; } .vitrine-interna { background-position: center !important; } .carousel-item h1 { font-size: 1.7rem; text-shadow: 0px 0px 14px rgba(0, 0, 0, .5), 0px 0px 14px rgba(0, 0, 0, 1); } .vitrine-principal, .vitrine-interna { height: 310px; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; /* opacity: 0.6; */ } .carousel-item .col-md-10 { padding-right: 33px; padding-left: 33px; } .descricao_agroicone, .portfolio-home { padding-top: 35px; padding-bottom: 65px; } .menu-principal .menu-menu-principal-container ul li { width: 100%; text-align: left; } .btn--busca:link, .btn--busca:visited { padding-left: 6px; } #solucao-menu-d .dropdown-item { white-space: normal; } #solucao-menu-d .dropdown-item span { display: block; text-align: center; } #solucao-menu-d .dropdown-item p { text-align: center; } .solucao-menu { display: block; } .solucao-menu li { padding: 40px 20px; width: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; margin-right: 1px; margin-left: 1px; } .menu-mobile-drop .img-icon-drop { margin-right: 0; } .menu-mobile-drop { margin-top: 40px; margin-bottom: 40px; } .description ul { padding: 0; } .padding-t img { width: 100%; } .timeline-4 { left: 2.2%; } .mes-4 { left: 10%; } .mes-3 { left: 28.5%; } .timeline-3 { left: 21%; } .timeline-2 { right: 37.2%; } .mes-1 { right: 20.5%; } .timeline-1 { right: 18.5%; } .mes-0 { right: 30.2%; top: 243px; } .timeline-0 { right: 0%; } } @media only screen and (max-width: 696px) { .imagem-explicativa .container .row .col-md-12 img { display: none; } .timeline-0, .timeline-1, .timeline-2, .timeline-3, .timeline-4 { position: unset; text-align: center; } .mes-0, .mes-1, .mes-2, .mes-3, .mes-4 { margin-bottom: 0; position: unset; text-align: center; } .padding-t { padding: 25px 0; } .texto-linha { margin-top: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px; } .navbar-brand img { width: 200px; } } @media only screen and (max-width: 575px) { .titulo-carrossel h1, .titulo-portfolio-home h1 { margin-bottom: 0; } .titulo-carrossel, .titulo-portfolio-home { margin-top: 15px; margin-bottom: 0px; } .titulo-port h1 { padding-bottom: 15px; } .content-post { margin-top: 15px; margin-bottom: 15px; } .navbar-brand img { width: 200px; } } @media only screen and (max-width: 480px) { .navbar-brand img { width: 200px; } } body { font-family: 'Open Sans', serif; background-color: #fff; } h1, h2, h3, h4, h5 { color: #8c8c8c; font-family: 'Open Sans', 'serif-sans'; } p { font-size: 14px; } .centralizar { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .menu-principal .navbar-toggler { outline: none; border: none; } .center-vertical { display: flex; flex-direction: column; align-items: center; justify-content: center; } .center-vertical-right { display: flex; justify-content: flex-end; align-items: center; } .width-100 { width: 100%; } .height-100 { height: 100%; } .borda-bottom-laranja, .borda-bottom-laranja-l { width: 45px; height: 2px; background: rgb(30, 49, 90); display: inline-block; margin-bottom: 0; } .borda-bottom-laranja-l { margin-bottom: 15px; } .border-bottom-header { height: 1.5px; width: 30px; background: #fff; margin-left: 50%; position: relative; left: -15px; margin-top: 6px; } .solucao-ativa { border: 1px solid rgb(30, 49, 90); } .solucao-desativada { border: none; } #cta-site { position: fixed; right: 0; top: 250px; background-color: rgb(30, 49, 90); padding: 12px 20px; color: #fff; font-size: 13px; text-align: center; line-height: 17px; letter-spacing: 1px; text-decoration: none; display: flex; opacity: 1; z-index: 999999; } #cta-site img { padding-right: 15px; }

.pagination {
    border-radius: 0;
    margin-left: 10px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination>li {
    margin: 0 2px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
}

.pagination>li>a,
.pagination>li>span {
    font-family: 'Open Sans', sans-serif;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: all 0.4s;
    padding: 5px 10px;
    text-decoration: none;
}

.pagination>li>span.current {
    color: #212529;
    background-color: #da8e3d;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #212529;
    background-color: #da8e3d;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.a2a_dd{
    display: none !important;
}