@font-face {
    font-family: 'Co Headline';
    src: url('../fonts/CoHeadline-Regular.eot');
    src: url('../fonts/CoHeadline-Regular-1.eot') format('embedded-opentype'),
        url('../fonts/CoHeadline-Regular.woff2') format('woff2'),
        url('../fonts/CoHeadline-Regular.woff') format('woff'),
        url('../fonts/CoHeadline-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Co Text';
    src: url('../fonts/CoText-Bold.eot');
    src: url('../fonts/CoText-Bold-1.eot') format('embedded-opentype'),
        url('../fonts/CoText-Bold.woff2') format('woff2'),
        url('../fonts/CoText-Bold.woff') format('woff'),
        url('../fonts/CoText-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Co Text';
    src: url('../fonts/CoText-Light.eot');
    src: url('../fonts/CoText-Light-1.eot') format('embedded-opentype'),
        url('../fonts/CoText-Light.woff2') format('woff2'),
        url('../fonts/CoText-Light.woff') format('woff'),
        url('../fonts/CoText-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Box sizing rules */

*,
*::before,
*::after {
    box-sizing: border-box;
}


/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}


/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul[role='list'],
ol[role='list'] {
    list-style: none;
}


/* Set core root defaults */

html:focus-within {
    scroll-behavior: smooth;
}


/* Set core body defaults */

body {
    color: #707070;
    font-family: 'Co Text';
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}


/* A elements that don't have a class get default styles */

a:not([class]) {
    text-decoration-skip-ink: auto;
}


/* Make images easier to work with */

img,
picture {
    max-width: 100%;
    display: block;
}


/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
    font-family: 'Co Text';
}

input,
button,
textarea,
select,
input:focus,
button:focus,
textarea:focus,
input:focus-visible,
button:focus-visible,
textarea:focus-visible,
select:focus-visible,
input:active,
button:active,
textarea:active,
select:active {
    background-color: inherit;
    border: inherit;
    outline: none;
}


/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

a {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

.on-mobile {
    display: none;
}

.button,
.button:active,
.button:focus {
    background: #F26522 0% 0% no-repeat padding-box;
}

.button {
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    line-height: 26px;
    padding: 20px 0;
    text-align: center;
    width: 223px;
}

.button2,
.button2:active,
.button2:focus {
    background-color: #FCC112;
}

.button-small {
    font-size: 16px;
    width: 115px;
}

.button-inline {
    border: 1px solid #F26522;
    border-radius: 8px;
    color: #F26522 !important;
    display: inline-block;
    padding: 20px;
    text-decoration: none !important;
    min-width: 145px;
}

.button-inline img {
    display: inline-block;
    vertical-align: middle;
    max-width: 15px;
}

.icon-store {
    max-width: 25px !important;
}

.wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1110px;
    width: 90%;
}

.align-center {
    align-items: center;
}

.align-end {
    align-items: flex-end;
}

.justify-end {
    justify-content: flex-end;
}

.text-center {
    text-align: center;
}

.column-50 {
    width: calc(50% - 15px);
}

.header {
    width: 100%;
    box-shadow: 0px 3px 6px #00000029;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 3;
}

.menu {
    display: none;
}

.imagemHeader {
    width: 168px;
    height: 47px;
    margin-left: 5vw;
    margin-top: 10px;
}

.header ul {
    display: flex;
    align-items: center;
    margin: 0 50px 0 auto;
}

.frame {
    width: 100%;
}

.link-orange {
    color: #EF7824;
}

.btn-ler-mais {
    color: #FCC112;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-rounded,
.lista-tags a {
    background-color: #EF7824;
    border-radius: 13px;
    color: #fff;
    padding: 10px 10px 7px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: bold;
}

.menu-container {
    background-color: rgba(255, 255, 255, .88);
    display: flex;
    height: 87px;
    position: relative;
    z-index: 2;
    justify-content: space-between;
}

.menu-item {
    display: flex;
    align-items: center;
    list-style: none outside none;
    margin-left: 5vw;
    height: 100%;
    position: relative;
}

.menu-item a {
    display: block;
    text-decoration: none;
    color: #707070;
    font-weight: bold;
    border-bottom: 8px solid transparent;
    transition: color 200ms ease-in 0s;
}

.menu-item a:after {
    background-color: transparent;
    bottom: -4px;
    display: block;
    content: '';
    height: 8px;
    position: absolute;
    width: 100%;
    z-index: 1;
    transition: background-color 200ms ease-in 0s;
}

.menu-item hr {
    position: absolute;
    margin-top: 44px;
    width: 85px;
    height: 10px;
    background-color: #E95028;
    border: none;
}

.menu-item a:hover {
    color: #E95028;
}

.menu-item a:hover:after {
    background-color: #E95028;
}

.menu-item--search img {
    cursor: pointer;
    display: none;
    height: 30px;
}

.item-close .icon-close {
    width: 20px;
}

.item-search .icon-search,
.show-search .icon-close {
    display: block;
}

.show-search .icon-search {
    display: none;
}

.search-container {
    background-color: #E95028;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 200px;
    left: 0;
    position: absolute;
    transform: translateY(-200%);
    width: 100%;
    transition: transform .3s ease-in;
    z-index: 1;
}

.show-search .search-container {
    transform: translateY(0);
}

.search-form {
    border-bottom: 1px solid #fff;
    color: #fff;
    max-width: 957px;
    padding: 10px 5px;
    width: 90%;
}

.search-form form {
    align-items: center;
    display: flex;
}

.search-field {
    background: transparent none;
    color: #fff;
    font-size: 21px;
    order: 2;
    padding: 0 20px;
    width: 100%;
}

::placeholder {
    color: #fff;
    opacity: 0.36;
}

::-ms-input-placeholder {
    color: #fff;
    opacity: 0.36;
}

.search-submit {
    background: transparent url("../icon/button-search.svg") center no-repeat;
    cursor: pointer;
    height: 21px;
    order: 1;
    text-indent: -9999px;
    width: 21px;
}

.intro-illustration {
    position: absolute;
    right: 0;
    top: 0;
    height: calc(100% - 50px);
    max-height: 100vh;
}

.intro-illustration-mobile {
    display: none;
}

.intro-home {
    height: 100vh;
    position: relative;
}

.intro-home .intro-title {
    position: relative;
    width: 40%;
    z-index: 1;
}

.intro .wrapper {
    height: 100%;
}

.intro .title {
    color: #F26522;
    font-size: 58px;
    font-weight: bold;
    line-height: 1.20;
}

.intro .subtitle {
    color: #707070;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.55;
    margin: 20px 0 25px;
}

.intro-slide {
    align-items: center;
    display: flex;
    height: 100%;
}

.qualidade img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.qualidade {
    display: flex;
}

.qualidadeSize {
    width: 30%;
    position: absolute;
    margin-top: 300px;
    margin-left: 150px;
    padding: 10px 10px;
    z-index: 2;
}

.backgroundFundo {
    display: none;
}

.qualidade h1 {
    font-size: 50px;
    color: #e96d31;
    font-family: 'Co Text';
}

.qualidade p {
    color: #707070;
    font-size: 16px;
    font-family: 'Co text';
}

.qualidade button {
    margin-top: 20px;
    padding: 20px 60px;
    text-align: center;
    background-color: #e96d31;
    color: white;
    font-family: 'Co text';
    font-size: 17px;
    font-weight: 600;
    border: none;
    border-radius: 5px;
}

.bannerGatoCao {
    display: none;
}

.cards {
    display: flex;
}

.card {
    background-size: cover;
    border-radius: 5px;
    height: 223px;
    position: relative;
    transition: 0.3s ease all;
    width: calc(50% - 15px);
}

.card:after {
    background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(121, 121, 121, 1) 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    bottom: 0;
    content: '';
    height: 99px;
    left: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
}

.card:hover {
    border-radius: 17px;
    margin-top: -50px;
    height: 262px;
}

.card:hover .picture {
    margin-top: 0;
    opacity: 0.5;
}

.card .picture {
    margin-top: -31px;
    position: relative;
    transition: 0.3s ease all;
    z-index: 1;
}

.card .desctiption {
    left: 20px;
    transition: 0.3s ease all;
    z-index: 3;
    position: absolute;
    bottom: 20px;
}

.card .desctiption p img {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
}

.card1 {
    background-image: url(../img/banner-nossas-marcas-bg.png);
    background-repeat: no-repeat;
}

.card1 .desctiption h2 {
    color: white;
    font-size: 30px;
    font-weight: 600;
}

.card1 .desctiption p {
    color: white;
    font-size: 18px;
    font-weight: 300;
}

.card2 {
    background-image: url(../img/banner-novidades-bg.png);
    background-repeat: no-repeat;
    transition: 0.3s ease all;
}

.card2 .desctiption h2 {
    color: white;
    font-size: 30px;
    font-weight: 600;
}

.card2 .desctiption p {
    color: white;
    font-size: 18px;
    font-weight: 300;
}

.vidaMelhor {
    background-color: #F8F8F8;
    width: 100%;
    margin-top: 90px;
    padding: 80px 0;
}

.vidaMelhor .column {
    width: calc(50% - 15px);
}

.vidaMelhor img {
    margin: 0 auto;
    width: 379px;
}

.vidaMelhor h2 {
    color: #EC6624;
    font-size: 42px;
}

.vidaMelhor p {
    margin-top: 33px;
    color: #707070;
    font-size: 21px;
}

.bannerMobileLaranja {
    display: none;
}

.bannerMobile {
    display: none;
}

.bannerCachorro img {
    display: flex;
    width: 100%;
}

.article-content {
    background-color: #fff;
    margin: -5vw auto 0;
    max-width: 1131px;
    padding: 30px 50px;
    position: relative;
    width: 85%;
    z-index: 1;
}

.feitoPorVet {
    align-items: center;
    display: flex;
    height: 535px;
    padding-top: 87px;
    width: 100%;
}

.feitoPorVet .breadcrumb {
    margin-top: 50px;
}

.breadcrumbPageContato {
    margin-left: 160px;
    margin-top: -20px;
    position: relative;
    z-index: 1;
}

.breadcrumbPage {
    margin-top: 80px;
}

.breadcrumb {
    font-size: 14px;
}

.breadcrumb,
.breadcrumb a {
    color: #707070;
}

.breadcrumb a {
    text-decoration: none;
}

.breadcrumb .separator {
    color: #EC6624;
}

.breadcrumb .current-item {
    font-weight: bold;
}

.lista-tags ul {
    list-style: none outside none;
    margin: 0;
}

.lista-tags ul li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
}

.header-info {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    margin: 15px 0;
}

.header-info .lista-tags ul li {
    margin-bottom: 0;
}

.header-info-page {
    color: #707070;
    display: inline-block;
    margin-left: 15px;
    text-transform: uppercase;
}

.header-container,
.header-title {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.header-title,
.header-container h1 {
    color: #F26522;
    font-size: 52px;
    font-weight: bold;
    line-height: 1.20;
}

.subtitle-title,
.header-container h2 {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.55;
}

.header-container {
    width: 50%;
}

.page-title {
    color: #EC6624;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.24;
    margin-bottom: 15px;
}

.page-excerpt p {
    font-size: 21px;
    line-height: 1.35;
}

.entry-content {
    display: flex;
    margin-top: 50px;
}

.banner-post {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30vw;
    overflow: hidden;
}

.banner-post img {
    display: none;
}

.wrapper-content {
    border-top: 1px solid rgba(112, 112, 112, .4);
    margin-right: 50px;
    margin-top: 7px;
    max-width: 638px;
    padding-top: 25px;
    width: 100%;
}

.wrapper-content p,
.wrapper-content ul,
.wrapper-content ol,
.wrapper-content img,
.wrapper-content iframe,
.wrapper-content embed,
.wrapper-content figure,
.wrapper-content h1,
.wrapper-content h2,
.wrapper-content h3,
.wrapper-content h4,
.wrapper-content h5 {
    margin-bottom: 20px;
}

.wrapper-content p,
.wrapper-content ul,
.wrapper-content ol {
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
}

.wrapper-content p a,
.wrapper-content ul a,
.wrapper-content ol a {
    color: #EC6624;
    text-decoration: underline;
}

.entry-footer {
    border-top: 1px solid rgba(112, 112, 112, .4);
    padding-top: 30px;
    margin-top: 15px;
}

.entry-footer,
.addtoany_list {
    display: flex;
    align-items: center;
}

.entry-footer h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0;
}

.sidebar {
    max-width: 352px;
}

.sidebar-title {
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.sidebar-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.sidebar-list li {
    width: 100%;
}

.sidebar-list li+li {
    margin-top: 50px;
}

.sidebar-post-info {
    background-color: #fff;
    box-shadow: 0px 3px 6px #b24d0030;
    border-radius: 0 0 5px 5px;
    padding: 15px;
}

.sidebar-post {
    border-radius: 5px;
}

.sidebar-post img {
    border-radius: 5px 5px 0 0;
}

.sidebar-post h2 {
    font-size: 21px;
    font-weight: 300;
    line-height: 32px;
    margin: 15px 0;
}

.sidebar-post h2 a {
    color: inherit;
}

.addtoany_list a {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 21px;
    margin-left: 15px;
    vertical-align: middle;
    width: 21px;
}

/*
.a2a_button_facebook {
    background-image: url("../icon/facebook.svg.html");
}

.a2a_button_linkedin {
    background-image: url("../icon/linkedin.svg.html");
}

.a2a_button_twitter {
    background-image: url("../icon/twitter.svg.html");
}
*/

.footer {
    background-color: #F3F3F3;
    height: 279px;
}

.footer div {
    display: flex;
    justify-content: space-around;
}

.footer .logo {
    margin-left: 100px;
    padding-top: 30px;
}

.footer .logoBrf {
    margin-right: 100px;
}

.footer .redeSocial {
    display: flex;
    margin-left: auto;
    text-align: center;
    padding: 20px;
    margin-right: 100px;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #707070;
}

.footer .redeSocial img {
    margin-left: 20px;
}

.footer .footerLinks a {
    display: flex;
    text-decoration: none;
    color: #707070;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer .footerDireitos p {
    margin: 0 20px;
    color: #707070;
    font-size: 14px;
}

.footerDireitos {
    flex-flow: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.header-page {
    background-size: cover;
    height: 80vh;
}

.header-page .wrapper {
    height: 100%;
    position: relative;
}

.header-page .breadcrumb {
    bottom: 15px;
    left: 0;
    position: absolute;
}

.header-page img {
    width: 100%;
    position: relative;
    z-index: 0;
    margin-top: 90px;
}


/* Página de resultados da busca */

.page-wrapper {
    margin: 0 auto;
    max-width: 1088px;
    width: 90%;
}

.page-wrapper .page-header {
    margin-top: 186px;
}

.page-wrapper .page-title {
    color: #241F21;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.3;
}

.page-wrapper .page-subtitle {
    color: #241F21;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.52;
    margin-bottom: 35px;
}

.search-result {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.post-item {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
    border-radius: 5px;
    height: 426px;
    margin-bottom: 35px;
    transition: background-size ease-in .3s;
    position: relative;
    overflow: hidden;
    width: calc(33.333% - 20px);
}

.post-item+.post-item {
    margin-left: 30px;
}

@media screen and (min-width: 1180px) {
    .post-item:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1179px) {
    .post-item:nth-child(odd) {
        margin-left: 0;
    }
}

.post-item:not(.has-post-thumbnail) {
    background: rgb(217, 217, 217);
    background: radial-gradient(circle, rgba(217, 217, 217, 1) 0%, rgba(172, 172, 172, 1) 100%) !important;
}

.post-item:hover {
    background-size: auto 110%;
}

.post-item img {
    left: 50%;
    min-height: 100%;
    position: absolute;
    max-width: none;
    width: auto;
    transform: translateX(-50%);
}

.post-item:before {
    background: transparent linear-gradient(180deg, #29292900 0%, #1A1A1A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    bottom: 0;
    content: '';
    height: 211px;
    position: absolute;
    mix-blend-mode: multiply;
    width: 100%;
}

.post-item:after {
    background: rgb(252, 193, 18);
    background: linear-gradient(90deg, rgba(252, 193, 18, 1) 0%, rgba(243, 145, 33, 1) 50%, rgba(227, 33, 39, 1) 100%);
    bottom: 0;
    content: '';
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
}

.post-item .lista-tags a {
    font-size: 14px;
    padding: 7px 10px;
}

.post-item .btn-ler-mais {
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    font-size: 18px;
    font-weight: bold;
    opacity: 0;
    transition: opacity ease-in .3s;
    position: absolute;
    width: 90%;
}

.post-item:hover .btn-ler-mais {
    opacity: 1;
}

.post-info {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
    transition: transform ease-in .3s;
    width: 90%;
}

.post-info h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.27;
    list-style: none;
}

.post-info h2 a {
    color: #fff;
}

.post-item:hover .post-info {
    transform: translate(-50%, -45px);
}

.btn-cover {
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100%;
}


/* Página Nossas Marcas 
-----------------------*/

.feitoPorVet {
    display: flex;
    width: 100%;
}

.feitoPorVetTexto h1 {
    font-size: 52px;
    color: #F26522;
    line-height: 1.3;
}

.feitoPorVetTexto {
    width: 50%;
}

.feitoPorVetTexto p {
    font-size: 18px;
    color: #707070;
    margin-top: 30px;
}

.feitoPorVetContainer .bg {
    position: absolute;
    right: 0;
    top: 0;
}

.portfolio {
    width: 100%;
    margin-top: 100px;
    display: flex;
}

.portfolioContainer {
    padding: 20px;
}

.portfolioTexto {
    width: 90%;
}

.portfolioTexto h2 {
    font-size: 32px;
    font-weight: normal;
    color: #241F21;
}

.portfolioTexto p {
    font-size: 24px;
    font-weight: normal;
    color: #707070;
    margin-top: 30px;
}

.nossasMarcasTexto {
    margin-top: 60px;
}

.nossasMarcasTexto h2 {
    color: #EC6624;
    font-size: 21px;
}

.nossasMarcasTexto p {
    color: #707070;
    font-size: 16px;
}

.nossasMarcasContainer {
    display: block;
    z-index: 0;
}

.nossasMarcasContainer .item {
    padding: 30px 20px;
    display: inline-block;
    position: relative;
}

.nossasMarcasContainer .item.ativo:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 45px 15px;
    border-color: transparent transparent #f8f8f8 transparent;
    position: absolute;
    z-index: 0;
    left: 40%;
    box-sizing: border-box;
}

.nossasMarcasContainer .info {
    background: #f8f8f8;
    width: 100%;
    position: relative;
    float: left;
    display: flex;
    z-index: 999;
    height: 0;
    opacity: 0;
    /*transition: 0.4s ease all;*/
    overflow: hidden;
}

.nossasMarcasContainer .info.ativo {
    padding: 40px 30px;
    height: auto;
    opacity: 1;
}

.nossasMarcasContainer .info .close {
    width: 100%;
    position: absolute;
    top: 5px;
    right: 0;
    display: flex;
    cursor: pointer;
}

.nossasMarcasContainer .info .img img {
    margin: 0;
    width: 100%;
}

.nossasMarcasContainer .info .text {
    display: block;
    width: 50%;
    padding-left: 40px;
}

.nossasMarcasContainer .info .text h3 {
    color: #f26522;
    font-size: 24px;
    margin-bottom: 20px;
}

.nossasMarcasContainer .info .img {
    width: 500px;
    display: block;
}

.nossasMarcasContainer .info .text .tipos {
    border-top: 2px solid rgba(112, 112, 112, 0.5);
    margin-top: 30px;
    padding-top: 10px;
}

.nossasMarcasContainer .info .text .tipos .item {
    display: flex;
    padding: 5px 0;
    align-items: center;
}

.nossasMarcasContainer .info .text .tipos .item .title {
    margin-left: 5px;
}

.nossasMarcasContainer .btn-saibamais-marcas .button {
    margin-top: 30px;
}

.select-categoria {
    margin-top: 25px;
    width: 100%;
}

.is-animated {
    animation: .6s zoom-in;
}

.filter a.active:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #333 transparent transparent transparent;
}

.label-categoria {
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    padding: 6px 15px;
    line-height: normal;
}

.categoria-super-premium-natural {
    background-color: #ED7203;
}

.categoria-super-premium-tradicional {
    background-color: #CC1719;
}

.categoria-premium-especial {
    background-color: #9C2541;
}

.categoria-premium {
    background-color: #821F81;
}

.categoria-economico {
    background-color: #28348A;
}

.portfolioCategorias {
    margin-top: 25px;
}

.portfolioCategorias ul,
.portfolioCategorias li {
    list-style: none outside none;
    width: 100%;
}

.portfolioCategorias .info-categoria {
    color: #fff;
    display: none;
    margin-top: 15px;
}

.portfolioCategorias h2 {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
}

.portfolioCategorias>.wrapper>ul>li {
    border-radius: 10px;
    padding: 15px 20px;
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.portfolioCategorias>.wrapper>ul>li:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.897);
}

.portfolioCategorias>.wrapper>ul>li+li {
    margin-top: 15px;
}

.portfolioCategorias li li {
    list-style: disc inside;
}


/* Página Sobre Nós
------------------- */

.sobre-nos-politica-qualidade {
    display: block;
    margin: 0 auto;
    max-width: 1110px;
    width: 90%;
    margin-top: 20px;
}
.sobre-nos-politica-qualidade h1{
    color: #F26522;
    padding-bottom: 25px;
}
.sobre-nos-politica-qualidade ul{
    padding: 25px;
}
.sobre-nos-politica-qualidade li{
    padding: 10px;
}

.sobre-nos-politica-qualidade a {
    width: 262px;
    height: 67px;
    border-radius: 8px;
    background: #F26522 0% 0% no-repeat padding-box;
    font-size: 21px;
    color: white;
    font-weight: bold;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 0 30px;
}

.sobre-nos {
    background: url("../img/sobre-nos/hero-sobre-nos.png") no-repeat top right;
    background-size: auto 100%;
}

.sobre {
    padding: 80px 0;
}

.quemSomos {
    background: url("../img/close-up-beautiful-dachshund-eating@2x.png") no-repeat right center;
    background-size: cover;
    height: 575px;
    position: relative;
    width: 100%;
}

.quemSomos:after {
    background: url("../img/quem-somos-grafico@2x.png") no-repeat left top;
    content: '';
    background-size: cover;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
}

.quemSomos img {
    display: none;
}

.quemSomos .text {
    color: #fff;
    position: relative;
    width: 50%;
    z-index: 1;
}

.quemSomos .text h2 {
    font-size: 52px;
    font-weight: bold;
    line-height: 1.22;
}

.quemSomos .text h3 {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.15;
    margin: 25px 0 30px;
}

.quemSomos .text p {
    font-size: 21px;
    line-height: 1.43;
}

.quemSomos .wrapper {
    height: 100%;
    width: 100%;
}

.quemSomos .button {
    margin-top: 20px;
}

.quemSomosImg img,
.quemSomosImg video {
    width: 100%;
}

.quemSomosTexto {
    position: relative;
}

.quemSomosTexto h1 {
    color: #EC6624;
    font-size: 20px;
}

.quemSomosTexto h2 {
    color: #241F21;
    font-size: 28px;
    font-weight: 300;
    margin-top: 10px;
}

.quemSomosTexto p {
    color: #707070;
    font-size: 16px;
    font-weight: 300;
    margin-top: 20px;
}

.logoIcones {
    margin: 80px 0 50px;
}

.logoIcones p {
    text-align: center;
    color: #707070;
    font-size: 24px;
    line-height: 1.25;
    margin-top: 20px;
}

.sobreItem {
    text-align: center;
    width: 226px;
}

.sobreItem img {
    margin: 0 auto;
}

.estruturaTexto {
    margin-top: 100px;
    width: 30%;
}

.estruturaTexto h1 {
    color: #F26522;
    font-size: 20px;
}

.estruturaTexto h2 {
    font-weight: 300;
    font-size: 25px;
}

.estruturaTexto ul {
    list-style: none outside none;
}

.estruturaTexto li {
    background-color: transparent;
    border-radius: 17px;
    display: inline-block;
    font-size: 20px;
    line-height: 1.2;
    padding: 10px 15px;
    position: relative;
    transition: all ease-in .3s;
}

.estruturaTexto li.ativo,
.estruturaTexto li:hover {
    background-color: #E95028;
    color: #fff;
}

.estruturaTexto li+li {
    margin-top: 10px;
}

.estruturaTexto li:before {
    background-color: #E95028;
    border-radius: 17px;
    content: '';
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    transition: opacity ease-in .3s;
    top: 0;
    width: 6px;
}

.estruturaTexto li.ativo:before,
.estruturaTexto li:hover:before {
    opacity: 0;
}

.estruturaTexto li img {
    display: inline-block;
    margin-right: 10px;
    opacity: 0;
    vertical-align: middle;
    transition: all ease-in .3s;
    width: 0;
}

.estruturaTexto li.ativo img,
.estruturaTexto li:hover img {
    opacity: 1;
    width: 16px;
}

.estruturaTexto .tip {
    align-items: flex-start;
    display: flex;
    font-size: 16px;
    line-height: 1.3;
    margin: 25px 0 30px;
    max-width: 328px;
}

.estruturaTexto .tip img {
    margin: 5px 10px 0 0;
}

.textoLinha {
    margin-left: 22px;
    font-size: 20px;
    margin-top: 10px;
    color: #707070;
}

.historia {
    margin-bottom: 200px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5%;
}

.historia h1 {
    color: #EC6624;
    font-size: 42px;
    margin-bottom: 60px;
}

.linhaDoTempo {
    width: 100%;
}

.linhaDoTempo .datas h2 {
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    font-weight: 300;
    opacity: 0.5;
    position: relative;
    vertical-align: top;
    transition: all ease-in .3s;
}

.linhaDoTempo .datas h2+h2 {
    margin-left: 150px;
}

.linhaDoTempo .datas h2.slick-current {
    color: #EC6624;
    font-size: 32px;
    font-weight: bold;
    opacity: 1;
}

.linhaDoTempo .datas h2:after {
    background-color: transparent;
    content: '';
    height: 34px;
    left: 27px;
    position: absolute;
    top: 100%;
    transition: background-color ease-in .3s;
    width: 3px;
}

.linhaDoTempo .datas h2.slick-current::after {
    background-color: #F26522;
}

.linhaDoTempo hr {
    border: 0 none;
    border-top: 1px solid #CECECE;
    margin: 0;
}

.containerHistoria h2 {
    display: flex;
    width: 100%;
}

.slide-wrapper {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
}

.slide-wrapper .logoHistoria {
    max-width: 365px;
    width: 40%;
}

.slide-wrapper .HistoriaTexto {
    margin-left: 80px;
    max-width: 544px;
    width: calc(60% - 80px);
}

.slide-historia {
    margin-top: 65px;
}

.HistoriaTexto h2 {
    color: black;
    opacity: 1;
    font-weight: 300;
    font-size: 32px;
}

.HistoriaTexto p {
    font-weight: 300;
    margin-top: 30px;
    color: #707070;
}

.datas h2:hover {
    color: #F39121;
    opacity: 1;
}


/* Página Fique por dentro
------------------- */

.breadcrumbPageFiquePorDentro {
    margin: 25px 0 20px;
}

.saudeAnimal {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    display: flex;
    height: 27vw;
}

.saudeAnimal>.wrapper {
    align-items: end;
}

.saudeAnimal img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.breadcrumbPageMobile {
    display: none;
}

.container {
    width: 100%;
}

.tumbBalance {
    width: 100%;
    position: absolute;
    z-index: 2;
}

.cardBranco {
    max-width: 100%;
    width: 664px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 35px 50px;
}

.cardBranco .lista-tags {
    font-size: 12px;
}

.cardBranco h2 {
    color: #EC6624;
    font-size: 42px;
    letter-spacing: 0px;
    margin-top: 26px;
    line-height: 60px;
}

.saudeAnimal p {
    color: #707070;
    font-size: 18px;
    letter-spacing: 0px;
    margin-top: 13px;
}

.cardBranco .button {
    margin-top: 13px;
    padding: 20px 40px;
    font-size: 14px;
    width: auto;
}

.novidadesBrf h1 {
    color: #241F21;
    font-weight: 300;
    font-size: 32px;
}

.novidadesBrf h2 {
    color: #241F21;
    font-weight: 300;
    font-size: 21px;
    margin-top: 16px;
}

.pesquisa form {
    position: relative;
    width: 352px;
}

.pesquisa button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.pesquisa input {
    padding: 15px 50px 15px 20px;
    color: #707070;
    font-size: 16px;
    border: white;
    box-shadow: 0px 0px 18px #82380024;
}

::placeholder {
    color: black;
}

.destaques {
    margin-top: 34px;
}

.destaques h3 {
    color: #707070;
    font-size: 14px;
    font-weight: 100;
}

.retangulos {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: 17px;
    width: 100%;
}

.retangulos h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.24;
}

.retangulos h4 a {
    color: #fff;
}

.retangulos .btn-ler-mais {
    font-size: 16px;
}

.retangulo1 {
    border-radius: 10px;
    position: relative;
    margin-right: 20px;
    overflow: hidden;
    min-width: 64%;
    width: 64%;
}

.retangulo1:after {
    content: '';
    background: transparent linear-gradient(180deg, #4D4D4D00 0%, #4D4D4D00 48%, #262626 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    bottom: 0;
    height: 389px;
    left: 0;
    position: absolute;
    width: 100%;
}

.retanguloCard {
    position: absolute;
    color: white;
    z-index: 1;
}

.retanguloCard1 {
    bottom: 25px;
    left: 20px;
    width: calc(100% - 40px);
}

.retanguloCards {
    bottom: 30px;
    right: 15px;
    width: 40%;
}

.col-retangulo2 {
    width: 36%;
    min-width: 36%;
}

.retangulo2 {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.retangulo2::after {
    background: transparent linear-gradient(89deg, #17171700 0%, #575757 100%) 0% 0% no-repeat padding-box;
    bottom: 0;
    box-shadow: 0px 3px 6px #00000029;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}

.retangulo2+.retangulo2 {
    margin-top: 20px;
}

.retangulo3 {
    margin-top: 5px;
}

.leiaCategoria {
    margin: 55px auto 0;
    width: 100%;
}

.leiaCategoria h4 {
    font-size: 14px;
    color: #707070;
    font-weight: 100;
}

.leiaPorCategoria {
    align-items: center;
    border-bottom: 1px solid #E2E2E2;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-top: 20px;
    width: 100%;
}

.leiaPorCategoria a {
    color: #707070;
}

.leiaPorCategoria p {
    font-size: 18px;
    margin-top: 15px;
}

.leiaPorCategoria img {
    margin: 0 auto;
    width: 91px;
}

.leiaPorCategoriaItem {
    margin-bottom: 55px;
    text-align: center;
    width: 143px;
}

.leiaCategoria div {
    text-align: center;
}

.saibaMais {
    width: 80%;
    margin-left: 10%;
    margin-top: 55px;
}

.saibaMaisFila {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.saibaMaisCard1 {
    position: absolute;
    width: 300px;
    margin-top: 230px;
    margin-left: 10px;
}

.saibaMaisCard1 p {
    color: white;
    font-size: 26px;
}

.saibaMaisFila2 {
    margin-top: 32px;
}

.vejaMais {
    display: none;
    text-align: center;
    margin-top: 30px;
}

.vejaMais img {
    display: initial;
}


/* Página Contato
------------------- */

.contato {
    background: url("../img/contato/hero-contato@2x.png") no-repeat top right;
    background-size: cover;
}

.contatoTexto {
    width: 100%;
    position: absolute;
}

.contatoTexto h1 {
    font-size: 50px;
    color: #EC6624;
    margin-top: 250px;
    margin-left: 150px;
}

.entreEmContato {
    display: flex;
}

.entreEmContatoTextos h1 {
    color: #241F21;
    font-weight: 100;
    font-size: 30px;
}

.entreEmContatoTextos p {
    margin-top: 20px;
    color: #707070;
    font-size: 16px;
}

.redesSociais {
    margin-top: 40px
}

.redesSociaisContato {
    display: flex;
}

.redesSociaisContato img {
    margin-top: 20px;
}

.rede {
    margin-left: 20px;
}

.form-contato {
    padding: 100px 0;
}

.ff-el-group {
    margin-bottom: 20px;
}

.ff-el-group label,
.wpcf7 label,
.wpcf7 br {
    display: none;
}

.wpcf7 input:not(.button),
.wpcf7 textarea,
.wpcf7 select,
.select-categoria {
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    color: #707070;
    font-size: 14px;
    font-weight: 300;
    padding: 15px 30px;
    width: 100%;
}

.wpcf7 textarea,
.fd-input textarea {
    min-height: 120px;
}

.wpcf7 .button {
    color: #fff;
}

.mapaContato {
    background: rgba(151, 151, 151, .5) 0% 0% no-repeat padding-box;
    padding: 50px 0;
}

.mapaContato .cardMapa {
    background-color: #fff;
    padding: 20px;
    width: 435px;
}

.mapaContato .cardMapa h1 {
    color: #EC6624;
    font-size: 21px;
    line-height: 1.33;
    margin-bottom: 40px;
}

.mapaContato .cardMapa p {
    font-size: 21px;
    font-weight: 300;
    line-height: 1.5;
    padding: 5px 20px 10px 25px;
    position: relative;
}

.mapaContato .cardMapa p:hover,
.mapaContato .cardMapa p.active {
    background-color: #F5F5F5;
}

.mapaContato .cardMapa p+p {
    margin-top: 20px;
}

.mapaContato .cardMapa p::before {
    background-color: #F39121;
    border-radius: 9px;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    transition: opacity ease-in .3s;
    top: 0;
    width: 5px;
}

.map>svg {
    width: 687px;
}

.map #brazil g path {
    transition: opacity ease-in .3s;
}

.map #brazil g.inativo path,
.map #brazil:hover g path,
.map #brazil:focus g path {
    opacity: .5;
}

.map #brazil g#BR-PR.ativo path,
.map #brazil g#BR-PR:hover path,
.map #brazil g#BR-PR:focus path,
.map #brazil g#BR-RS.ativo path,
.map #brazil g#BR-RS:hover path,
.map #brazil g#BR-RS:focus path,
.map #brazil g#BR-SP.ativo path,
.map #brazil g#BR-SP:hover path,
.map #brazil g#BR-SP:focus path,
.map #brazil g#paraguai.ativo path,
.map #brazil g#paraguai:hover path,
.map #brazil g#paraguai:focus path {
    opacity: 1;
}

.tooltip-map {
    background-color: #B92A2E;
    border-radius: 5px;
    color: #fff;
    padding: 20px;
    position: absolute;
}

.tooltips {
    position: absolute;
}

.tooltip {
    max-width: 180px;
    background: #c8262b;
    padding: 18px;
    color: white;
    border-radius: 10px;
    position: absolute;
    transition: 0.3s ease all;
    display: inline-block;
    transform: translate(-50%, 0);
    opacity: 0;
    display: none;
}

.tooltip span {
    display: block;
    white-space: nowrap;
}

.tooltip .estado {
    font-size: 14px;
    font-weight: bold;
}

.tooltip .text {
    font-size: 18px;
}

.tooltip:hover,
.tooltip.ativo {
    display: block;
    opacity: 1;
}

.tooltip.ativo.BR-SP {
    display: none;
    opacity: 0;
}

.estruturaTexto li[data-local="campinas"].ativo,
.estruturaTexto li[data-local="bastos"].ativo {
    background: #8d8d8d;
}

.estruturaTexto li[data-local="campinas"]:hover,
.estruturaTexto li[data-local="bastos"]:hover {
    background: #E95028;
}

.tooltip.active.BR-SP.campinas,
.tooltip.active.BR-SP.campinas:hover,
.tooltip.active.BR-SP.bastos,
.tooltip.active.BR-SP.bastos:hover {
    display: block;
    opacity: 1;
}

.tooltip.paraguai {
    top: 434px;
    left: 308px;
    min-width: 180px;
}

.tooltip.BR-SP.bastos {
    top: 392px;
    left: 412px;
}

.tooltip.BR-SP.campinas {
    top: 405px;
    left: 457px;
}

.tooltip.BR-RS {
    top: 531px;
    left: 400px;
}

.tooltip.BR-PR {
    top: 455px;
    left: 378px;
}

.entreEmContatoTextos a {
    color: inherit;
    text-decoration: underline;
}


/* Página Trabalhe conosco
------------------- */

.trabalheConosco {
    background: url("../img/trabalheConosco/header-trabalhe-conosco.png") no-repeat bottom right;
    display: flex;
    height: 535px;
    position: relative;
}

.trabalheConosco::after {
    background: url("../img/trabalheConosco/arte-trabalhe-conosco.png") no-repeat top left;
    content: '';
    height: 268px;
    left: 0;
    position: absolute;
    top: 0;
    width: 449px;
}

.trabalheConosco .wrapper {
    position: relative;
}

.trabalheTexto {
    width: 100%;
    position: absolute;
}

.trabalheTexto h1 {
    font-size: 50px;
    color: #EC6624;
    margin-top: 300px;
    margin-left: 150px;
    line-height: 60px;
}

.somosBRF {
    display: flex;
}

.grafismo {
    left: -15vw;
    top: -20vw;
    position: absolute;
    z-index: -1;
    width: 35%;
}

.somosTexto h1 {
    color: #EC6624;
    font-size: 21px;
}

.somosTexto h2 {
    color: #241F21;
    font-size: 32px;
    font-weight: 300;
}

.somosTexto p {
    color: #707070;
    font-size: 16px;
    font-weight: 300;
    margin-top: 29px;
}

.somosTexto button {
    width: 262px;
    height: 67px;
    border-radius: 8px;
    background: #F26522 0% 0% no-repeat padding-box;
    font-size: 21px;
    color: white;
    font-weight: bold;
    border: none;
    margin-top: 27px;
}

.imgDesktop {
    display: flex !important;
}

.imgMobile {
    display: none !important;
}

.vagas {
    margin: 50px 0;
    position: relative;
}

.somosImagem,
.somosTexto {
    width: 50%;
}

.somosTexto {
    padding: 40px
}

.breadcrumbPageTrabalheConosco {
    left: 0;
    position: absolute;
    bottom: 0;
}

/* Selo Reclame Aqui */
[class^=ra-widget-reputation] {
    animation: none;
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    backface-visibility: visible;
    background: 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-collapse: separate;
    border-image: none;
    border-radius: 0;
    border-spacing: 0;
    border: 0;
    border-top-color: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-top-width: medium;
    bottom: auto;
    box-shadow: none;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    column-fill: balance;
    column-gap: normal;
    column-rule: medium none currentColor;
    column-rule-color: currentColor;
    column-rule-style: none;
    column-rule-width: none;
    column-span: 1;
    columns: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    empty-cells: show;
    float: none;
    font: normal;
    font-family: Open Sans,Arial,Sans-Serif!important;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: auto;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    orphans: 0;
    outline: 0;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    position: static;
    quotes: "\201C" "\201D" "\2018" "\2019";
    right: auto;
    tab-size: 8;
    table-layout: auto;
    text-align: inherit;
    text-align-last: auto;
    text-decoration: none;
    text-decoration-color: inherit;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    transform: none;
    transform-style: flat;
    transition: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: none;
    transition-timing-function: ease;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 0;
    width: auto;
    word-spacing: normal;
    z-index: auto;
    all: initial;
    all: unset;
}

#ra-widget-reputation .ra-widget-reputation-holder {
    display: table;
    padding: 0 1px;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    align-content: center;
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}

#ra-widget-reputation .ra-widget-reputation-holder .ra-widget-reputation-content.ra-widget-great, #ra-widget-reputation .ra-widget-reputation-holder .ra-widget-reputation-content.ra-widget-ra-1000 {
    border-color: #a4c929;
}

#ra-widget-reputation .ra-widget-reputation-holder .ra-widget-reputation-content {
    overflow: hidden;
    display: table;
    width: 94px;
    height: 93px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
}

