<div style="position:relative"> <img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/7707cc09-d11f-4d9e-bd62-3bec5ebdbc94/BG-Landing-Page.png" alt="background" class="img-background" /> </div> <div style="position:absolute"; class="imgimg"> <div class="heading"><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/284d9cd8-487b-4226-96cc-464ab8bb40fa/setinha.png" alt="" class="arrow" /><h2 class="conheca">CONHEÇA OS BENEFÍCIOS QUE NOSSA LINHA DE PRODUTOS PROPORCIONA AO REBANHO.</h2><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/284d9cd8-487b-4226-96cc-464ab8bb40fa/setinha.png" alt="" class="arrow" /> </div> <div class="bolinhas";> <img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/acac3947-cf71-4f44-b71b-433bfda1f57d/bolinhas.png" alt="bolinhas" /> </div> <h2 class="cuidar" style="padding-top:20%";>CUIDAR DA GLÂNDULA MAMÁRIA TRAZ MAIS BENEFÍCIOS À PRODUÇÃO.</h2> <div class="topp"> <div class="row quadrado";> <div class="column" style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/53f3dc07-af42-4b38-85a9-e2d930257d42/QUADRADO-1.png'); background-size: 100%";> <p class="quadradotext" style="color:#ffffff; width: 60%; text-align: inherit; margin-top: 19%; margin-left: 20%; font-style: italic";>Durante todo o perĂ­odo seco, __parto e colostro de alta qualidade.__</p> </div> <div class="column" style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/203ffcde-8bc6-49c4-aa74-cd8e38e89be9/QUADRADO-2.png'); background-size: 100%";> <p class="quadradotext" style="color:#ffffff; width: 60%; text-align: inherit; margin-top: 19%; margin-left: 20%; font-style: italic";>__Assegura a produção e qualidade do leite,__ desde o primeiro dia de lactação.</p> </div> <div class="column" style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/f8af9554-9429-4fbd-948f-9f823a7cc187/QUADRADO-3.png'); background-size: 100%";> <p class="quadradotext" style="color:#ffffff; width: 60%; text-align: inherit; margin-top: 16%; margin-left: 20%; font-style: italic";>Investir no tratamento e prevenção __gera menos custos que as perdas de produtividade.__</p> </div> </div> <div class="row quadrado";> <div class="column" style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/a95ef9ec-43ea-47d8-9cb2-74bc05f37812/QUADRADO-4.png'); background-size: 100%";> <p class="quadradotext" style="color:#ffffff; width: 60%; text-align: inherit; margin-top: 19%; margin-left: 20%; font-style: italic";>Cuidar dos mĂ©todos de ordenha Ă© __fundamental na prevenção da mastite.__</p> </div> <div class="column" style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/aba45216-954b-4db4-a67f-7bd7704d97f0/QUADRADO-5.png'); background-size: 100%";> <p class="quadradotext" style="color:#ffffff; width: 71%; text-align: inherit; margin-top: 10%; margin-left: 15%; font-style: italic";>Preservar a higiene e a saĂșde do rebanho Ă© __garantir a qualidade dos derivados e reduzir despesas geradas por doenças.__</p> </div> <div class="column" style="background-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/cfb7604b-ee7f-4e08-a3b5-cbc9d5f89b5c/QUADRADO-6.png'); background-size: 100%";> <p class="quadradotext" style="color:#ffffff; width: 77%; text-align: inherit; margin-top: 10%; margin-left: 15%; font-style: italic";>__Usar soluçÔes e produtos adequados__ a cada doença e perĂ­odo, Ă© a __maneira mais eficaz de proteger a glĂąndula mamĂĄria e a rentabilidade.__</p> </div> </div> </div> <div class="blueline"><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/5e9a7e42-ead3-466a-adb5-113907927fa9/tracinho-divisor.png" alt="" /></div> <div><p class="escalho">Escolha uma de nossas soluçÔes para cuidar do rebanho e melhorar a produtividade.</p></div> <div class="twoimages"> <div class="insider"> <img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/45ac7ffe-c177-4115-934b-e9bbed5ad40f/VACA-SECA_Updated.png" alt="" /> </div> <div class="insider lefter"> <img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/77dbe82f-5088-4ad4-b443-e2428c9fe8b6/MASTITE_updated.png" alt="" /> </div> </div> <div class="tratamentodiv"> <a href="/produtos/leite/bovigam" style="position:absolute";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/c1f6ba03-5b5b-4f73-a83b-f9193938e484/VACA-SECA_BOVIGAM-VS.png" alt="" class="tratamentoimg1" /></a> <a href="/produtos/leite/vetimast" style="position:absolute";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/7150b24d-5a25-4641-aca8-45e4fcc38eac/VACA-SECA_VETIMAST-VS.png" alt="" class="tratamentoimg2" /></a> <a href="/produtos/leite/bovigam" style="position:absolute";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/3923c721-d877-4534-9560-73af63eb27ec/VACA-SECA_BOVIGAM%20SELANTE.png" alt="" class="tratamentoimg3" /></a> </div> <div class="mastitediv"> <a href="/produtos/leite/vetimast" style="position:absolute";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/52649972-04a3-4590-9278-96513fabe4ca/MASTITE_VETIMAST.png" alt="" class="mastiteimg1" /></a> <a href="/produtos/leite/bovigam" class="mastiteimga2" style="position:absolute";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/25bfd25a-c9bf-407c-a405-b0e277be3fe1/MASTITE_BOVIGAM.png" alt="" class="mastiteimg2" /></a> <a href="/produtos/leite/tylan" class="mastiteimga3" style="position:absolute";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/e1ec90d4-c578-4945-b889-b2e46287b789/MASTITE_TYLAN-200.png" alt="" class="mastiteimg3" /></a> <a href="/produtos/leite/agrovet" class="mastiteimga4" style="position:absolute";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/cf16afb9-2293-4b42-a07b-57b5af40cd46/MASTITE_AGROVET-PLUS.png" alt="" class="mastiteimg4" /></a> <a href="/produtos/leite/kinetomax" class="mastiteimga5" style="position:absolute";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/91808de3-acf1-4770-b11a-2dd8cc37d7d4/MASTITE_KINETOMAX.png" alt="" class="mastiteimg5" /></a> </div> <div class="foto";> <div class="fotopicos";> <img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/49a9295d-e6f7-4e1b-99db-53eee180d56d/FOTO-T%CE%B1PICOS.png" alt="" /> </div> <div class="foto-point";> <p class="fotopoints";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png" alt="" style="width:3%; margin-right:4%"; />A mastite atinge cerca de __20% do rebanho no mundo.__</p> <br> <p class="fotopoints";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png" alt="" style="width:3%; margin-right:4%"; />__25% Ă© o prejuĂ­zo__ estimado somente pela mastite. </p> <br> <p class="fotopoints";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png" alt="" style="width:3%; margin-right:4%"; />Sua incidĂȘncia causa sĂ©rias __alteraçÔes na composição do leite.__</p> <br> <p class="fotopoints";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png" alt="" style="width:3%; margin-right:4%"; />A mastite __aumenta o nĂșmero de cĂ©lulas somĂĄticas.__</p> <br> <p class="fotopoints";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png" alt="" style="width:3%; margin-right:4%"; />60 % da mastite clĂ­nica durante a lactação podem ser provenientes <span class="sp">de <strong>infecçÔes no perĂ­odo seco.</strong></span></p> <br> <p class="fotopoints";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png" alt="" style="width:3%; margin-right:4%"; />A taxa de novas infecçÔes Ă© __10x mais alta durante a lactação.__</p> </div> </div> <div class="blueline"><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/5e9a7e42-ead3-466a-adb5-113907927fa9/tracinho-divisor.png" alt="" /></div> <div style="margin-top:5%";><p class="escalho">Visualize aqui as soluçÔes Elanco mais adequada para cada necessidade.</p></div> <div class="twobtn"> <button type="button" class="protocol"><a href="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/306fe8d4-2529-4fb0-bbde-cd6f76f9a141/Protocolo%20Elanco%20_%20Mastite.pdf" alt="" target="_blank" style="color:#08f6f5";><p class="ptext">__Protocolos__</p></a></button> <button type="button" class="infogra"><a href="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/4c082d11-6cd5-484a-958b-b325afe729e2/Infogr%C3%A1fico%20Mastite%20-%20com%20c%C3%B3digo.pdf" alt="" target="_blank" style="color:#08f6f5";><p class="ptext">__InfogrĂĄfico__</p></a></button> </div> <div class="bookblock";> <div class="bookleftblock";> <h2 class="book">__BAIXE O E-BOOK__</h2> <p class="bookdesc">E saiba como cuidar da saĂșde da glĂąndula mamĂĄria com a Elanco.</p> <div class="btn1"><a href="/produtos/leite"><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/0043426c-7f00-4e77-a5f2-51665385240e/BOT%E2%95%9FO-CLIQUE-AQUI.png" alt="" style="width: 50%; margin-left: 42%; margin-top: 5%"; /></a></div></div> <div class="bookrightblock";><img src="https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/216205c0-c7ed-4b0e-8052-f64c20299b30/EBOOK.png" alt="" /> </div> </div> <p class="pm">PM-BR-21-0906</p> </div> <style> .tratamentodiv{ margin-top:-25%; margin-bottom: 30%; display:flex; width:100%; position:relative; } .mastitediv{ margin-top:-27%; margin-bottom: 30%; margin-left:66%; display:flex; width:100%; position:relative; } .tratamentoimg1{ margin-left: -30%; margin-right: 5%; width: 70%; margin-top:23%; height:0%; } .tratamentoimg2{ width: 70%; margin-right: 5%; margin-top:15%; height:0%; margin-left:80%; } .tratamentoimg3{ width: 70%; margin-top:20%; height:0%; margin-left:175%; } .mastiteimg1{ width:70%; height:0%; margin-left:0%; } .mastiteimg2{ margin-top: -7%; width: 70%; height: 0%; } .mastiteimga2{ margin-left:12%; } .mastiteimg3{ height: 0%; width: 70%; margin-top: 1%; } .mastiteimga3{ margin-left:22%; } .mastiteimg4{ height: 0%; width: 70%; margin-top: -7%; } .mastiteimga4{ margin-left:35%; } .mastiteimg5{ width: 70%; margin-top: -8%; height: 0%; } .mastiteimga5{ margin-left:45%; } .pm{ color: #ffffff; font-size: 1.8rem; margin-left: -15%; margin-top: 15%; font-family: Graviola Soft Bold; } .sp{ margin-left:7%; } .ptext{ color: black; font-size: 2rem; } .protocol{ margin-top: 5%; background-color:#08f6f5; border-radius: 50px; width: 50%; margin-left: 0%; } .infogra{ margin-top: 5%; background-color:#08f6f5; border-radius: 50px; width: 50%; margin-left: 35%; } .bolinhas{ width: 175%; margin-left: -39%; margin-top: -13% } .twobtn{ display:flex; margin-top:5%; margin-left: 10%; width: 80%; } .topp{ padding-top:12%; } .twoimages{ display:flex; width:153%; margin-left:-26%; margin-top:12% } .img-background{ max-width:180%; margin-left:-40%; display:block; margin-top:-150%; } .btn{ margin-right: auto; width: 40%; margin-left: auto; margin-top: 8%; } .arrow{ width: 5%; height: 5%; padding-top: 5%; } .productDetails{ margin-top:0px !important; } .conheca{ color: #08f6f5 !important; padding-top: 3% !important; font-style: normal !important; font-family: Graviola Soft Bold !important; width: 80% !important; text-align: center !important; font-size: 3rem !important; } .blueline{ text-align: center; margin-top: 13%; } .cuidar{ margin-top: -25% !important; width: 146% !important; margin-left: -23% !important; color: #08f6f5 !important; font-style: normal !important; font-family: Graviola Soft Bold !important; font-size: 3rem !important; } .imgimg{ margin-top:-495%; } .foto{ display:flex; margin-top:10% } .fotopicos{ margin-left:-38%; width:55% } .foto-point{ margin-left: 12%; margin-top: 7% } .fotopoints{ color:#ffffff; font-style:italic; font-size:2rem } .lefter{ margin-left:0%; } .escalho{ color: #ffffff; width: 100%; font-size: 3rem; font-family: Graviola Soft Bold !important; padding-top: 10% !important; font-style: normal !important; text-align:center; } .bookblock{ display:flex; margin-top:18%; width:125% } .bookleftblock{ width:100%; } .bookrightblock{ width:170%; } .book{ color: #08f6f5 !important; padding-top: 20% !important; font-style: italic !important; font-family: Graviola Soft Bold !important; width: 100% !important; text-align: center !important; font-size: 4rem !important; } .bookdesc{ color: #ffffff; font-style: normal; text-align: end; font-size: 3rem; margin-right: 10%; } ul {list-style-image: url('https://assets-eu-01.kc-usercontent.com/5ab89d1c-6f68-0145-2909-9fa7518cad28/643b4ae3-c599-4095-8e4d-841d15970d5b/pin.png');} .quadrado{ margin-left:-25% !important; width:165% !important; } .column { float: left; width: 30%; padding: 10px; height: 250px; /* Should be removed. Only for demonstration */ } .quadradotext{ font-size: 2rem; } .heading{ display:flex; width:120%; margin-left:-5%; } .btn1{ margin-left: -27%; width: 130%; } @media (max-width:767px){ .tratamentodiv{ margin-top: -83%; margin-bottom: 90%; display: flex; width: 100%; position: relative; } .tratamentoimg1{ margin-left: 85%; margin-right: 6%; width: 45%; margin-top: -45%; height: 0%; } .tratamentoimg2{ width: 45%; margin-right: 5%; margin-top: -50%; height: 0%; margin-left: 150%; } .tratamentoimg3{ width: 45%; margin-top: -45%; height: 0%; margin-left: 201%; } .mastitediv{ margin-top: -60%; margin-bottom: 50%; margin-left: 35%; display: flex; width: 100%; position: relative; } .mastiteimg1{ width: 43%; height: 0%; margin-left: 0%; margin-top: 25%; } .mastiteimg2 { margin-top: 24%; width: 43%; height: 0%; } .mastiteimga2 { margin-left: 22%; } .mastiteimg3{ height: 0%; width: 43%; margin-top: 21%; } .mastiteimga3 { margin-left: 40%; } .mastiteimg4 { height: 0%; width: 43%; margin-top: 28%; } .mastiteimga4 { margin-left: 65%; } .mastiteimg5 { width: 100%; margin-top: 63%; height: 0%; } .mastiteimga5 { margin-left: 82%; } .heading{ padding-top: 20%; display: flex; width: 149%; margin-left: 0%; } .sp{ margin-left:0%; } .topp{ padding-top:0%; } .twobtn{ display:block; margin-top:5%; } .lefter{ margin-left:5%; } .blueline{ text-align: center; margin-top: 0%; width: 50%; margin-left: 44%; } .btn{ margin-right: auto; width: 50%; margin-left: 44%; margin-top: 5%; } .insider{ width:145%; } .img-background{ max-width: 172%; margin-left: -13%; display:block; margin-top: 0%; } .imgimg{ margin-top:-588%; } .conheca { font-size: 1.6rem !important; font-weight: 300 !important; padding-top: 2% !important; } .productDetails { width: 73%; } .bolinhas{ width: 139%; margin-left: 0%; } .cuidar { width: 139% !important; margin-left: 0% !important; margin-top:-35% !important; font-size: 1.5rem !important; } .twoimages{ display:inline; width:100%; margin-left:0%; margin-top:10% } .foto{ display:flex; margin-top:0%; width:139%; line-height: 1; } .fotopicos{ margin-left:-9%; width:100%; line-height: 1; } .foto-point{ margin-left: 0%; margin-top: 5% } .fotopoints{ font-size:1rem; line-height: 1; } .pm { color: #ffffff; font-size: 1.2rem; margin-left: 4%; margin-top: 0%; font-family: Graviola Soft Bold; } .btn1{ margin-left: 56%; width: 165%; } .escalho{ font-size: 1.6rem; width: 139%; margin-top:-2%; } .bookblock{ width:139%; margin-top: 13%; } .bookleftblock{ width:100%; margin-left:1%; line-height: 1; } .bookrightblock{ width:150%; margin-right:-5%; } .book{ padding-top: 12% !important; font-size: 1.6rem !important; line-height: 1; } .bookdesc{ font-size: 1.2rem; line-height: 1; } .quadrado{ margin-left:-6% !important; width:150% !important; } .column { float: left; width: 33.33%; height: 85px; /* Should be removed. Only for demonstration */ } .quadradotext{ font-size: 1rem; line-height: 1; width:100% !important; margin-top: -2% !important; margin-left: 0% !important; } .protocol{ background-color: #08f6f5; border-radius: 50px; height: 10px; margin-left: 40%; width:60%; } .infogra{ margin-top: 0%; background-color: #08f6f5; border-radius: 50px; height: 10px; width:60%; margin-left:40%; } .ptext{ color: black; font-size: 1.6rem; margin-top: -16%; margin-left: -6%; } } @media(max-width:375px){ #header{ height:210px !important; } .sp{ margin-left:0%; } .book { padding-top: 6% !important; font-size: 1.6rem !important; line-height: 1; } .bookdesc { font-size: 1.2rem; line-height: 1; } .btn1 { margin-left: -40%; width: 150%; } .conheca { font-size: 1.6rem !important; font-weight:300 !important; padding-top: 0% !important; } .insider{ width:146%; } .foto{ display:flex; margin-top:0%; width:139%; line-height: 1; } .fotopicos { margin-left: -10%; width: 100%; line-height: 1; } .fotopoints{ font-size:0.8rem; line-height: 1; } .bookblock { display: flex; width: 139%; margin-top: 0%; } .lefter { margin-left: 0%; } .quadrado{ margin-left: -11% !important; width: 160% !important; } .img-background{ max-width: 177%; margin-left: -15%; display: block; margin-top: 0%; } .cuidar{ width: 139% !important; margin-left: 0% !important; font-size: 1.6rem !important; margin-top:-35% !important; } .column{ float: left; width: 33.33%; height: 76px; } .quadradotext { font-size: 0.8rem; line-height: 1; width: 100% !important; margin-top: 0% !important; margin-left: 0% !important; } .protocol{ background-color: #08f6f5; border-radius: 50px; height: 10px; margin-left: 40%; width:70%; } .topp{ padding-top:0%; } .infogra{ margin-top: -1%; background-color: #08f6f5; border-radius: 50px; height: 10px; width:70%; margin-left:40%; } .ptext{ color: black; font-size: 1.6rem; margin-top: -20%; margin-left: -20%; } .twobtn{ display:inherit; margin-top:0%; } .escalho{ font-size: 1.6rem; width: 139%; margin-top:-10%; } .arrow{ width: 5%; height: 5%; padding-top: 2%; } .pm{ color: #ffffff; font-size: 1.2rem; margin-left: 0%; margin-top: 2%; font-family: Graviola Soft Bold; } } </style>