#ra-widget-reputation .ra-widget-reputation-holder .ra-widget-reputation-content .ra-widget-reputation-stamp {
    width: 48px;
    margin: 3px auto 6px;
}

#ra-widget-reputation .ra-widget-reputation-holder .ra-widget-reputation-content .ra-widget-reputation-logo, #ra-widget-reputation .ra-widget-reputation-holder .ra-widget-reputation-content .ra-widget-reputation-stamp {
    display: table;
    height: auto;
}

#ra-widget-reputation .ra-widget-reputation-holder .ra-widget-reputation-content .ra-widget-reputation-text {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 2px auto 7px;
}

#ra-widget-reputation .ra-widget-reputation-holder .ra-widget-reputation-content .ra-widget-reputation-date, #ra-widget-reputation .ra-widget-reputation-holder .ra-widget-reputation-content .ra-widget-reputation-text {
    width: 100%;
    float: left;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    line-height: 8px;
    color: #4b5963;
}

#ra-widget-reputation .ra-widget-reputation-holder .ra-widget-reputation-content .ra-widget-reputation-logo {
    width: 80px;
    margin: 6px auto 0;
}

@media screen and (max-width: 1440px) {
    .sobre-nos {
        background-position: 55vw top;
    }

    .trabalheConosco::after {
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    .menu-item {
        margin-left: 3vw;
    }

    .contato {
        background-size: auto 40vw;
    }
}

@media screen and (max-width: 1180px) {
    .intro-home {
        height: auto;
        padding-top: 150px;
    }

    .intro-home .intro-title {
        margin-bottom: 80px;
        order: 2;
        width: 100%;
    }

    .intro-illustration {
        display: none;
    }

    .intro-illustration-mobile {
        display: block;
        margin: 40px 0;
    }

    .intro-slide {
        flex-flow: row wrap;
    }

    .intro .title {
        font-size: 34px;
    }

    .intro .button {
        width: 100%;
    }

    .entry-content {
        flex-flow: wrap;
    }

    .wrapper-content,
    .sidebar {
        max-width: 100%;
        width: 100%;
    }

    .sidebar {
        margin-top: 50px;
    }

    .page-title {
        font-size: 32px;
    }

    .retangulos {
        flex-flow: column wrap;
    }

    .retangulo1,
    .retangulo1 img {
        width: 100%;
    }

    .retangulo1 {
        margin-bottom: 20px;
    }

    .retangulo1+div {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 100%;
    }

    .retangulo2 {
        width: calc(50% - 10px);
    }

    .retangulo2+.retangulo2 {
        margin-top: 0;
    }

    .estruturaTexto {
        margin-top: 50px;
        width: 100%;
    }

    .estruturaTexto ul {
        width: 400px;
    }

    .mapa {
        text-align: center;
        width: 100%;
    }

    .contato {
        background-size: auto 60vw;
    }

    .trabalheConosco {
        background-position: 30vw bottom;
    }

    .post-item {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 1024px) {
    .on-mobile {
        display: block;
    }

    .on-desktop {
        display: none;
    }

    .menu {
        display: flex;
    }

    /* estilizando o botão abrir menu */
    .menu-open {
        padding: 0;
        margin: 20px 20px 20px 0;
        display: inline-block;
        text-transform: uppercase;
    }

    /* estilizando o botão fechar menu */
    .menu a.menu-close {
        padding: 40px 0 20px 23px;
        color: #ED7025;
        font-weight: bold;
        display: block;
        margin: -30px 0 -10px -20px;
        font-size: 21px;
        text-decoration: none;
    }

    .menu-ul li {
        padding: 0 0 56px 0;
        color: #707070;
        font-weight: bold;
        list-style: none;
    }

    .menu-ul a {
        color: #707070;
    }

    .btn-voltar {
        width: 50px;
        height: 48px;
        background: #ED7025 0% 0% no-repeat padding-box;
        border-radius: 24px 0 0 24px;
        margin-left: -90px;
        z-index: 1;
        position: absolute;
        opacity: 0;
    }

    /* estilizando o menu em si */
    .menu {
        /* overflow: hidden; */
        background: #FFFFFF;
        padding: 40px 0 0 40px;
        position: fixed;
        top: 0;
        right: -290px;
        height: 100%;
        z-index: 2;
        transition: 0.5s;
        width: 290px;
    }

    /* estilizando o menu + ul */
    .menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow-y: auto;
        width: 500px;
        height: 95%;
    }

    /* estilizando o menu + ul li + a */
    .menu ul li a {
        display: block;
        border-bottom: 1px solid #131313;
        padding: 6px 4px 6px 4px;
        color: #707070;
        transition: 0.3s;
        text-decoration: none;
    }

    .header ul {
        display: none;
    }

    .menu-item {
        display: block;
    }

    .buscaHeaderMobile {
        display: flex;
    }

    .search-field {
        border-bottom: 3px solid #00000029;
        padding: 10px 0px 20px 20px;
        margin-right: -60px;
        color: #707070;
    }

    .container-menu-burger {
        --menu-size: 40px;
        position: relative;
        display: flex;
        align-items: center;
        height: var(--menu-size);
        width: var(--menu-size);
    }

    .menu-burger,
    .menu-burger::before,
    .menu-burger::after {
        content: "";
        position: absolute;
        display: block;
        height: calc(var(--menu-size) / 13);
        width: var(--menu-size);
        background-color: #EF7824;
        border-radius: 5px;
        transition: all .3s linear;
    }

    .menu-burger::before {
        transform: translateY(calc(var(--menu-size) / -3));
    }

    .menu-burger::after {
        transform: translateY(calc(var(--menu-size) / 3));
    }

    .seta-btn {
        margin-top: 15px;
        margin-left: 10px;
    }

    .overlay {
        height: 100vh;
        width: 0;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(143, 139, 139, 0.7);
        opacity: 0;
        padding: 10px 90px;
        transition: opacity 1s;
        display: none;
    }

    .header-info {
        align-items: flex-start;
        flex-flow: column wrap;
        margin-bottom: 30px;
    }

    .header-info .lista-tags {
        order: 2;
    }

    .header-info-page {
        margin-bottom: 15px;
        margin-left: 0;
        order: 1;
    }

    .novidadesBrf,
    .pesquisa,
    .pesquisa form {
        width: 100%;
    }

    .pesquisa {
        margin-top: 20px
    }

    .retangulo1+div {
        flex-flow: column wrap;
    }

    .retangulo2 {
        width: 100%;
    }

    .retangulo2+.retangulo2 {
        margin-top: 20px;
    }

    .card {
        height: 326px;
        overflow: hidden;
        width: 100%;
    }

    .card:hover {
        height: 326px;
        margin-top: 0;
    }

    .card:after {
        background: transparent 0 none;
    }

    .card .desctiption {
        bottom: auto;
        top: 20px;
    }

    .card .picture {
        margin-top: 0;
    }

    .card1 {
        margin-bottom: 40px;
    }

    .card1 .picture img {
        width: 300px;
        margin-top: 120px;
    }

    .card1 .desctiption h2 {
        font-size: 24px;
    }

    .card2 .picture {
        top: 72px;
    }

    .quemSomos {
        background-position: 40% center;
    }

    .slide-wrapper {
        flex-flow: column wrap;
    }

    .slide-wrapper .logoHistoria {
        width: 50%;
    }

    .slide-wrapper .HistoriaTexto {
        margin-left: 0;
        margin-top: 25px;
        width: 100%;
    }

    .linhaDoTempo .datas {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }

    .linhaDoTempo .datas h2+h2 {
        margin-left: 0;
    }

    .linhaDoTempo .datas h2.slick-current {
        font-size: 24px;
    }

    .linhaDoTempo hr {
        margin-left: 0;
        margin-right: 0;
    }

    .linhaDoTempo .datas h2:after {
        height: 25px;
        top: calc(100% - 5px);
    }

    .breadcrumbPageMobile {
        display: block;
    }

    .saudeAnimal {
        background-image: url(../img/fiquePorDentro/header-mobile.jpg);
        height: 782px;
        max-height: none;
        padding-top: 87px;
    }

    .saudeAnimal p {
        font-size: 16px;
    }

    .saudeAnimal>.wrapper {
        align-items: flex-start;
    }

    .cardBranco {
        background: rgba(255, 255, 255, 0.8) 0% 0% no-repeat padding-box;
        width: 100%;
    }

    .cardBranco h2 {
        font-size: 34px;
        line-height: 46px;
        margin-top: 15px;
    }

    .breadcrumbPageFiquePorDentro,
    .lista-tags {
        display: none;
    }

    .feitoPorVet {
        height: auto;
    }

    .feitoPorVetTexto {
        width: 100%;
    }

    .feitoPorVetTexto h1 {
        font-size: 34px;
        margin-top: 20px;
    }

    .feitoPorVetTexto p {
        font-size: 16px;
    }

    .feitoPorVetContainer img {
        margin: 0 auto;
    }

    .nossasMarcasContainer .info .img {
        width: 450px;
    }

    .somosImagem,
    .somosTexto {
        width: 100%;
    }

    .somosImagem {
        margin-top: 30px;
        order: 2;
    }

    .grafismo {
        bottom: 0;
        top: auto;
    }

    .somosImagem img {
        margin: 0 auto;
    }

    .trabalheConosco {
        background: 0 none;
        height: auto;
        padding-top: 140px;
    }

    .trabalheConosco .header-title {
        font-size: 34px;
        padding-top: 40px;
        position: relative;
        top: auto;
        transform: none;
    }

    .breadcrumbPageTrabalheConosco {
        top: 0;
        bottom: auto;
    }

    .sobre-nos {
        background-image: none;
        height: auto;
    }

    .sobre-nos .header-container {
        padding-top: 180px;
        position: relative;
        transform: none;
        width: 100%;
    }

    .sobre-nos .breadcrumb {
        bottom: auto;
        top: 140px;
    }

    .sobre-nos .header-container h1 {
        font-size: 34px;
    }

    .sobre-nos.header-page img {
        margin-top: 0;
    }

    .post-item {
        width: 100%;
    }

    .post-item+.post-item {
        margin-left: 0;
    }

    .header {
        position: relative;
    }

    .banner-post {
        height: 50vw;
    }

    .article-content {
        padding-left: 25px;
        padding-right: 25px;
        width: 95%;
    }
}

@media screen and (max-width: 768px) {
    .column-50 {
        width: 100%;
    }

    .column-50+.column-50 {
        margin-top: 40px;
    }

    .breadcrumbPage {
        position: absolute;
        margin-top: 150px;
        margin-left: 0px;
    }

    .breadcrumbPageNossasMarcas {
        position: absolute;
        margin-top: 120px;
        margin-left: 35px;
    }

    .breadcrumbPageContatoMobile {
        margin-left: 40px;
        position: absolute;
        margin-top: 210px;
    }

    .imagemHeader {
        margin-left: 36px;
    }

    .qualidadeSize {
        width: 100%;
        position: relative;
        margin: 100px auto 10px;
        z-index: 0;
    }

    .qualidade .backgroundFundo {
        width: 100%;
        display: flex;
        position: absolute;
        z-index: 1;
        margin-top: -20px;
        margin-left: 5px;
    }

    .qualidade .gatoCao {
        display: none;
    }

    .bannerGatoCao {
        display: block;
        margin-top: -120px;
        width: 850px !important;
        margin-left: -200px;
        max-width: 200%;
    }

    .qualidade p {
        width: 86%;
        margin-left: 5%;
        font-size: 18px;
    }

    .qualidade h1 {
        font-size: 38px;
        margin-left: 5%;
    }

    .qualidade button {
        padding: 20px 120px;
        margin-left: 5%;
    }

    .frame {
        overflow-x: hidden;
    }

    .bannerMobile {
        display: flex;
        position: relative;
        margin-left: 0px;
        width: 100%;
    }

    .vidaMelhor .column {
        width: 100%;
    }

    .vidaMelhor .column+.column {
        margin-top: 20px;
    }

    .quemSomos {
        background: 0 none;
        height: auto;
        overflow: hidden;
    }

    .quemSomos img {
        display: block;
        margin-top: 20vh;
        max-width: none;
        position: relative;
        width: 170%;
        z-index: 1;
    }

    .quemSomos .button {
        width: 100%;
    }

    .quemSomos:after {
        background-position: top center;
        background-size: auto 60%;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 100%;
    }

    .quemSomos .text {
        margin: 0 auto;
        padding-top: 60px;
        width: 80%;
    }

    .quemSomos .text h2 {
        font-size: 32px;
    }

    .quemSomos .text h3 {
        font-size: 24px;
    }

    .quemSomos .text p {
        font-size: 16px;
    }

    .bannerMobileLaranja {
        display: flex;
        position: absolute;
        z-index: 1;
        margin-left: 0px;
        margin-top: -6px;
        width: 425px;
        height: 635px;
    }

    .footer {
        height: 325px;
    }

    .footer .logo {
        margin-left: 50px;
        padding-top: 50px;
    }

    .footer .logoBrf {
        margin-right: 25px;
    }

    .footer .redeSocial {
        /* display: block; */
        position: absolute;
        margin-top: 100px;
        margin-left: 10%;
        margin-right: 0px;
        margin-left: 0%;
        flex-wrap: wrap;
    }

    .footerLinks {
        display: none;
    }

    .footer .footerLinks a {
        display: none;
    }

    hr {
        margin-left: 40px;
        margin-right: 40px;
    }

    .linha {
        display: none;
    }

    /* Página Nossas Marcas
------------------- */
    .nossasMarcasContainer .info .img {
        width: 100%;
    }

    .nossasMarcasContainer .info {
        display: block;
    }

    .nossasMarcasContainer .info .text {
        padding-left: 0;
        margin-top: 20px;
        width: 100%;
    }

    .imgCachorro {
        margin-top: 480px !important;
        margin-left: 0px !important;
    }

    .portfolioContainer {
        padding: 0px;
        margin-left: 0px;
    }

    .nossasMarcasTexto {
        margin-top: 60px;
        margin-left: 36px;
        width: 100%;
    }

    .nossasMarcasMobile {
        width: 100%;
    }

    /* Página fique por Dentro
------------------- */
    .lista-tags {
        display: none;
    }

    .tumbBalance {
        position: relative;
    }

    .destaques {
        width: 100%;
        margin-left: 0;
    }

    .retanguloMobile {
        width: 100%;
    }

    .leiaPorCategoria {
        display: flex;
        margin-top: 20px;
        overflow: auto;
    }

    .saibaMaisFila {
        display: block;
        gap: 60px;
    }

    .leiaCategoria hr {
        margin-right: -40px;
        margin-left: 0px;
    }

    .saibaMais {
        width: 100%;
        padding: 20px;
        margin-top: 55px;
        margin-left: 0;
    }

    .saibaMaisFila {
        padding: 15px;
    }

    .margin {
        padding-top: 40px;
    }

    /* Página contato
------------------- */
    .contato {
        background: url("../img/contato/hero-contato-mobile.png") no-repeat left bottom;
    }

    .contato:after {
        background: url("../img/contato/hero-contato-superior.png") no-repeat center;
        content: '';
        height: 190px;
        right: 0;
        position: absolute;
        top: 87px;
        width: 233px;
    }

    .contato .breadcrumb {
        bottom: auto;
        top: 25vh;
    }

    .contato .header-title {
        font-size: 34px;
        top: 30vh;
        transform: none;
    }

    .redesSociais {
        display: none;
    }

    .mapa .cardMapa {
        text-align: left;
        width: 100%;
    }

    /* Página Sobre nos
------------------- */
    .imgSuperior {
        position: absolute;
        margin-top: 85px;
    }

    .imgMobileApx {
        margin-top: 450px;
    }

    .apaixonadosTexto {
        margin-top: 200px;
        margin-left: 40px;
        width: 80%;
    }

    .apaixonadosTexto h1 {
        color: #F26522;
        font-size: 34px;
        line-height: 40px;
    }

    .apaixonadosSection img {
        display: none;
    }

    .sobreItem {
        width: 100%;
    }

    .sobreItem+.sobreItem {
        margin-top: 25px;
    }

    .estruturaTexto h2 {
        color: #241F21;
        font-size: 32px
    }

    .tip {
        display: none !important;
    }

    .estruturaLista {
        margin-top: 50px;
        width: 120%;
    }

    .containerHistoria {
        display: block;
        margin-top: 0px;
        margin-left: 0px;
    }

    .historia {
        width: 100%;
        margin-top: 70px;
        padding: 30px;
        margin-left: 0;
    }

    .HistoriaTexto {
        width: 100%;
    }

    .slide-wrapper {
        display: block;
    }

    .slide-wrapper .logoHistoria {
        width: 100%;
    }

    .slide-wrapper .HistoriaTexto {
        width: 100%;
        padding: 20px;
    }

    .HistoriaTexto p {
        font-size: 23px;
    }

    .map>svg {
        width: 400px;
        margin-left: -10px;
        margin-top: 50px;
    }

    .tooltips {
        display: none;
    }

    .linhaDoTempo .datas h2+h2 {
        margin-left: 30px;
    }

    /* Página Trabalhe conosco
------------------- */
    .somosBRF {
        display: block;
    }

    .somosImagem {
        margin-left: 0px;
    }

    .somosTexto {
        padding: 0;
    }

    .somosTexto p {
        font-size: 18px;
    }

    .footer .redeSocial {
        margin-top: 80px;
    }

    .footer div {
        padding-top: 50px;
    }

    .footerDireitos {
        flex-flow: column;
        padding-bottom: 20px;        
    }

    .footerDireitos,
    .footerDireitos div {
        padding-top: 0 !important;
    }

    .footer .footerDireitos p {
        margin-top: 20px;
        text-align: center;
    }

    .somosBRF {
        display: block;
    }

    .somosImagem {
        margin-left: 0px;
    }

    .somosTexto p {
        font-size: 18px;
        width: 90%;
    }

    .somosTexto button {
        width: 299px;
    }
}

@media screen and (max-width:600px) {
    .quemSomos:after {
        background-size: auto 100%;
        height: 60%;
    }

    .quemSomos img {
        margin-top: 20px;
    }

    .nossasMarcasContainer .item {
        width: 100%;
    }

    .nossasMarcasContainer .item img {
        margin: 0 auto;
    }

    .nossasMarcasContainer .item.ativo:after {
        left: calc(50% - 15px);
    }
}

@media screen and (max-width: 500px) {
    .quemSomos:after {
        background-size: cover;
        height: 100%;
    }

    .estruturaTexto ul {
        width: 100%;
    }

    .estruturaTexto li {
        display: table;
        font-size: 16px;
        padding: 7px 10px
    }

    .footer .footerDireitos p {
        margin-top: 40px;
    }
}

@media screen and (max-width: 376px) {

    /* Home */
    .card {
        margin-left: 30px;
    }

    .qualidade button {
        padding: 20px 110px;
    }

    .insideCachorro {
        margin-top: 2110px;
    }

    .insideCachorro button {
        margin-left: 45px;
    }

    .insideCachorro p {
        margin-left: 45px;
        padding-right: 50px;
    }

    .insideCachorro h1 {
        margin-left: 40px;
    }

    .insideCachorro h2 {
        margin-left: 40px;
        padding-right: 45px;
    }

    .bannerMobileLaranja {
        height: 730px;
    }

    /* Sobre */
    .map>svg {
        width: 360px;
    }

    .estruturaTexto {
        position: relative;
        width: 100%;
        margin-left: 0;
    }

    .linhaDoTempo .datas h2+h2 {
        margin-left: 15px;
    }

    .estruturaLista {
        width: 100%;
    }

    .HistoriaTexto p {
        font-size: 20px;
    }

    /* Nossas Marcas*/
    .cardBranco h2 {
        font-size: 38px;
        line-height: 50px;
    }

    .nossasMarcasContainer img {
        margin-left: 20px;
    }

    .leiaPorCategoriaItem {
        width: 100px;
    }

    .saibaMaisFila {
        padding: 0px;
    }

    .breadcrumbPageContatoMobile {
        margin-top: 180px;
    }

    .footer .logo {
        margin-left: 20px;
    }

    .footer .redeSocial {
        margin-top: 80px;
    }
}

@media screen and (max-width: 320px) {
    .search-field {
        font-size: 17px;
        margin-right: -50px;
    }

    .menu {
        width: 265px;
    }

    /* Home */
    .card {
        margin-left: 10px;
    }

    .qualidade button {
        padding: 20px 85px;
    }

    .insideCachorro {
        margin-top: 1050px;
    }

    .bannerMobileLaranja {
        height: 700px;
    }

    .insideCachorro button {
        margin-left: 20px;
    }

    .insideCachorro p {
        margin-left: 20px;
        padding-right: 20px;
    }

    .insideCachorro {
        margin-top: 2100px;
    }

    .insideCachorro h2 {
        margin-left: 20px;
        padding-right: 45px;
    }

    .insideCachorro h1 {
        margin-left: 20px;
    }

    /* Sobre nos*/
    .map>svg {
        width: 290px;
        margin-left: -40px;
    }

    .linhaDoTempo .datas h2.slick-current {
        color: #EC6624;
        font-size: 26px;
        font-weight: bold;
        opacity: 1;
    }

    .linhaDoTempo .datas h2 {
        font-size: 16px;
    }

    .slide-wrapper .HistoriaTexto {
        width: 100%;
        padding-top: 20px;
    }

    .estrutura {
        margin-left: 20px;
    }

    .map {
        margin-left: 20px;
    }

    .estruturaTexto h2 {
        color: #241F21;
        font-size: 29px;
    }

    /*Nossas Marcas*/
    .imgCachorro {
        margin-top: 650px !important;
        margin-left: 19px !important;
    }

    /*Contato*/
    .cardBrancoContato p {
        margin-left: 0px;
        width: 100%;
    }

    .camposPreencher {
        margin-top: 0px;
        margin-left: -20px;
    }

    .entreEmContato {
        margin-left: 30px;
    }

    .cardBrancoContato {
        margin-left: 0px;
    }

    .footer .redeSocial {
        padding: 5px;
        margin-top: 120px;
    }

    .footer .logo {
        margin-left: 0px;
        padding: 10px;
    }

    .footer div {
        display: flex;
        padding: 20px;
        margin-top: 30px;
    }

    .footer .footerDireitos p {
        font-size: 11px;
    }
}

@media screen and (max-height: 767px) and (max-width: 1366px) {
    .sobre-nos {
        background-position: 66vw top;
    }

    .sobre-nos .header-container {
        width: 70%;
    }
}

.gfield {
    list-style: none outside none;
    margin-bottom: 25px;
    width: 100%;
}

.gfield label {
    margin-bottom: 5px;
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
}

.gfield textarea,
.gfield input[type="text"],
.gfield input[type="email"],
.gfield select {
    border: solid 1px #d7d7d7;
    padding: 10px;
    width: 100%;
    outline: none;    
}

.gfield.gfield_error textarea,
.gfield.gfield_error input[type="text"],
.gfield.gfield_error input[type="email"],
.gfield.gfield_error select {
    border-color: red;
}

.gfield.gfield--type-honeypot,
.gform_heading {
    display: none;
}

.gform_confirmation_message,
.gform_submission_error {
    color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal; 
}

.gform_submission_error {
    background-color: red;  
}

.gform_confirmation_message {
    background-color: #779415;
}

.gfield_validation_message {
    font-size: 14px;
}