    @charset "UTF-8";

    @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-face {
        font-family: "Co Bold";
        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-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;
    }

    /* noto-sans-regular - latin */

    @font-face {
        font-family: "Noto Sans";
        font-style: normal;
        font-weight: 400;
        src: url("../fonts/noto-sans/noto-sans-v9-latin-regular.eot");
        /* IE9 Compat Modes */
        src: local("Noto Sans"), local("NotoSans"), url("../assets/fonts/noto-sans/noto-sans-v9-latin-regular.eot%EF%B9%96.html#iefix") format("embedded-opentype"),
            /* IE6-IE8 */
            url("../fonts/noto-sans/noto-sans-v9-latin-regular.woff2") format("woff2"),
            /* Super Modern Browsers */
            url("../fonts/noto-sans/noto-sans-v9-latin-regular.woff") format("woff"),
            /* Modern Browsers */
            url("../fonts/noto-sans/noto-sans-v9-latin-regular.ttf") format("truetype"),
            /* Safari, Android, iOS */
            url("../fonts/noto-sans/noto-sans-v9-latin-regular.svg") format("svg");
        /* Legacy iOS */
    }

    /*** Noto Sans Complementares ***/

    @font-face {
        font-family: "Noto Sans Black";
        src: url("../fonts/noto-sans/NotoSans-Black.eot");
        src: url("../fonts/noto-sans/NotoSans-Black-1.eot") format("embedded-opentype"), url("../fonts/noto-sans/NotoSans-Black.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Black.woff") format("woff"), url("../fonts/noto-sans/NotoSans-Black.ttf") format("truetype"), url("../fonts/noto-sans/NotoSans-Black.svg") format("svg");
        font-weight: 900;
        font-style: normal;
    }

    @font-face {
        font-family: "Noto Sans Light";
        src: url("../fonts/noto-sans/NotoSans-Light.eot");
        src: url("../fonts/noto-sans/NotoSans-Light-1.eot") format("embedded-opentype"), url("../fonts/noto-sans/NotoSans-Light.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Light.woff") format("woff"), url("../fonts/noto-sans/NotoSans-Light.ttf") format("truetype"), url("../fonts/noto-sans/NotoSans-Light.svg") format("svg");
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: "Noto Sans";
        src: url("../fonts/noto-sans/NotoSans-Thin.eot");
        src: url("../fonts/noto-sans/NotoSans-Thin-1.eot") format("embedded-opentype"), url("../fonts/noto-sans/NotoSans-Thin.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Thin.woff") format("woff"), url("../fonts/noto-sans/NotoSans-Thin.ttf") format("truetype"), url("../fonts/noto-sans/NotoSans-Thin.svg") format("svg");
        font-weight: 100;
        font-style: normal;
    }

    @font-face {
        font-family: "Noto Sans";
        src: url("../fonts/noto-sans/NotoSans-Bold.eot");
        src: url("../fonts/noto-sans/NotoSans-Bold-1.eot") format("embedded-opentype"), url("../fonts/noto-sans/NotoSans-Bold.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Bold.woff") format("woff"), url("../fonts/noto-sans/NotoSans-Bold.ttf") format("truetype"), url("../fonts/noto-sans/NotoSans-Bold.svg") format("svg");
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: "Noto Sans Condensed";
        src: url("../fonts/noto-sans/NotoSans-Condensed.eot");
        src: url("../fonts/noto-sans/NotoSans-Condensed-1.eot") format("embedded-opentype"), url("../fonts/noto-sans/NotoSans-Condensed.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Condensed.woff") format("woff"), url("../fonts/noto-sans/NotoSans-Condensed.ttf") format("truetype"), url("../fonts/noto-sans/NotoSans-Condensed.svg") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: "Noto Sans Condensed SemiBold";
        src: url("../fonts/noto-sans/NotoSans-CondensedSemiBold.eot");
        src: url("../fonts/noto-sans/NotoSans-CondensedSemiBold-1.eot") format("embedded-opentype"), url("../fonts/noto-sans/NotoSans-CondensedSemiBold.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-CondensedSemiBold.woff") format("woff"), url("../fonts/noto-sans/NotoSans-CondensedSemiBold.ttf") format("truetype"), url("../fonts/noto-sans/NotoSans-CondensedSemiBold.svg") format("svg");
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: "Noto Sans Condensed";
        src: url("../fonts/noto-sans/NotoSans-CondensedBold.eot");
        src: url("../fonts/noto-sans/NotoSans-CondensedBold-1.eot") format("embedded-opentype"), url("../fonts/noto-sans/NotoSans-CondensedBold.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-CondensedBold.woff") format("woff"), url("../fonts/noto-sans/NotoSans-CondensedBold.ttf") format("truetype"), url("../fonts/noto-sans/NotoSans-CondensedBold.svg") format("svg");
        font-weight: bold;
        font-style: normal;
    }

    .nav--hover-show>ul>li>a::after,
    header.top .topbar .container .wrapper-col--2 .submenu>ul>li>a::after {
        content: "";
        position: absolute;
        right: -20px;
        top: 50%;
        margin-top: -1px;
        width: 12px;
        height: 6px;
        background: url(../images/icon/ico-arrow-down.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .no-border {
        border: none !important;
    }

    .no-margin-bottom {
        margin-bottom: 0 !important;
    }

    .w-100 {
        width: 100%;
    }

    .d-block {
        display: block;
    }

    .font-weight-bold {
        font-weight: bold;
    }

    .text-orange {
        color: #cd3c31;
    }

    .img-responsive {
        max-width: 100%;
    }

    .line-divisor {
        display: block;
        border-bottom: solid 1px #ebebeb;
        margin: 50px 0;
    }

    .button {
        border: solid 2px white;
        border-color: #7e4a93;
        border-radius: 20px;
        cursor: pointer;
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        outline: none;
        min-width: 146px;
        padding: 10px 30px;
        text-transform: uppercase;
        font-size: 1.5rem;
        display: inline-block;
        line-height: 1;
    }

    .button-primary {
        color: #fff;
        background: -moz-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #a53393), color-stop(100%, #012f87));
        background: -webkit-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        background: -o-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        background: -ms-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        background: linear-gradient(45deg, #a53393 0%, #012f87 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a53393', endColorstr='#012f87', GradientType=1);
    }

    /* #region ADD This */

    body .atss .at-share-btn,
    body .atss a {
        width: 2pc;
    }

    body .atss .at-share-btn span .at-icon,
    body .atss a span .at-icon {
        width: 1.5pc;
        height: 1.5pc;
    }

    body .atss a.at-svc-whatsapp {
        display: none;
    }

    @media (max-width: 767px) {
        body .atss a.at-svc-whatsapp {
            display: block;
        }
    }

    .screen-reader-text {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    /* #region CONTAINER */

    .container {
        width: 100%;
        margin: 0 auto;
    }

    /* #endregion */
    /* #region ROW / COL */

    .row {
        margin: 0 -5px;
    }

    .row:before,
    .row:after {
        content: "";
        display: table;
    }

    .row:after {
        clear: both;
    }

    /* #endregion */

    a {
        text-decoration: none;
    }

    .item-1,
    .item-2,
    .item-3,
    .item-4,
    .item-5,
    .item-6,
    .item-7,
    .item-8 {
        color: black;
    }

    /* region HEADINGS */

    h2 {
        margin: 10px 0 15px 0;
    }

    .h1 {
        font-size: 3.8rem;
        color: #333;
        text-transform: uppercase;
        padding: 0;
        margin: 0 0 15px 0;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
        font-weight: normal;
    }

    .h2 {
        text-transform: uppercase;
        color: #7d7d7d;
        font-size: 2.6rem;
        line-height: 1;
        font-weight: normal;
        padding: 0;
        margin: 0 0 10px 0;
        line-height: 4rem;
    }

    .h3 {
        text-transform: none;
        color: #7d7d7d;
        font-size: 1.8rem;
        line-height: 1;
        font-weight: normal;
        padding: 0;
        font-family: Verdana, Geneva, sans-serif;
        margin: 0 0 10px 0;
        line-height: 2rem;
    }

    /* endregion */

    .icon {
        border-radius: 50%;
        /*border: solid 1px #7e4a93;*/
        background-repeat: no-repeat;
        background-position: center center;
        border: solid 0px #7e4a93;
        /* #region ICONS*/
        /* #endregion */
    }

    footer .icon {
        border-radius: 5px;
    }

    .icon--xs {
        width: 28px;
        height: 28px;
        display: inline-block;
        margin-right: 10px;
        overflow: hidden;
    }

    .icon--md {
        width: 36px;
        height: 36px;
        display: inline-block;
        margin-right: 10px;
        overflow: hidden;
    }

    .icon--no-text>a {
        color: transparent !important;
    }

    .icon--fb {
        /*background-image: url(../images/icon/ico-fb.svg);
    background-size: 50% 50%;*/
        background-image: url(../images/icon/face.svg);
    }

    .icon--tw {
        /*background-image: url(../images/icon/ico-tw.svg);
    background-size: 53% 53%;*/
        background-image: url(../images/icon/twitter.svg);
    }

    .icon--in {
        /*background-image: url(../images/icon/ico-in.svg);
    background-size: 50% 50%;*/
        background-image: url(../images/icon/linkedin.svg);
    }

    .icon--yt {
        /*background-image: url(../images/icon/ico-yt.svg);
    background-size: 55% 55%;*/
        background-image: url(../images/icon/youtube.svg);
    }

    .icon--inst {
        /*background-image: url(../images/icon/ico-inst.svg);
    background-size: 100% 100%;*/
        background-image: url(../images/icon/insta.svg);
    }

    .icon--insta {
        background-image: url(../images/icon/ico-insta.svg);
        background-size: 53% 53%;
    }

    .icon>a {
        border: solid;
        display: block;
        height: 100%;
    }

    .btn,
    .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_footer button,
    .w--form .gform_footer input,
    .our-brands.inner__item .url {
        border: solid 2px white;
        padding: 10px 30px;
        text-transform: uppercase;
        font-size: 1.5rem;
        display: inline-block;
        line-height: 1;
        /**/
        padding: 10px 20px;
        text-transform: none;
        line-height: 1;
        /* #endregion */
        /* #region COLOR*/
        /* #endregion */
        /* #region CONFIG*/
        /* #endregion*/
        /* #region ICONS*/
        /* #endregion */
    }

    .btn--link {
        text-transform: none;
        border: none;
        text-decoration: underline;
        font-size: 1.3rem;
        font-family: Verdana, Geneva, sans-serif;
        font-family: "Co Text", sans-serif;
        font-weight: bold;
        padding: 0;
    }

    .relatorio .more {
        display: none;
    }

    .relatorio #myBtn {
        margin: 20px auto;
    }

    .relatorio .paragrafo {
        width: 100%;
    }

    .btn--link--blue {
        color: #253387;
    }

    .btn--link--orange {
        color: #e36e35;
    }

    .btn--img {
        border-radius: 30px;
    }

    .btn--pink {
        border-color: #ae308c;
        color: #ae308c;
    }

    .btn--orange {
        border-color: #d0672d;
        color: #d0672d;
    }

    .btn--orangelight {
        border-color: #fd7028;
        color: #fd7028;
    }

    .btn--purple,
    .w--form .gform_footer button,
    .w--form .gform_footer input {
        border-color: #7e4a93;
        color: #7e4a93;
        border-color: #313a92;
        color: #313a92;
    }

    .btn--white,
    .wrapper-our-brands-main .brand-theme-1 .btn,
    .wrapper-our-brands-main .brand-theme-1 .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .wrapper-our-brands-main .brand-theme-1 label,
    .wrapper-our-brands-main .brand-theme-1 .w--form .gform_footer button,
    .w--form .gform_footer .wrapper-our-brands-main .brand-theme-1 button,
    .wrapper-our-brands-main .brand-theme-1 .w--form .gform_footer input,
    .w--form .gform_footer .wrapper-our-brands-main .brand-theme-1 input,
    .wrapper-our-brands-main .brand-theme-1 .our-brands.inner__item .url,
    .our-brands.inner__item .wrapper-our-brands-main .brand-theme-1 .url {
        border-color: #fff;
        color: #fff;
    }

    .btn--black,
    .wrapper-our-brands-main .brand-theme-2 .btn,
    .wrapper-our-brands-main .brand-theme-2 .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .wrapper-our-brands-main .brand-theme-2 label,
    .wrapper-our-brands-main .brand-theme-2 .w--form .gform_footer button,
    .w--form .gform_footer .wrapper-our-brands-main .brand-theme-2 button,
    .wrapper-our-brands-main .brand-theme-2 .w--form .gform_footer input,
    .w--form .gform_footer .wrapper-our-brands-main .brand-theme-2 input,
    .wrapper-our-brands-main .brand-theme-2 .our-brands.inner__item .url,
    .our-brands.inner__item .wrapper-our-brands-main .brand-theme-2 .url {
        border-color: #000;
        color: #000;
    }

    .btn--yellow {
        border-color: #edbf30;
        color: #edbf30;
    }

    .btn--blue {
        border-color: #005aa6;
        color: #005aa6;
    }

    .btn--gray,
    .w--form .gform_fields .gfield.input-file label {
        border-color: #9e9e9e;
        color: #9e9e9e;
    }

    .page-template-template-sac .w--form .gform_wrapper {
        display: block !important;
    }

    .btn--transparent {
        border-color: transparent;
        color: #fff;
    }

    .btn--border-radius,
    .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_footer button,
    .w--form .gform_footer input {
        /*border-radius: 20px;*/
        border-radius: 5px;
    }

    .w--form .gfield ul.gfield_radio li {
        list-style: none;
        display: flex;
    }

    .w--form .gfield ul.gfield_radio li input[type="radio"] {
        margin-right: 10px;
    }

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

    .btn--width-auto {
        width: fit-content;
    }

    @media screen and (min-width: 0\0) {
        .btn--width-auto {
            display: table;
        }
    }

    .btn {
        transition: 0.2s ease all;
    }

    .btn--big {
        padding: 20px 50px;
        border-radius: 30px;
    }

    .btn-bg,
    .our-brands.inner__item .url {
        background-repeat: no-repeat;
        transition: background-color 0.2s ease-in-out;
        /* #region ICONS */
        /* #endregion */
    }

    .btn-bg-left {
        padding-left: 50px;
        background-position: 20px center;
        /**/
        padding-left: 40px;
        background-position: 10px center;
    }

    .btn-bg-right,
    .our-brands.inner__item .url {
        padding-right: 20px;
        background-position: right center;
    }

    .btn-bg--ballon {
        background-image: url(../images/icon/ico-ballon.png);
    }

    .btn-bg--arrow-donw {
        background-image: url(../images/icon/ico-arrow-down.png);
    }

    .btn-bg--arrow-right {
        background-image: url(../images/icon/ico-arrow-right.png);
    }

    .btn-bg--arrow-right--gray {
        background-image: url(../images/icon/ico-arrow-right-gray.png);
    }

    .btn-bg--bar-code {
        background-image: url(../images/icon/ico-bar-code.png);
    }

    .btn-bg--download {
        background-image: url(../images/icon/ico-download.svg);
        background-size: 20px 20px;
    }

    footer .textwidget .btn-bg--download {
        background-color: #313a92;
        color: white;
        background-image: url(../images/icon/ico-download-white.svg);
        padding: 10px 15px;
        padding-left: 30px;
        max-width: 90%;
        white-space: pre-wrap;
    }

    footer .textwidget .btn-bg--download:hover {
        background-color: #0066b3;
        border-color: #0066b3;
    }

    .btn-bg--download--orange {
        background-image: url(../images/icon/ico-download-orange.svg);
        background-size: 20px 20px;
    }

    .btn-bg--external-link,
    .our-brands.inner__item .url {
        background-image: url(../images/icon/ico-link.png);
    }

    .btn-bg--box {
        background-image: url(../images/icon/icon-kit.png);
    }

    .btn-bg-bg--box {
        background-image: url(../images/icon/icon-kit.png);
    }

    .btn-bg--facebook {
        background-image: url(../images/icon/ico-fb.svg);
        background-size: 20px 20px;
    }

    .btn-bg:hover,
    .our-brands.inner__item .url:hover {
        background-color: rgba(204, 204, 204, 0.4);
    }

    .btn-bg.nohover:hover,
    .our-brands.inner__item .nohover.url:hover {
        background-color: transparent;
    }

    .btn-bg-no-hover:hover,
    .our-brands.inner__item .url:hover {
        background-color: transparent;
    }

    .w--form {
        /* #region CONFIGURA├ç├òES*/
        /* #endregion */
        /* #region Controls */
        /* #endregion Controls */
    }

    .w--form .no--label label {
        display: none !important;
    }

    .w--form .no--margin {
        margin: 0 !important;
    }

    .w--form .p-tb-15 {
        padding: 15px 0;
    }

    .w--form .with-divisor--b {
        border-bottom: solid 1px #ebebeb;
    }

    .w--form .with-divisor--tb {
        border-top: solid 1px #ebebeb;
        border-bottom: solid 1px #ebebeb;
    }

    .w--form input[type="text"],
    .w--form textarea,
    .w--form select {
        border-radius: 5px;
        border: solid 1px #d7d7d7;
        padding: 10px;
        font-size: 1.3rem;
        width: 100%;
        outline: none;
    }

    .w--form input[type="text"].as-text,
    .w--form textarea.as-text,
    .w--form select.as-text {
        background: transparent;
        border: none;
        padding: 0 10px;
        color: #9e9e9e;
        width: 100%;
    }

    .w--form input[type="text"]::-webkit-input-placeholder,
    .w--form textarea::-webkit-input-placeholder,
    .w--form select::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #919191;
        font-size: 1.3rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
    }

    .w--form input[type="text"]:-moz-placeholder,
    .w--form textarea:-moz-placeholder,
    .w--form select:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #919191;
        font-size: 1.3rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
    }

    .w--form input[type="text"]::-moz-placeholder,
    .w--form textarea::-moz-placeholder,
    .w--form select::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #919191;
        font-size: 1.3rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
    }

    .w--form input[type="text"]:-ms-input-placeholder,
    .w--form textarea:-ms-input-placeholder,
    .w--form select:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #919191;
        font-size: 1.3rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
    }

    .w--form select {
        padding: 12px 10px;
        height: 42px;
        outline: none;
    }

    .w--form .gform_fields {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        list-style: none;
    }

    .w--form .gform_fields .gfield {
        width: 100%;
        margin-bottom: 25px;
    }

    .w--form .gform_fields .gfield.gfield--2 {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: calc(50% - 15px);
    }

    .w--form .gform_fields .gfield.gfield--3 {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: calc(33% - 15px);
    }

    .w--form .gform_fields .gfield.gfield--4 {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: calc(25% - 15px);
    }

    .w--form .gform_fields .gfield.input-file {
        display: flex;
        align-items: center;
    }

    .w--form .gform_fields .gfield.input-file label {
        margin: 0;
        cursor: pointer;
    }

    .w--form .gform_fields .gfield.input-file .ginput_container {
        flex-grow: 1;
        height: 30px;
    }

    .w--form .gform_fields .gfield.input-file .ginput_container input[type="file"] {
        position: absolute;
        display: none;
    }

    .w--form .gform_fields .gfield label {
        font-size: 1.3rem;
        color: #666666;
        margin-bottom: 5px;
        /* font-family: Verdana, Geneva, sans-serif; */
        font-weight: bold;
        margin-bottom: 8px;
        display: block;
    }

    .w--form .gform_footer button,
    .w--form .gform_footer input {
        cursor: pointer;
        outline: none;
        background: transparent;
        width: 146px;
    }

    .w--form .gform_footer button[type="reset"],
    .w--form .gform_footer input[type="reset"] {
        margin-right: 10px;
    }

    .w--form .gform_footer button[type="submit"],
    .w--form .gform_footer input[type="submit"] {
        color: #fff;
        background: -moz-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #a53393), color-stop(100%, #012f87));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a53393', endColorstr='#012f87', GradientType=1);
        /* ie6-9 */
    }

    .w--form.transparencia h4 {
        font-size: 1.4rem;
        color: #666666;
        display: block;
        margin-bottom: 5px;
    }

    .w--form.transparencia h5 {
        font-size: 1.3rem;
        color: #9e9e9e;
        font-weight: normal;
    }

    @media (max-width: 767px) {
        .w--form .gform_fields {
            flex-direction: column;
        }

        .w--form .gform_fields .gfield {
            flex-grow: 1;
        }

        .w--form .gform_fields .gfield.gfield--2,
        .w--form .gform_fields .gfield.gfield--3,
        .w--form .gform_fields .gfield.gfield--4 {
            flex-grow: 1;
            margin: 10px 0;
        }

        .w--form .gform_fields .gfield.gfield-recaptcha {
            display: flex;
            flex-direction: column;
        }

        .w--form .gform_fields .gfield.gfield-recaptcha>div>div {
            margin: 0 auto;
        }

        .w--form .gform_fields .gfield.input-file {
            flex-direction: column;
        }

        .w--form .gform_footer {
            text-align: center;
        }

        .w--form .gform_footer button,
        .w--form .gform_footer input {
            width: max-content;
        }
    }

    @media (max-width: 350px) {
        .w--form .gform_fields .gfield.gfield-recaptcha>div>div {
            width: max-content !important;
            margin: 0 auto;
        }

        .w--form .gform_fields .gfield.gfield-recaptcha iframe {
            width: 270px;
        }
    }

    .breadcrumb.yoast a,
    .breadcrumb.yoast span {
        font-size: 1.4rem;
        color: #fff;
        margin: 0 10px;
    }

    .breadcrumb.yoast a .home,
    .breadcrumb.yoast span .home {
        margin-left: 0;
        margin-right: 15px;
        width: 14px;
        height: 14px;
        display: inline-block;
        background-image: url(../images/icon/ico-home-white.png);
        background-repeat: no-repeat;
        background-position: left center;
    }

    .breadcrumb.yoast a[rel="v:child"],
    .breadcrumb.yoast span[rel="v:child"] {
        margin: 0;
    }

    .page__list .breadcrumb.yoast a,
    .page__list .breadcrumb.yoast span {
        color: #333;
    }

    .page__list .breadcrumb.yoast a .home,
    .page__list .breadcrumb.yoast span .home {
        background-image: url(../images/icon/ico-home.png);
    }

    .breadcrumb.mobile {
        margin-top: 10px;
    }

    .breadcrumb.mobile>a {
        text-transform: none;
        color: #fff;
        font-size: 1.8rem;
        line-height: 1;
        padding-left: 25px;
        background-image: url(../images/icon/ico-arrow-left-white-md.svg);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 12px 30px;
        line-height: 30px;
        display: block;
    }

    .page__list .breadcrumb.mobile a {
        text-transform: none;
        color: #333;
        font-size: 1.8rem;
        line-height: 1;
        background-image: url(../images/icon/icon-arrow-left-darkgray.svg);
    }

    .card--theme-1 .card__item .btn,
    .card--theme-1 .card__item .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-1 .card__item label,
    .card--theme-1 .card__item .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-1 .card__item button,
    .card--theme-1 .card__item .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-1 .card__item input,
    .card--theme-1 .card__item .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-1 .card__item .url {
        border-color: #fc992e;
        color: #fc992e;
    }

    .card--theme-1 .card__item::after {
        background: -moz-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #febf39), color-stop(100%, #fb6521));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#febf39', endColorstr='#fb6521', GradientType=1);
        /* ie6-9 */
    }

    .card--theme-1 .card__item:hover {
        background: -moz-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #febf39), color-stop(100%, #fb6521));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#febf39', endColorstr='#fb6521', GradientType=1);
        /* ie6-9 */
        color: #fff;
    }

    .card--theme-1 .card__item:hover h2 {
        color: #fff;
    }

    .card--theme-1 .card__item:hover .btn,
    .card--theme-1 .card__item:hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-1 .card__item:hover label,
    .card--theme-1 .card__item:hover .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-1 .card__item:hover button,
    .card--theme-1 .card__item:hover .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-1 .card__item:hover input,
    .card--theme-1 .card__item:hover .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-1 .card__item:hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(1) .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(1) .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(1) label,
    .card:not([class*="theme-"]) .card__item:nth-child(1) .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(1) button,
    .card:not([class*="theme-"]) .card__item:nth-child(1) .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(1) input,
    .card:not([class*="theme-"]) .card__item:nth-child(1) .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(1) .url {
        border-color: #fc992e;
        color: #fc992e;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(1)::after {
        background: -moz-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #febf39), color-stop(100%, #fb6521));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #febf39 0%, #fb6521 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#febf39', endColorstr='#fb6521', GradientType=1);
        /* ie6-9 */
    }

    .card:not([class*="theme-"]) .card__item:nth-child(1):hover {
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(1):hover h2 {
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(1):hover .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(1):hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(1):hover label,
    .card:not([class*="theme-"]) .card__item:nth-child(1):hover .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(1):hover button,
    .card:not([class*="theme-"]) .card__item:nth-child(1):hover .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(1):hover input,
    .card:not([class*="theme-"]) .card__item:nth-child(1):hover .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(1):hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card--theme-2 .card__item .btn,
    .card--theme-2 .card__item .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-2 .card__item label,
    .card--theme-2 .card__item .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-2 .card__item button,
    .card--theme-2 .card__item .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-2 .card__item input,
    .card--theme-2 .card__item .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-2 .card__item .url {
        border-color: #e7412a;
        color: #e7412a;
    }

    .card--theme-2 .card__item::after {
        background: -moz-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fb6521), color-stop(100%, #d22533));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fb6521', endColorstr='#d22533', GradientType=1);
        /* ie6-9 */
    }

    .card--theme-2 .card__item:hover {
        background: -moz-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fb6521), color-stop(100%, #d22533));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fb6521', endColorstr='#d22533', GradientType=1);
        /* ie6-9 */
        color: #fff;
    }

    .card--theme-2 .card__item:hover h2 {
        color: #fff;
    }

    .card--theme-2 .card__item:hover .btn,
    .card--theme-2 .card__item:hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-2 .card__item:hover label,
    .card--theme-2 .card__item:hover .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-2 .card__item:hover button,
    .card--theme-2 .card__item:hover .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-2 .card__item:hover input,
    .card--theme-2 .card__item:hover .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-2 .card__item:hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(2) .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(2) .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(2) label,
    .card:not([class*="theme-"]) .card__item:nth-child(2) .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(2) button,
    .card:not([class*="theme-"]) .card__item:nth-child(2) .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(2) input,
    .card:not([class*="theme-"]) .card__item:nth-child(2) .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(2) .url {
        border-color: #e7412a;
        color: #e7412a;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(2)::after {
        background: -moz-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fb6521), color-stop(100%, #d22533));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #fb6521 0%, #d22533 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fb6521', endColorstr='#d22533', GradientType=1);
        /* ie6-9 */
    }

    .card:not([class*="theme-"]) .card__item:nth-child(2):hover {
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(2):hover h2 {
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(2):hover .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(2):hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(2):hover label,
    .card:not([class*="theme-"]) .card__item:nth-child(2):hover .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(2):hover button,
    .card:not([class*="theme-"]) .card__item:nth-child(2):hover .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(2):hover input,
    .card:not([class*="theme-"]) .card__item:nth-child(2):hover .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(2):hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card--theme-3 .card__item .btn,
    .card--theme-3 .card__item .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-3 .card__item label,
    .card--theme-3 .card__item .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-3 .card__item button,
    .card--theme-3 .card__item .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-3 .card__item input,
    .card--theme-3 .card__item .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-3 .card__item .url {
        border-color: #a93061;
        color: #a93061;
    }

    .card--theme-3 .card__item::after {
        background: -moz-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #d22533), color-stop(100%, #963389));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d22533', endColorstr='#963389', GradientType=1);
        /* ie6-9 */
    }

    .card--theme-3 .card__item:hover {
        background: -moz-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #d22533), color-stop(100%, #963389));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d22533', endColorstr='#963389', GradientType=1);
        /* ie6-9 */
        color: #fff;
    }

    .card--theme-3 .card__item:hover h2 {
        color: #fff;
    }

    .card--theme-3 .card__item:hover .btn,
    .card--theme-3 .card__item:hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-3 .card__item:hover label,
    .card--theme-3 .card__item:hover .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-3 .card__item:hover button,
    .card--theme-3 .card__item:hover .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-3 .card__item:hover input,
    .card--theme-3 .card__item:hover .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-3 .card__item:hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(3) .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(3) .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(3) label,
    .card:not([class*="theme-"]) .card__item:nth-child(3) .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(3) button,
    .card:not([class*="theme-"]) .card__item:nth-child(3) .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(3) input,
    .card:not([class*="theme-"]) .card__item:nth-child(3) .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(3) .url {
        border-color: #a93061;
        color: #a93061;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(3)::after {
        background: -moz-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #d22533), color-stop(100%, #963389));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #d22533 0%, #963389 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d22533', endColorstr='#963389', GradientType=1);
        /* ie6-9 */
    }

    .card:not([class*="theme-"]) .card__item:nth-child(3):hover {
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(3):hover h2 {
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(3):hover .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(3):hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(3):hover label,
    .card:not([class*="theme-"]) .card__item:nth-child(3):hover .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(3):hover button,
    .card:not([class*="theme-"]) .card__item:nth-child(3):hover .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(3):hover input,
    .card:not([class*="theme-"]) .card__item:nth-child(3):hover .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(3):hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card--theme-4 .card__item .btn,
    .card--theme-4 .card__item .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-4 .card__item label,
    .card--theme-4 .card__item .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-4 .card__item button,
    .card--theme-4 .card__item .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-4 .card__item input,
    .card--theme-4 .card__item .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-4 .card__item .url {
        border-color: #513385;
        color: #513385;
    }

    .card--theme-4 .card__item::after {
        background: -moz-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #963389), color-stop(100%, #0a327f));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#963389', endColorstr='#0a327f', GradientType=1);
        /* ie6-9 */
    }

    .card--theme-4 .card__item:hover {
        background: -moz-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #963389), color-stop(100%, #0a327f));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#963389', endColorstr='#0a327f', GradientType=1);
        /* ie6-9 */
        color: #fff;
    }

    .card--theme-4 .card__item:hover h2 {
        color: #fff;
    }

    .card--theme-4 .card__item:hover .btn,
    .card--theme-4 .card__item:hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-4 .card__item:hover label,
    .card--theme-4 .card__item:hover .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-4 .card__item:hover button,
    .card--theme-4 .card__item:hover .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-4 .card__item:hover input,
    .card--theme-4 .card__item:hover .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-4 .card__item:hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(4) .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(4) .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(4) label,
    .card:not([class*="theme-"]) .card__item:nth-child(4) .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(4) button,
    .card:not([class*="theme-"]) .card__item:nth-child(4) .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(4) input,
    .card:not([class*="theme-"]) .card__item:nth-child(4) .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(4) .url {
        border-color: #513385;
        color: #513385;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(4)::after {
        background: -moz-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #963389), color-stop(100%, #0a327f));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #963389 0%, #0a327f 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#963389', endColorstr='#0a327f', GradientType=1);
        /* ie6-9 */
    }

    .card:not([class*="theme-"]) .card__item:nth-child(4):hover {
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(4):hover h2 {
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(4):hover .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(4):hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(4):hover label,
    .card:not([class*="theme-"]) .card__item:nth-child(4):hover .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(4):hover button,
    .card:not([class*="theme-"]) .card__item:nth-child(4):hover .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(4):hover input,
    .card:not([class*="theme-"]) .card__item:nth-child(4):hover .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(4):hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card--theme-5 .card__item .btn,
    .card--theme-5 .card__item .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-5 .card__item label,
    .card--theme-5 .card__item .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-5 .card__item button,
    .card--theme-5 .card__item .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-5 .card__item input,
    .card--theme-5 .card__item .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-5 .card__item .url {
        border-color: #2656a3;
        color: #2656a3;
    }

    .card--theme-5 .card__item::after {
        background: -moz-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #0a327f), color-stop(100%, #0a3280));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0a327f', endColorstr='#0a3280', GradientType=1);
        /* ie6-9 */
    }

    .card--theme-5 .card__item:hover {
        background: -moz-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #0a327f), color-stop(100%, #0a3280));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0a327f', endColorstr='#0a3280', GradientType=1);
        /* ie6-9 */
        color: #fff;
    }

    .card--theme-5 .card__item:hover h2 {
        color: #fff;
    }

    .card--theme-5 .card__item:hover .btn,
    .card--theme-5 .card__item:hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-5 .card__item:hover label,
    .card--theme-5 .card__item:hover .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-5 .card__item:hover button,
    .card--theme-5 .card__item:hover .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-5 .card__item:hover input,
    .card--theme-5 .card__item:hover .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-5 .card__item:hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(5) .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(5) .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(5) label,
    .card:not([class*="theme-"]) .card__item:nth-child(5) .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(5) button,
    .card:not([class*="theme-"]) .card__item:nth-child(5) .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(5) input,
    .card:not([class*="theme-"]) .card__item:nth-child(5) .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(5) .url {
        border-color: #2656a3;
        color: #2656a3;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(5)::after {
        background: -moz-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #0a327f), color-stop(100%, #0a3280));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #0a327f 0%, #0a3280 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0a327f', endColorstr='#0a3280', GradientType=1);
        /* ie6-9 */
    }

    .card:not([class*="theme-"]) .card__item:nth-child(5):hover {
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(5):hover h2 {
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(5):hover .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(5):hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(5):hover label,
    .card:not([class*="theme-"]) .card__item:nth-child(5):hover .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(5):hover button,
    .card:not([class*="theme-"]) .card__item:nth-child(5):hover .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(5):hover input,
    .card:not([class*="theme-"]) .card__item:nth-child(5):hover .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(5):hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card--theme-6 .card__item .btn,
    .card--theme-6 .card__item .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-6 .card__item label,
    .card--theme-6 .card__item .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-6 .card__item button,
    .card--theme-6 .card__item .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-6 .card__item input,
    .card--theme-6 .card__item .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-6 .card__item .url {
        border-color: #762753;
        color: #762753;
    }

    .card--theme-6 .card__item::after {
        background: -moz-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c11f30), color-stop(100%, #2b2f75));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c11f30', endColorstr='#2b2f75', GradientType=1);
        /* ie6-9 */
    }

    .card--theme-6 .card__item:hover {
        background: -moz-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c11f30), color-stop(100%, #2b2f75));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c11f30', endColorstr='#2b2f75', GradientType=1);
        /* ie6-9 */
        color: #fff;
    }

    .card--theme-6 .card__item:hover h2 {
        color: #fff;
    }

    .card--theme-6 .card__item:hover .btn,
    .card--theme-6 .card__item:hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card--theme-6 .card__item:hover label,
    .card--theme-6 .card__item:hover .w--form .gform_footer button,
    .w--form .gform_footer .card--theme-6 .card__item:hover button,
    .card--theme-6 .card__item:hover .w--form .gform_footer input,
    .w--form .gform_footer .card--theme-6 .card__item:hover input,
    .card--theme-6 .card__item:hover .our-brands.inner__item .url,
    .our-brands.inner__item .card--theme-6 .card__item:hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(6) .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(6) .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(6) label,
    .card:not([class*="theme-"]) .card__item:nth-child(6) .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(6) button,
    .card:not([class*="theme-"]) .card__item:nth-child(6) .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(6) input,
    .card:not([class*="theme-"]) .card__item:nth-child(6) .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(6) .url {
        border-color: #762753;
        color: #762753;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(6)::after {
        background: -moz-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #c11f30), color-stop(100%, #2b2f75));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #c11f30 0%, #2b2f75 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c11f30', endColorstr='#2b2f75', GradientType=1);
        /* ie6-9 */
    }

    .card:not([class*="theme-"]) .card__item:nth-child(6):hover {
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(6):hover h2 {
        color: #fff;
    }

    .card:not([class*="theme-"]) .card__item:nth-child(6):hover .btn,
    .card:not([class*="theme-"]) .card__item:nth-child(6):hover .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card:not([class*="theme-"]) .card__item:nth-child(6):hover label,
    .card:not([class*="theme-"]) .card__item:nth-child(6):hover .w--form .gform_footer button,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(6):hover button,
    .card:not([class*="theme-"]) .card__item:nth-child(6):hover .w--form .gform_footer input,
    .w--form .gform_footer .card:not([class*="theme-"]) .card__item:nth-child(6):hover input,
    .card:not([class*="theme-"]) .card__item:nth-child(6):hover .our-brands.inner__item .url,
    .our-brands.inner__item .card:not([class*="theme-"]) .card__item:nth-child(6):hover .url {
        border-color: #fff;
        color: #fff;
    }

    .card__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .card__item {
        display: flex;
        flex-direction: column;
        padding: 35px;
        border-radius: 5px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        width: calc(50% - 20px);
        margin-bottom: 40px;
        position: relative;
        font-size: 1.6rem;
        line-height: 1.625;
        min-height: 250px;
        transition: background 0.2s ease-in-out;
        background-color: white;
    }

    .card__item .btn,
    .card__item .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .card__item label,
    .card__item .w--form .gform_footer button,
    .w--form .gform_footer .card__item button,
    .card__item .w--form .gform_footer input,
    .w--form .gform_footer .card__item input,
    .card__item .our-brands.inner__item .url,
    .our-brands.inner__item .card__item .url {
        max-width: fit-content;
        margin-top: auto;
    }

    @media screen and (min-width: 0\0) {

        .card__item .btn,
        .card__item .w--form .gform_fields .gfield.input-file label,
        .w--form .gform_fields .gfield.input-file .card__item label,
        .card__item .w--form .gform_footer button,
        .w--form .gform_footer .card__item button,
        .card__item .w--form .gform_footer input,
        .w--form .gform_footer .card__item input,
        .card__item .our-brands.inner__item .url,
        .our-brands.inner__item .card__item .url {
            display: table;
        }
    }

    .card__item .description {
        margin-bottom: 20px;
    }

    .card__item::after {
        -webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: -10px;
        right: 0;
        z-index: -1;
        border-radius: 7px;
    }

    @media (max-width: 1023px) {
        .card__list {
            flex-direction: column;
        }

        .card__item {
            align-self: stretch;
            width: unset;
        }
    }

    .nav--aside {
        min-width: 200px;
    }

    .nav--aside>ul {
        list-style: none;
        text-transform: none;
        color: #454545;
        font-size: 1.3rem;
        line-height: 1;
    }

    .nav--aside>ul li {
        border-bottom: solid 1px #dbdbdb;
    }

    .nav--aside>ul li a {
        padding: 10px;
        display: block;
        text-transform: none;
        color: #454545;
        line-height: 1.231;
    }

    .nav--aside>ul li>ul li {
        /*background-color: #f9f9f9;*/
        font-family: "Noto Sans";
        font-weight: normal;
    }

    .nav--aside>ul li>ul li:first-child {
        border-top: solid 1px #dbdbdb;
    }

    .nav--aside>ul li>ul li a {
        padding: 10px 20px;
    }

    .nav--aside>ul li>ul li.current-menu-item a {
        color: #4c348a;
        font-weight: bold;
    }

    .nav--aside>ul li.current-page-ancestor,
    .nav--aside>ul li.menu-item-has-children {
        border-top: solid 1px #dbdbdb;
        border-bottom: none;
        overflow: hidden;
        max-height: 37px;
        transition: max-height 0.2s ease-out;
    }

    .nav--aside>ul li>ul li>ul li {
        padding-left: 20px;
        list-style: none outside none;
    }

    @media (max-width: 1023px) {

        .nav--aside>ul li.current-page-ancestor,
        .nav--aside>ul li.menu-item-has-children {
            max-height: 58px;
        }
    }

    .nav--aside>ul li.current-page-ancestor>a,
    .nav--aside>ul li.menu-item-has-children>a {
        background-image: url(../images/icon/ico-arrow-right-darkgray.svg);
        background-size: 12px 12px;
        background-repeat: no-repeat;
        background-position: calc(100% - 10px) 50%;
    }

    .nav--aside>ul li.current-page-ancestor>a:hover,
    .nav--aside>ul li.menu-item-has-children>a:hover {
        background-color: transparent;
    }

    .nav--aside>ul li.current-page-ancestor:not(:nth-child(1)),
    .nav--aside>ul li.menu-item-has-children:not(:nth-child(1)) {
        border-top: none;
    }

    .nav--aside>ul li.current-page-ancestor {
        max-height: 9999px !important;
    }

    .nav--aside>ul li.current-page-ancestor>a {
        background-image: url(../images/icon/ico-arrow-down-darkgray.svg);
        background-size: 12px 12px;
    }

    .nav--aside>ul li.current_page_item {
        max-height: none;
    }

    .nav--aside>ul li.current_page_item>a {
        color: #4c348a;
        font-weight: bold;
    }

    @media (min-width: 1024px) {
        .nav--aside>ul li:first-child {
            min-height: 38px;
        }
    }

    .nav--hover-show {
        position: relative;
    }

    .nav--hover-show>ul {
        list-style: none;
    }

    .nav--hover-show>ul>li {
        position: relative;
    }

    .nav--hover-show>ul>li>a {
        position: relative;
        font-size: 1.2rem;
        color: #a3a3a3;
        text-decoration: none;
        padding-bottom: 10px;
    }

    .nav--hover-show>ul>li>a::after {
        margin-top: 6px;
        right: -10px;
    }

    .nav--hover-show>ul>li>a:after {
        top: 25%;
    }

    .nav--hover-show>ul>li .submenu-wrapper,
    .nav--hover-show>ul>li .sub-menu {
        position: absolute;
        background-color: #4c3384;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        min-width: 100%;
        -webkit-box-shadow: 10px 10px 38px -12px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 10px 10px 38px -12px rgba(0, 0, 0, 0.2);
        box-shadow: 10px 10px 38px -12px rgba(0, 0, 0, 0.2);
        z-index: 999;
        top: 32px;
        width: max-content;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.5s linear;
        list-style: none;
        padding: 20px;
    }

    .nav--hover-show>ul>li .submenu-wrapper li,
    .nav--hover-show>ul>li .sub-menu li {
        margin-bottom: 15px;
    }

    .nav--hover-show>ul>li .submenu-wrapper li a,
    .nav--hover-show>ul>li .sub-menu li a {
        color: #fff;
        line-height: 1;
        font-size: 1.2rem;
    }

    .nav--hover-show>ul>li .submenu-wrapper li a:hover,
    .nav--hover-show>ul>li .sub-menu li a:hover {
        color: #fff;
    }

    .nav--hover-show>ul>li .submenu-wrapper li:last-child,
    .nav--hover-show>ul>li .sub-menu li:last-child {
        margin-bottom: 0;
    }

    .nav--hover-show>ul>li:hover a {
        color: #a3a3a3;
    }

    .nav--hover-show>ul>li:hover a:after {
        transform: rotate(180deg);
    }

    .nav--hover-show>ul>li:hover .submenu-wrapper,
    .nav--hover-show>ul>li:hover .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    .wrapper-our-brands-main {
        overflow: hidden;
        visibility: hidden;
    }

    .wrapper-our-brands-main.slick-initialized {
        visibility: visible;
    }

    .wrapper-our-brands-main .brand-theme-1 .title {
        text-transform: uppercase;
        color: #fff;
        font-size: 2.4rem;
        line-height: 1.5;
    }

    .wrapper-our-brands-main .brand-theme-1 .description {
        text-transform: none;
        color: #fff;
        font-size: 2.7rem;
        line-height: 1.205;
    }

    .wrapper-our-brands-main .brand-theme-2 .title {
        text-transform: uppercase;
        color: #000;
        font-size: 2.4rem;
        line-height: 1.5;
    }

    .wrapper-our-brands-main .brand-theme-2 .description {
        text-transform: none;
        color: #000;
        font-size: 2.7rem;
        line-height: 1.205;
    }

    .wrapper-our-brands-main .item {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        outline: none;
        min-height: 505px;
    }

    .wrapper-our-brands-main .item .wrapper-content {
        padding: 50px 0;
    }

    .wrapper-our-brands-main .item .wrapper-content .header {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .wrapper-our-brands-main .item .wrapper-content .content {
        max-width: 50%;
    }

    .wrapper-our-brands-main .item .wrapper-content .content .brand {
        margin: 25px 0;
    }

    .wrapper-our-brands-main .item .wrapper-content .content .description {
        font-family: Verdana, Geneva, sans-serif;
        font-family: "Co Text", sans-serif;
        font-weight: bold;
        margin-bottom: 30px;
        display: block;
    }

    .wrapper-our-brands-main .item.sadia {
        background-image: url(../images/brand/Home---sadia.jpg);
    }

    .wrapper-our-brands-main .item.perdigao {
        background-image: url(../images/brand/Home---perdigao.jpg);
    }

    .wrapper-our-brands-main .item.qualy {
        background-image: url(../images/brand/Home---qualy.jpg);
    }

    .wrapper-our-brands-main .item.paty {
        background-image: url(../images/brand/Home---paty.jpg);
    }

    .wrapper-our-brands-main .item.grabits {
        background-image: url(../images/brand/Home---grabits.jpg);
    }

    .wrapper-our-brands-main .item.danica {
        background-image: url(../images/brand/Home---danica.jpg);
    }

    .wrapper-our-brands-main .item.banvit {
        background-image: url(../images/brand/Home---banvit.jpg);
    }

    .wrapper-our-brands-main .item.speedy-pollo {
        background-image: url(../images/brand/Home---speedy-pollo.jpg);
    }

    .wrapper-our-brands-main .item.bocatti {
        background-image: url(../images/brand/Home---bocatti.jpg);
    }

    @media (max-width: 767px) {
        .wrapper-our-brands-main .item .container {
            padding: 0;
            width: 100%;
        }

        .wrapper-our-brands-main .item .container .wrapper-content {
            padding: 0;
        }

        .wrapper-our-brands-main .item .container .wrapper-content .content {
            max-width: unset;
            width: 100%;
        }

        .wrapper-our-brands-main .item .container .wrapper-content .content .header {
            width: 100%;
            padding: 40px 20px 20px 20px;
            background-position: 55% 50%;
            height: 310px;
            overflow: hidden;
        }

        .wrapper-our-brands-main .item .container .wrapper-content .content .footer {
            width: 100%;
            padding: 40px 20px 20px 20px;
            border-bottom: solid 1px #ebebeb;
            color: #000;
        }

        .wrapper-our-brands-main .item .container .wrapper-content .content .footer .btn,
        .wrapper-our-brands-main .item .container .wrapper-content .content .footer .w--form .gform_fields .gfield.input-file label,
        .w--form .gform_fields .gfield.input-file .wrapper-our-brands-main .item .container .wrapper-content .content .footer label,
        .wrapper-our-brands-main .item .container .wrapper-content .content .footer .w--form .gform_footer button,
        .w--form .gform_footer .wrapper-our-brands-main .item .container .wrapper-content .content .footer button,
        .wrapper-our-brands-main .item .container .wrapper-content .content .footer .w--form .gform_footer input,
        .w--form .gform_footer .wrapper-our-brands-main .item .container .wrapper-content .content .footer input,
        .wrapper-our-brands-main .item .container .wrapper-content .content .footer .our-brands.inner__item .url,
        .our-brands.inner__item .wrapper-our-brands-main .item .container .wrapper-content .content .footer .url {
            border-color: #000;
            color: #000;
        }

        .wrapper-our-brands-main .item .container .wrapper-content .content .footer .description {
            font-size: 2rem;
            color: #000;
        }

        .wrapper-our-brands-main .item.sadia {
            background: none;
        }

        .wrapper-our-brands-main .item.sadia .header {
            background-image: url(../images/brand/our-brands-sadia.jpg);
        }

        .wrapper-our-brands-main .item.perdigao {
            background: none;
        }

        .wrapper-our-brands-main .item.perdigao .header {
            background-image: url(../images/brand/Home---perdigao.jpg);
        }

        .wrapper-our-brands-main .item.qualy {
            background: none;
        }

        .wrapper-our-brands-main .item.qualy .header {
            background-image: url(../images/brand/Home---qualy.jpg);
        }

        .wrapper-our-brands-main .item.paty {
            background: none;
        }

        .wrapper-our-brands-main .item.paty .header {
            background-image: url(../images/brand/Home---paty.jpg);
        }

        .wrapper-our-brands-main .item.grabits {
            background: none;
        }

        .wrapper-our-brands-main .item.grabits .header {
            background-image: url(../images/brand/Home---grabits.jpg);
        }

        .wrapper-our-brands-main .item.danica {
            background: none;
        }

        .wrapper-our-brands-main .item.danica .header {
            background-image: url(../images/brand/Home---danica.jpg);
        }

        .wrapper-our-brands-main .item.banvit {
            background: none;
        }

        .wrapper-our-brands-main .item.banvit .header {
            background-image: url(../images/brand/Home---banvit.jpg);
        }

        .wrapper-our-brands-main .item.speedy-pollo {
            background: none;
        }

        .wrapper-our-brands-main .item.speedy-pollo .header {
            background-image: url(../images/brand/Home---speedy-pollo.jpg);
        }

        .wrapper-our-brands-main .item.bocatti {
            background: none;
        }

        .wrapper-our-brands-main .item.bocatti .header {
            background-image: url(../images/brand/Home---bocatti.jpg);
        }
    }

    .wrapper-our-brands {
        position: relative;
        overflow: hidden;
        /**/
        background: rgba(225, 222, 213, 0.4);
    }

    .wrapper-our-brands .navigation {
        display: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        cursor: pointer;
        height: 30px;
    }

    .wrapper-our-brands .navigation--right {
        top: 50%;
        right: 0;
        height: 30px;
    }

    .our-brands {
        visibility: hidden;
    }

    .our-brands.slick-initialized {
        visibility: visible;
    }

    .our-brands.inner__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .our-brands.inner__item {
        border-bottom: solid 1px #ebebeb;
        display: flex;
    }

    .our-brands.inner__item .url {
        text-transform: none;
        color: #9f9f9f;
        font-size: 1.1rem;
        line-height: 1;
        padding-left: 0;
    }

    .our-brands.home {
        overflow: hidden;
        position: relative;
        border-bottom: solid 1px #ebebeb;
    }

    .our-brands.home .item {
        display: inline-block;
        height: 140px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        outline: none;
        display: flex;
        justify-content: center;
        transition: 0.5s ease all;
        background: transparent;
    }

    .our-brands.home .item a {
        height: 100%;
        display: inline-block;
        display: flex;
        align-items: center;
        border-bottom: solid 2px transparent;
    }

    .our-brands.home .item a.selected {
        border-bottom: solid 2px red;
    }

    .our-brands.home .item img {
        vertical-align: middle;
        display: inline-block;
    }

    .our-brands.home .item.sadia a img {
        max-width: 70px;
    }

    .our-brands.home .item.ingredientes a img {
        max-width: 165px;
    }

    .our-brands.home .item.sadiaME a img {
        max-width: 80px;
    }

    .our-brands.home .item.perdix a img {
        max-width: 95px;
    }

    .our-brands.home .item.hilal a img {
        max-height: 110px;
    }

    .our-brands.home .item.confidence a img {
        max-height: 70px;
        max-width: 150px;
    }

    .our-brands.home .item.calchaqui a img {
        max-width: 100px;
    }

    .our-brands.home .item.perdigao a img {
        max-width: 68px;
    }

    .our-brands.home .item.qualy a img {
        max-width: 100px;
    }

    .our-brands.home .item.paty a img {
        max-width: 100px;
    }

    .our-brands.home .item.grabits a img {
        max-width: 110px;
    }

    .our-brands.home .item.danica a img {
        max-width: 105px;
    }

    .our-brands.home .item.banvit a img {
        max-width: 105px;
    }

    .our-brands.home .item.banvitME a img {
        max-width: 125px;
    }

    .our-brands.home .item.speedy-pollo a img {
        max-width: 105px;
    }

    .our-brands.home .item.bocatti a img {
        max-width: 105px;
    }

    .our-brands.home .item:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    @media (max-width: 769px) {
        .our-brands.home .item a img {
            max-width: 120px;
        }

        /*
    .our-brands.home .item.sadia a img {
        max-width: 120px;
    }*/
        /* .our-brands.home .item.perdigao a img {
        max-width: 48px;
    }
    .our-brands.home .item.qualy a img {
        max-width: 80px;
    }
    .our-brands.home .item.paty a img {
        max-width: 80px;
    }
    .our-brands.home .item.grabits a img {
        max-width: 90px;
    }
    .our-brands.home .item.danica a img {
        max-width: 85px;
    }
    .our-brands.home .item.banvit a img {
        max-width: 85px;
    }
    .our-brands.home .item.speedy-pollo a img {
        max-width: 85px;
    }
    .our-brands.home .item.bocatti a img {
        max-width: 85px;
    }*/
    }

    .media-type {
        max-width: unset !important;
        max-width: none !important;
        position: relative;
    }

    .media-type .w {
        margin: 0;
    }

    .media-type .item {
        display: inline-block;
        outline: none;
        max-height: unset;
        overflow: hidden;
        background-color: #eeeeee;
    }

    .media-type .media-type__list {
        overflow: hidden;
        position: relative;
        visibility: hidden;
    }

    .media-type .media-type__list.slick-initialized {
        visibility: visible;
    }

    .slick-dots {
        display: flex;
        list-style: none;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 10px;
        height: 10px;
        cursor: pointer;
        border: 0;
        outline: none;
        background: #999;
        border-radius: 50%;
        margin: 0 5px;
    }

    .slick-dots .slick-active button {
        background: #fff;
    }

    .media-type .slick-dots {
        background-color: #0c378c;
    }

    .hero .slick-dots {
        position: absolute;
        width: 100%;
        height: 50px;
        bottom: 0;
    }

    .content__main__body {
        --color-link: #e36e35;
        --color-highlight: var(--color-link);
    }

    .content__main__body .highlight-theme {
        color: var(--color-highlight);
    }

    .content__main__body .theme-1,
    .content__main__body .w--list.theme-2 {
        --color-link: #593286;
    }

    .content__main__body .theme-2 {
        --color-link: #005aa6;
        --color-highlight: var(--color-link);
    }

    .content__main__body .theme-3 {
        --color-link: #892549;
    }

    .w {
        min-height: 200px;
        margin: 30px 0;
    }

    .w--prod {
        border: none !important;
        min-height: unset;
    }

    .w--prod:after {
        display: none !important;
    }

    .w--btns .btn,
    .w--btns .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .w--btns label,
    .w--btns .w--form .gform_footer button,
    .w--form .gform_footer .w--btns button,
    .w--btns .w--form .gform_footer input,
    .w--form .gform_footer .w--btns input,
    .w--btns .our-brands.inner__item .url,
    .our-brands.inner__item .w--btns .url {
        margin-right: 20px;
    }

    .w--testemonial {
        display: flex;
        padding: 40px 0;
        margin-bottom: 30px;
    }

    .w--testemonial--r .col-1 {
        order: 1;
    }

    .w--testemonial--r .col-2 {
        flex-direction: column;
        margin-left: 0 !important;
        margin-right: 40px;
    }

    .w--testemonial .col-1 {
        min-width: max-content;
    }

    .w--testemonial .col-1.only {
        min-width: min-content;
    }

    .w--testemonial .col-2 {
        margin-left: 40px;
        flex-direction: column;
    }

    .w--testemonial .comment {
        font-size: 1.8rem;
        font-family: Verdana, Geneva, sans-serif;
        font-family: "Co Text", sans-serif;
        font-weight: 300;
        font-style: italic;
    }

    .w--testemonial .whois {
        margin-top: 30px;
        font-size: 1.3rem;
        font-family: Verdana, Geneva, sans-serif;
        font-family: "Co Text", sans-serif;
    }

    .w--video {
        border: solid;
        position: relative;
    }

    .w--video:after {
        content: "video";
    }

    .w--video--2 {
        border: none;
        display: flex;
        justify-content: space-between;
    }

    .w--video--2 .item {
        flex: 0 1 50%;
        margin-right: 30px;
    }

    .w--video--2 .item p {
        display: none !important;
    }

    .w--video--2 .item:last-child {
        margin-right: 0;
    }

    .w--video--2:after {
        display: none;
    }

    .w--video .pelicula {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        background: url("../images/pelicula.png") transparent left bottom repeat-x;
    }

    .w--video .video-content {
        position: absolute;
        bottom: 20px;
        left: 20px;
        z-index: 99;
    }

    .w--video .video-content .title {
        display: block;
        font-size: 1.7rem;
        color: #fff;
        margin-bottom: 10px;
    }

    .w--video .video-content .subtitle {
        display: block;
        font-size: 2.1rem;
        color: #fff;
        text-transform: uppercase;
    }

    .w--timeline {
        border: solid;
    }

    .w--timeline:after {
        content: "timeline";
    }

    .w--image {
        border: solid;
    }

    .w--image .credito {
        font-size: 1.2rem;
    }

    .w--image:after {
        content: "image";
    }

    .w--quote {
        min-height: fit-content;
    }

    .w--quote--simple {
        text-align: center;
        color: #8a67a9;
        font-size: 2.6rem;
        line-height: 1.5;
    }

    .w--quote--simple--blue {
        color: #005aa6;
    }

    .w--quote-theme-2 {
        background-color: #593286;
        color: #fff;
        padding: 50px 70px 50px 70px;
        position: relative;
    }

    .w--quote-theme-2 p {
        font-style: italic;
        text-align: center;
        font-size: 1.6rem;
    }

    .w--quote-theme-2::before {
        content: "";
        width: 100%;
        height: 33px;
        display: block;
        background: url(../images/quote-open.png);
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 30px;
    }

    .w--quote-theme-2::after {
        content: "";
        width: 100%;
        height: 33px;
        display: block;
        background: url(../images/quote-close.png);
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 30px;
    }

    .w--gallery {
        border: solid;
    }

    .w--gallery:after {
        content: "gallery";
    }

    .w--download>.item {
        display: flex;
        flex-direction: column;
    }

    .w--download>.item img {
        margin-bottom: 15px;
    }

    .w--download>.item .description {
        text-transform: none;
        color: #666;
        font-size: 1.45rem;
        line-height: 1.737;
    }

    .w--download>.item .btn,
    .w--download>.item .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file .w--download>.item label,
    .w--download>.item .w--form .gform_footer button,
    .w--form .gform_footer .w--download>.item button,
    .w--download>.item .w--form .gform_footer input,
    .w--form .gform_footer .w--download>.item input,
    .w--download>.item .our-brands.inner__item .url,
    .our-brands.inner__item .w--download>.item .url {
        width: fit-content;
    }

    .w--download__list.w--download {
        margin-top: 80px;
        display: flex;
        justify-content: center;
    }

    .w--form {
        border: solid;
    }

    .w--form:after {
        content: "form";
    }

    .w--col-2 {
        --paddingCol: 0 30px;
        --paddingCol-r: inherit;
        --marginP: 0 !important;
        --alignSelf: auto;
        --text-align-col-1: left;
        --padding-parent: 30px 0;
        --hasBorderDividerColumns: false;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: fit-content;
        width: 100%;
        margin: 0;
        padding: var(--padding-parent);
    }

    .w--col-2 .item {
        display: flex;
        margin-bottom: 50px;
    }

    .w--col-2 .item:last-child {
        margin-bottom: 0;
    }

    .w--col-2.theme-1,
    .w--col-2.w--list.theme-2 {
        --paddingCol-r: 0;
    }

    .w--col-2.theme-1 .col-2,
    .w--col-2.w--list.theme-2 .col-2 {
        margin-left: 30px;
    }

    .w--col-2.theme-2 {
        --paddingCol-r: 0;
    }

    .w--col-2.theme-2 .col-1 {
        min-width: 250px;
    }

    .w--col-2.theme-3 {
        --paddingCol-r: 30px;
        --paddingCol: 0;
        --marginP: 30px !important;
        --alignSelf: flex-start;
    }

    .w--col-2.theme-3 .col-1 {
        min-width: max-content;
    }

    .w--col-2.theme-4 {
        --paddingCol: 0 20px;
        --paddingCol-r: 30px;
        --alignSelf: center;
        --padding-parent: 20px;
        --marginP: 0;
    }

    .w--col-2.theme-5 {
        --paddingCol: 0 20px;
        --paddingCol-r: 30px;
    }

    .w--col-2.theme-5 .col-2 {
        border-left: solid 1px #ebebeb;
        padding-left: var(--paddingCol-r);
    }

    .w--col-2.theme-6 {
        --paddingCol-r: 30px;
        --paddingCol: 0;
        --marginP: 0 0 30px 0;
        padding-top: 50px;
    }

    .w--col-2.theme-6 .col-1 {
        min-width: max-content;
    }

    .w--col-2.theme-6 .col-2 {
        display: flex;
        align-self: center;
        flex-direction: column;
    }

    .w--col-2.theme-7 {
        --paddingCol: 0;
        --marginP: 0 0 30px 0;
    }

    .w--col-2.theme-7 .col-1 {
        min-width: max-content;
        order: 1;
    }

    .w--col-2.theme-7 .col-2 {
        padding-right: 50px;
    }

    .w--col-2__list.w--col-2 {
        display: flex;
        flex-direction: column;
    }

    .w--col-2__list.w--col-2>div:first-child {
        border-top: none;
    }

    .w--col-2__list.w--col-2>div:last-child {
        border-bottom: none;
    }

    .w--col-2 .col-1 {
        padding: var(--paddingCol);
        padding-right: var(--paddingCol-r);
        text-align: var(--text-align-col-1);
        display: flex;
        align-self: center;
    }

    .w--col-2 .col-2 {
        flex-grow: 1;
        align-self: var(--alignSelf);
    }

    .w--col-2 .col-2 p {
        margin: var(--marginP);
    }

    .w--col-3 {
        text-align: center;
        display: flex;
    }

    .w--col-3.theme-1 .item,
    .w--col-3.w--list.theme-2 .item {
        border-bottom: solid 1px #ebebeb;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .w--col-3.theme-1 .item:nth-child(3),
    .w--col-3.w--list.theme-2 .item:nth-child(3) {
        margin-right: 0;
    }

    .w--col-3 .item {
        padding: 35px;
        margin-right: 25px;
        flex: 1 1 0;
    }

    .w--col-3 .item .title {
        font-size: 1.8rem;
        text-transform: uppercase;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
    }

    .w--list {
        display: flex;
        flex-wrap: wrap;
        margin: 50px 0;
    }

    .w--list.theme-1,
    .w--list.theme-2 {
        margin: 40px 0;
    }

    .w--list.theme-1 .item,
    .w--list.theme-2 .item {
        border-bottom: solid 1px #ebebeb;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 30%;
        margin: 0 20px 30px 0;
    }

    .w--list.theme-1 .item img,
    .w--list.theme-2 .item img {
        margin-bottom: 30px;
    }

    .w--list.theme-1 .item:nth-child(3),
    .w--list.theme-2 .item:nth-child(3) {
        margin-right: 0;
    }

    .w--list.theme-2 {
        flex-direction: column;
    }

    .w--list.theme-2 .item {
        align-self: center;
    }

    .w--list.theme-3 {
        align-items: center;
        text-align: center;
        justify-content: space-between;
        margin: 50px 0;
        padding: 30px 0;
    }

    .w--list.theme-3 .item {
        flex: 1 1 20%;
    }

    .w--list.theme-3 .item p {
        font-size: 1.6rem;
        color: #e36e35;
        font-family: Verdana, Geneva, sans-serif;
        line-height: 1.248;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .w--list.theme-4 {
        justify-content: space-between;
    }

    .w--list.theme-4 .item {
        margin-bottom: 50px;
    }

    .w--list.theme-4 .item img.lg {
        margin-bottom: 20px;
    }

    .w--list.theme-4 .item p {
        font-size: 1.6rem;
        color: #585858;
        font-family: Verdana, Geneva, sans-serif;
        line-height: 1.248;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .w--list.theme-5 {
        justify-content: space-between;
        margin: 50px 0;
        padding: 30px 0;
    }

    .w--list.theme-5 .item {
        min-height: 228px;
    }

    .w--list.theme-5 span {
        font-size: 6.6rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        color: #0391e9;
        line-height: 1;
    }

    .w--list.theme-5 p:nth-child(1) {
        color: #005aa6;
        font-size: 6.6rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1;
    }

    .w--list.theme-5 p:not(:nth-child(1)) {
        color: #005aa6;
        font-size: 1.7rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.3;
    }

    .w--list.theme-5 p:not(:nth-child(1)) .subtitle {
        font-family: inherit;
        color: #005aa6;
        font-size: 1.4rem;
    }

    .w--list.theme-6 {
        justify-content: space-between;
    }

    .w--list.theme-6 .item {
        background-color: #f8f8f8;
        display: flex;
        flex: 0 1 48%;
    }

    .w--list.theme-6 .item img {
        padding: 15px;
    }

    .w--list.theme-6 .item p {
        padding: 15px 15px 15px 0;
        margin: 0;
    }

    .w--list.theme-6 .item p span {
        display: block;
        line-height: 1.5;
    }

    .w--flex-column {
        flex-direction: column;
    }

    .w--alignTop {
        align-items: unset;
    }

    .w--alignTop .col-1 {
        display: block;
        align-self: unset;
    }

    .w--flexAlignCenterVertical {
        display: flex;
        justify-content: center;
        align-self: center;
    }

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

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

    .w--1-el .item {
        flex: 1 1 100%;
    }

    .w--2-el .item {
        flex: 1 1 45%;
    }

    .w--3-el .item {
        flex: 1 1 30%;
    }

    .w--border-b {
        border-bottom: solid 1px #ebebeb;
    }

    .w--border-tb {
        border-top: solid 1px #ebebeb;
        border-bottom: solid 1px #ebebeb;
    }

    .w--border-lr {
        border-left: solid 1px #ebebeb;
        border-right: solid 1px #ebebeb;
    }

    .w--no-border {
        border: none !important;
    }

    .w--no-margin {
        margin: 0 !important;
    }

    .w--no-padding {
        padding: 0;
    }

    .w--no-padding-t {
        padding-top: 0 !important;
    }

    .w--no-padding-b {
        padding-bottom: 0;
    }

    .items-enumerable {
        --font-color: #e36e35;
        --font-color-p: inherit;
        --font-number-size: 7.5rem;
        --hasBorder: true;
        --margin-bottom-item: 30px;
        --min-width-number: fit-content;
    }

    .items-enumerable.theme-1,
    .items-enumerable.w--list.theme-2 {
        --font-color: #6d3285;
    }

    .items-enumerable.theme-2 {
        --font-color: #a5328c;
        --font-color-p: #593286;
        --font-number-size: 4rem;
        --hasBorder: false;
        --margin-bottom-item: 20px;
        --min-width-number: 50px;
        margin-top: 60px;
        border-bottom: solid 1px #ebebeb;
        border-top: solid 1px #ebebeb;
        padding: 35px 0;
    }

    .items-enumerable.theme-2 .items-enumerable__item {
        border-bottom: none;
    }

    .items-enumerable.theme-2 .items-enumerable__item .number {
        text-align: center;
    }

    .items-enumerable.theme-2 .items-enumerable__item p {
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .items-enumerable.theme-3 .items-enumerable__item {
        padding: 30px 0;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
    }

    .items-enumerable.theme-3 .number {
        text-align: center;
        color: #bb2033;
        font-size: 5.5rem;
        min-width: 170px;
    }

    .items-enumerable.theme-3 .description {
        display: block;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        color: #3e2973;
        font-size: 1.7rem;
        margin-top: 5px;
    }

    .items-enumerable.theme-3 p {
        margin: 0;
    }

    .items-enumerable.theme-4 {
        --font-color: #cb3930;
    }

    .items-enumerable__item {
        border-bottom: solid 1px #ebebeb;
        border-bottom: solid 1px #ebebeb;
        display: flex;
        margin-bottom: var(--margin-bottom-item);
        color: var(--font-color-p);
    }

    .items-enumerable__item.last {
        margin-bottom: 0;
        border-bottom: none;
    }

    .items-enumerable__item .number {
        font-size: var(--font-number-size);
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        margin-right: 20px;
        line-height: 0.9;
        color: var(--font-color);
        min-width: var(--min-width-number);
    }

    .items-enumerable__item .asterisco {
        font-size: 1.2rem;
        display: block;
        margin-top: 20px;
    }

    .items-enumerable__item:last-child {
        margin-bottom: 0;
    }

    .items-enumerable__list.items-enumerable {
        margin-bottom: 60px;
    }

    .items-enumerable__list.items-enumerable.last {
        margin-bottom: 0;
    }

    .accordion {
        border: none;
    }

    .accordion .card {
        overflow: hidden;
        max-height: 66px;
        transition: all 0.5s ease-in-out;
    }

    .accordion .card.show-up {
        max-height: 99999px !important;
    }

    .accordion .card.show-up .card__header a {
        background-image: url(../images/icon/ico-less.png);
    }

    .accordion .card__header {
        border-bottom: solid 1px #ebebeb;
        height: 65px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .accordion .card__header>a {
        padding: 0 15px;
        font-size: 15px;
        line-height: 1;
        display: block;
        text-decoration: none !important;
        text-transform: uppercase;
        background-image: url(../images/icon/ico-plus.png);
        background-repeat: no-repeat;
        background-position: calc(100% - 15px) center;
        transition: all 0.3s ease-in-out 0.2s;
        width: 100%;
        line-height: 1.5;
        padding-right: 30px;
    }

    .accordion .card__header>a.suino {
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

    .accordion .card__header>a.suino img {
        padding-left: 15px;
        max-height: 43px;
        margin-right: 15px;
    }

    .accordion .card__header>a.ave {
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

    .accordion .card__header>a.ave img {
        padding-left: 15px;
        max-height: 43px;
        margin-right: 15px;
    }

    .accordion .card__header>a span.desk {
        display: inline-block;
    }

    @media (max-width: 1023px) {
        .accordion .card__header>a span.desk {
            display: none;
        }
    }

    .accordion .card__content {
        padding: 40px 0 10px 0;
        border-bottom: solid 1px #ebebeb;
    }

    .accordion .card:first-child {
        border-top: solid 1px #ebebeb;
    }

    .accordion .card:nth-child(even) .card__header {
        background-color: #f9f9f9;
    }

    .accordion .card:not(:nth-last-child(1)) {
        max-height: 65px;
    }

    .accordion h3 {
        color: #005aa6;
        font-size: 1.75rem;
        margin: 0 0 5px;
    }

    .languages {
        margin-right: 50px;
    }

    .languages ul {
        list-style: none;
    }

    .languages ul li {
        display: inline;
    }

    .languages ul li a {
        text-transform: uppercase;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        font-size: 1.4rem;
        color: #919191;
        /**/
        font-family: "Co Text", sans-serif;
        font-size: 1.2rem;
        color: black;
    }

    .languages ul li a.ar,
    .languages ul li a.tr,
    .languages ul li a.cr {
        display: none;
    }

    .languages ul li a::after {
        content: "";
        color: #919191;
        margin: 0 10px;
    }

    .languages ul li a.selected {
        color: #d0672d;
        /**/
        color: #313a92;
    }

    .languages ul li a:hover {
        color: #d0672d;
    }

    .languages ul li:last-child a::after {
        display: none;
    }

    @media (max-width: 374px) {
        .languages {
            margin-right: 0px;
        }
    }

    /* #region FOOTER*/

    .footer--divide {
        height: 100px;
    }

    footer.main {
        background-color: #ffffff;
        padding: 10px 0 0 0;
        /**/
    }

    footer.main .container .brand img {
        width: 100px;
    }

    footer.main .container {
        display: flex;
        justify-content: space-between;
    }

    /* new footer */

    footer.main .copyright {
        font-family: "Co Text", sans-serif;
        font-size: 1.1em;
    }

    footer.main .custom-footer {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 30px 0px;
    }

    footer .custom-footer::after {
        content: "";
        position: absolute;
        top: -40px;
        background-image: url("../images/bg_line_footer.png");
        width: 100%;
        height: 5px;
    }

    footer.main .custom-footer ul {
        display: flex;
        gap: 0px 30px;
        align-items: baseline;
    }

    footer.main .custom-footer ul li a {
        margin-bottom: 0 !important;
        font-family: "Co Text" !important;
        font-size: 14px;
        text-decoration: none;
        color: #000;
        text-transform: none !important;
    }

    footer.main .custom-footer ul li a:hover {
        text-decoration: none;
    }

    footer.main .custom-footer a[href*="mailto:"] {
        font-size: 12px !important;
        font-weight: bold !important;
        display: flex !important;
        align-items: center;
    }

    footer.main .custom-footer a[href*="tel:"] {
        font-size: 12px !important;
    }

    footer.main ul.menu li.menu-item-has-children>a:not([href*="tel:"]) {
        font-family: "Co Text", sans-serif !important;
        font-size: 14px !important;
        text-decoration: none;
        color: #000 !important;
        margin: 0px 0px 10px !important;
        font-weight: normal !important;
    }

    footer.main .container:first-child .col .title {
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.6em;
        color: #585858;
        margin-bottom: 15px;
        /**/
        font-family: "Co Text", sans-serif;
        font-size: 1.4em;
        line-height: 1.5;
        color: #313a92;
    }

    footer.main .container:first-child .col ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    footer.main .container:first-child .col ul li a,
    footer.main .container:first-child .col ul li span {
        font-size: 1.4em;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
        color: #7d7d7d;
        margin-bottom: 15px;
        display: block;
        line-height: 1.286;
        outline: none;
        /**/
        font-family: "Noto Sans";
        font-weight: normal;
        margin-bottom: 0.8em;
        color: black;
    }

    footer.main .container:first-child .col ul li a.title,
    footer.main .container:first-child .col ul li span.title {
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.6em;
        color: #585858;
        /**/
        font-family: "Co Text", sans-serif;
        color: black;
    }

    footer.main .container:first-child .col ul li a:hover,
    footer.main .container:first-child .col ul li span:hover {
        color: #d0672d;
    }

    footer.main .container:first-child .col ul li span:hover {
        color: #585858;
        color: black;
    }

    footer.main .container:first-child .col ul li .sub-menu {
        margin-top: 0;
    }

    footer.main .container:first-child .col ul:nth-child(2) {
        margin-top: 30px;
    }

    footer.main .container:first-child .col p.report {
        font-size: 1.4em;
        color: #7d7d7d;
        font-family: Verdana, Geneva, sans-serif;
        font-family: "Co Text", sans-serif;
        font-weight: 300;
        line-height: 1.429;
        margin-bottom: 20px;
    }

    footer.main .container:first-child .col .social-media ul {
        list-style: none;
    }

    footer.main .container:first-child .col .social-media ul li {
        display: inline-block;
    }

    footer.main .container:first-child .col .social-media ul li a {
        transition: background-color 0.2s linear;
        display: inline-block;
    }

    footer.main .container:first-child .col .social-media ul li a:hover {
        background-color: rgba(204, 204, 204, 0.1);
    }

    footer.main .container:first-child .col .social-media ul li:last-child a {
        margin-right: 0;
    }

    footer.main .container:first-child .col ul.menu li.menu-item-has-children>a {
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.6em;
        color: #585858;
        margin-bottom: 15px;
        margin-top: 10px;
        /**/
        font-family: "Co Text", sans-serif;
        font-size: 1.4em;
        color: #313a92;
        margin-bottom: 0.8em;
    }

    footer.main .sitemap {
        height: 0;
        min-height: 0;
        overflow: hidden;
        display: block;
        padding: 0;
        transition: 0.5s all ease;
        box-sizing: border-box;
    }

    footer.main .sitemap.active {
        min-height: 1000px;
        padding: 30px 0 15px;
        background-color: #e6e6e7;
        /*height: auto;*/
    }

    footer.main .subfooter {
        background-color: #fff;
        padding: 30px 0px 20px;
        /**/
        background-color: #e6e6e7;
        padding: 30px 0;
        position: relative;
    }

    footer.main .subfooter::after {
        content: "";
        width: 90%;
        height: 2px;
        background: #00000011;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    footer.main .subfooter .container {
        display: flex;
        align-items: center;
    }

    footer.main .subfooter .container .col.map {
        flex-grow: 1;
        margin-left: 50px;
    }

    footer.main .subfooter .container .col.map a {
        font-size: 1.3em;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        color: #585858;
        /**/
        font-family: "Co Text", sans-serif;
    }

    footer.main .subfooter .container .col.map a:hover {
        color: #d0672d;
    }

    footer.main .subfooter .container .col.phone {
        flex-grow: 1;
    }

    footer.main .subfooter .container .col.phone span {
        background-image: url(../images/icon/ico-phone.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 30px;
        font-size: 2.4em;
        font-family: Verdana, Geneva, sans-serif;
        font-family: "Co Text", sans-serif;
        font-weight: bold;
        color: #585858;
    }

    footer.main .subfooter .container .col.terms {
        margin-right: 30px;
    }

    footer.main .subfooter .container a,
    footer.main .subfooter .container .col.terms a {
        text-transform: uppercase;
        font-size: 1.3em;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        color: #585858;
        /**/
        font-family: "Co Text", sans-serif;
        font-size: 1.1em;
        color: #313a92;
    }

    footer.main .mapa-site {
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
    }

    footer.main .mapa-site a {
        position: relative;
        cursor: pointer;
    }

    footer.main .mapa-site a:before {
        content: url(../images/icon/up-arrow.svg);
        position: relative;
        margin-top: -25px;
        padding: 5px;
        display: block;
    }

    footer.main .mapa-site.active a:before {
        content: url(../images/icon/down-arrow.svg);
    }

    footer.main .subfooter .container .col.terms a:hover {
        color: #d0672d;
    }

    footer.main .subfooter .container .col.terms .divisor {
        margin: 0 5px;
    }

    footer.main .subfooter .container .col.brand {
        min-width: 80px;
        max-width: 80px;
    }

    /*#endregion*/

    .fancybox-toolbar {
        display: none !important;
    }

    .dropdown-el,
    .dropdown-component {
        position: absolute !important;
        z-index: 9999;
        min-width: 200px;
        position: relative;
        display: inline-block;
        margin-right: 1em;
        min-height: 40px;
        max-height: 40px;
        overflow: hidden;
        top: 0.5em;
        cursor: pointer;
        text-align: left;
        white-space: nowrap;
        color: #444;
        outline: none;
        border: 0.06em solid #d7d7d7;
        border-radius: 30px;
        background-color: #fff;
        transition: 0.2s all ease-in-out;
        font-size: 1.4rem;
        color: #666666;
    }

    .dropdown-el input,
    .dropdown-component input {
        display: none;
    }

    .select-language-manual .dropdown-component label {
        width: 100%;
    }

    .dropdown-el label,
    .dropdown-component label {
        border-top: 0.06em solid #d9d9d9;
        display: block;
        height: 40px;
        line-height: 40px;
        padding-left: 1em;
        padding-right: 3em;
        cursor: pointer;
        position: relative;
        transition: 0.2s color ease-in-out;
        outline: none;
        user-select: none;
    }

    .dropdown-el label:nth-child(2),
    .dropdown-component label:nth-child(2) {
        margin-top: 40px;
        border-top: 0.06em solid #d9d9d9;
    }

    .dropdown-el input:checked+label,
    .dropdown-component input:checked+label {
        display: block;
        border-top: none;
        position: absolute;
        top: 0;
    }

    .dropdown-el input:checked+label:nth-child(2),
    .dropdown-component input:checked+label:nth-child(2) {
        margin-top: 0;
        position: relative;
    }

    .dropdown-el::after,
    .dropdown-component::after {
        content: "";
        position: absolute;
        display: block;
        width: 8px;
        height: 16px;
        right: 20px;
        top: 13px;
        background: url(../images/icon/ico-arrow-right-darkgray.svg);
        transition: 0.2s all ease-in-out;
        background-repeat: no-repeat;
        background-position: right center;
        transform: rotate(90deg);
        transform-origin: center;
    }

    .dropdown-el.expanded,
    .dropdown-component.expanded {
        border: 1px solid #643387;
        border-radius: 10px;
        padding: 0;
        box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px;
        max-height: unset;
        max-height: none;
    }

    .dropdown-el.expanded input:checked+label,
    .dropdown-component.expanded input:checked+label {
        color: #643387;
        background-color: #fff;
    }

    .dropdown-el.expanded label,
    .dropdown-component.expanded label {
        background-color: #643387;
        color: #fff;
        border: none;
    }

    .dropdown-el.expanded::after,
    .dropdown-component.expanded::after {
        transform: rotate(-90deg);
        transform-origin: 65% 65%;
        top: 0.55em;
    }

    .dropdown-component {
        margin-right: 0;
        left: 50%;
        transform: -ms-translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    @media (max-width: 768px) {

        .dropdown-el,
        .dropdown-component {
            min-width: 100%;
        }
    }

    .search input[type="text"] {
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
        font-size: 2rem;
        outline: none;
        box-shadow: none;
    }

    .search input[type="text"].search::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #d7d7d7;
        font-size: 2rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
    }

    .search input[type="text"].search:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #d7d7d7;
        font-size: 2rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
    }

    .search input[type="text"].search::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #d7d7d7;
        font-size: 2rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
    }

    .search input[type="text"].search:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #d7d7d7;
        font-size: 2rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
    }

    .no-results .result {
        margin: 50px 0 100px 0;
    }

    .no-results .result p {
        text-transform: none;
        color: #666;
        font-size: 1.45rem;
        line-height: 1.737;
    }

    html {
        font-size: 10px;
        margin: 0 !important;
        height: 100%;
    }

    html body {
        font-size: 1rem;
        font-family: Verdana, Geneva, sans-serif;
        font-family: "Co Text", sans-serif;
        font-weight: 300;
        height: 100%;
        color: inherit;
        line-height: 1;
        margin-top: 0 !important;
    }

    html body .mobile {
        display: none !important;
    }

    html body .desk {
        display: block;
    }

    html body a {
        outline: none !important;
    }

    html body .content.main.inner {
        margin-bottom: 100px;
    }

    html body #main {
        min-height: 200px;
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    /* #region DOM*/

    :root {
        /* #region NAV*/
        --nav-padding: 70px;
        --nav-submenu-width: 1170px;
        /* #endregion */
    }

    /* #region HEADER*/

    header.top {
        height: 133px;
        /**/
        height: auto;
    }

    header.top .topbar {
        border-bottom: solid 1px #e5e5e5;
        padding: 15px;
        /**/
        padding: 15px 0 8px;
    }

    header.top .topbar .container {
        display: flex;
        padding: 0 var(--nav-padding);
        /**/
        padding: 0;
    }

    header.top .topbar .brand {
        align-items: center;
        padding-right: 40px;
        padding-bottom: 10px;
    }

    header.top .topbar .brand img {
        width: 143px;
    }

    header.top .topbar .container .wrapper-links {
        flex-grow: 1;
    }

    header.top .topbar .container .wrapper-col--1 {
        flex-grow: 1;
    }

    header.top .topbar .container .wrapper-col--1 .brand a>img {
        max-width: 85px;
    }

    header.top .topbar .container .wrapper-col--2 {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    header.top .topbar .container .wrapper-col--2 .submenu {
        margin-right: 60px;
        position: relative;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul {
        list-style: none;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul li {
        display: inline-block;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul li.no-children {
        margin: 0 20px;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li.no-children>a::after,
    header.top .topbar .container .wrapper-col--2 .submenu>ul>li.no-children:hover>a::after {
        content: "";
        background: none;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li>a {
        position: relative;
        font-size: 1.3rem;
        color: #4c4c4c;
        text-decoration: none;
        padding-bottom: 20px;
        /**/
        color: black;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li>a:after {
        top: 25%;
        /**/
        top: 15%;
        transform: scale(0.7);
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li .submenu-wrapper,
    header.top .topbar .container .wrapper-col--2 .submenu>ul>li .sub-menu {
        position: absolute;
        background-color: #fd6321;
        -webkit-box-shadow: 10px 10px 38px -12px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 10px 10px 38px -12px rgba(0, 0, 0, 0.2);
        box-shadow: 10px 10px 38px -12px rgba(0, 0, 0, 0.2);
        z-index: 99999;
        top: 25px;
        width: 200px;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.5s linear;
        list-style: none;
        padding: 20px;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li .submenu-wrapper li,
    header.top .topbar .container .wrapper-col--2 .submenu>ul>li .sub-menu li {
        margin-bottom: 20px;
        display: block;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li .submenu-wrapper li a,
    header.top .topbar .container .wrapper-col--2 .submenu>ul>li .sub-menu li a {
        color: #fff;
        line-height: 1;
        font-size: 1.3rem;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li .submenu-wrapper li a:hover,
    header.top .topbar .container .wrapper-col--2 .submenu>ul>li .sub-menu li a:hover {
        color: #fff;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li .submenu-wrapper li:last-child,
    header.top .topbar .container .wrapper-col--2 .submenu>ul>li .sub-menu li:last-child {
        margin-bottom: 0;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li:hover a {
        color: #d0672d;
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li:hover a:after {
        background: url(../images/icon/ico-arrow-up.png);
    }

    header.top .topbar .container .wrapper-col--2 .submenu>ul>li:hover .submenu-wrapper,
    header.top .topbar .container .wrapper-col--2 .submenu>ul>li:hover .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    header.top .topbar .container .wrapper-col--2 .essential-accessibility {
        margin-right: 40px;
    }

    header.top .topbar .container .wrapper-col--2 .essential-accessibility a img {
        max-width: 75px;
    }

    header.top .topbar .container .wrapper-col--2 .social-media ul {
        list-style: none;
    }

    header.top .topbar .container .wrapper-col--2 .social-media ul li {
        display: inline-block;
    }

    header.top .topbar .container .wrapper-col--2 .social-media ul li a {
        transition: background-color 0.2s linear;
        display: inline-block;
    }

    header.top .topbar .container .wrapper-col--2 .social-media ul li a:hover {
        background-color: rgba(204, 204, 204, 0.1);
    }

    header.top .topbar .container .wrapper-col--2 .social-media ul li:last-child a {
        margin-right: 0;
    }

    header.top nav.main {
        padding: 20px 0 0 0;
        /**/
        padding: 10px 0 0;
    }

    header.top nav.main .container {
        height: 36px;
        position: relative;
        /**/
        padding: 0;
    }

    /*header.top nav.main .container > ul.top {*/

    header.top nav.main ul.top {
        position: absolute;
        list-style: none;
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        height: auto;
        position: relative;
        padding: 0 35px;
        /**/
        padding: 0;
    }

    /*header.top nav.main .container > ul.top > li {*/

    header.top nav.main ul.top>li {
        display: inline;
        text-align: center;
        flex-grow: 1;
        /* #region SUBMENU*/
        /* #endregion */
        /* #region SEARCH*/
        /* #endregion */
    }

    /*header.top nav.main .container > ul.top > li > a {*/

    header.top nav.main ul.top>li>a {
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        font-size: 1.5rem;
        padding-bottom: 18px;
        text-decoration: none;
        border-bottom: solid 6px transparent;
        outline: none;
        /***/
        font-family: "Co Text", sans-serif;
        padding-bottom: 21px;
        text-transform: uppercase;
        font-size: 1.2em;
    }

    header.top nav.main ul.top>li.hassub>a {
        /*header.top nav.main .container > ul.top > li.hassub > a {*/
        position: relative;
        /**/
        align-items: center;
    }

    header.top nav.main .container>ul.top>li.hassub>a:after {
        content: url(../images/icon/ico-arrow-down.png);
        position: absolute;
        margin-left: 5px;
        transform: scale(0.7);
    }

    header.top nav.main .container>ul.top>li.hassub:hover>a:after {
        content: url(../images/icon/ico-arrowup.png);
    }

    header.top nav.main .container>ul.top>li.hassub>a.search:after {
        content: "";
    }

    header.top nav.main .container>ul.top>li>a.selected {
        border-bottom: solid 6px currentColor;
    }

    header.top nav.main .container>ul.top>li>a.unselected {
        color: #919191;
    }

    header.top nav.main .container>ul.top>li>a:hover {
        text-decoration: none;
    }

    header.top nav.main .container>ul.top>li>a:hover {
        color: #313a92;
    }

    /*header.top nav.main .container > ul.top > li .submenu-wrapper {
	text-align: left;
	visibility: hidden;
	background-color: #fff;
	background-color: #FAFAFA;
	opacity: 0;
	transition: visibility 0s, opacity 0.15s linear;
	position: absolute;
	z-index: 99999;
	left: 0;
	top: 41px;
	width: 100%;
	max-width: 1170px;
	overflow: hidden;
	padding: calc(var(--nav-padding) / 2) var(--nav-padding);
	padding: calc(70px / 2) 70px;
	-webkit-box-shadow: 0px 10px 22px -4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 10px 22px -4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 22px -4px rgba(0, 0, 0, 0.5);
}*/
    /* novas medidas */

    header.top nav.main .container>ul.top>li .submenu-wrapper {
        text-align: left;
        visibility: hidden;
        background-color: #fff;
        opacity: 0;
        transition: visibility 0s, opacity 0.15s linear;
        position: absolute;
        z-index: 99999;
        left: -185px;
        top: 45px;
        width: calc(100% + 185px);
        max-width: 1170px;
        overflow: hidden;
        padding: calc(60px / 2) 50px;
        -webkit-box-shadow: 0px 10px 22px -4px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 10px 22px -4px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 10px 22px -4px rgba(0, 0, 0, 0.5);
    }

    header.desk.top nav.main .container>ul.top>li .submenu-wrapper {
        background-color: #fafafa;
    }

    @media screen and (min-width: 0\0) {
        header.top nav.main .container>ul.top>li .submenu-wrapper {
            top: 41px;
        }
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links {
        display: flex;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col {
        flex: 1 1 0px;
        margin-right: 30px;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default .title {
        /*font-family: Verdana, Geneva, sans-serif;*/
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.6em;
        color: #585858;
        margin-bottom: 15px;
        /**/
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default ul li a,
    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default ul li span {
        font-size: 1.5em;
        /* font-family: Verdana, Geneva, sans-serif; */
        outline: none;
        font-weight: 300;
        color: #7d7d7d;
        margin-bottom: 15px;
        display: block;
        /**new**/
        font-family: "Noto Sans";
        font-weight: normal;
        font-size: 1.4em;
        color: black;
        margin-bottom: 0.8em;
        line-height: 1.4;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default ul li a.title,
    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default ul li span.title {
        /* font-family: Verdana, Geneva, sans-serif; */
        font-family: "Co Text", sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        /*font-size: 1.6em;*/
        color: #585858;
        /**/
        font-size: 1.4em;
        margin-bottom: 0.8em;
        color: #313a92;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default ul li a:hover,
    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default ul li span:hover {
        color: #d0672d;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default ul li span:hover {
        color: #585858;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default ul li .sub-menu {
        margin-top: 0;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--default ul+ul {
        margin-top: 30px;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--portais {
        max-width: 230px;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--portais img {
        width: 100%;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--portais .description {
        color: #7d7d7d;
        font-size: 1.25rem;
        line-height: 1.539;
        margin: 15px 0 20px 0;
    }

    /** Menu Portais **/

    header.top nav.main .container>ul.top>li .submenu-wrapper.portais {
        padding: calc(30px / 2) 35px;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper.portais .links {
        display: flex;
        flex-wrap: wrap;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper.portais .links .col {
        flex: 0 0 25%;
        margin-right: 0;
        padding: 15px;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper.portais .links .col .pnl--level-2--portais img {
        width: 100%;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper.portais .links .col .pnl--level-2--portais {
        max-width: 450px;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper.portais .links .col .pnl--level-2--portais .description strong {
        font-size: 1.325rem;
        font-family: "Co bold";
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--search {
        width: 100%;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--search form {
        display: flex;
        width: 100%;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--search form a {
        height: min-content;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--search form>* {
        align-self: center;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--search form button {
        width: 20px;
        height: 20px;
        border: none;
        background-image: url(../images/icon/ico-search.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        cursor: pointer;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper .links .col:last-child {
        margin-right: 0;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer {
        width: 100%;
        border-top: solid 1px #e5e5e5;
        margin: 40px 0 0 0;
        padding: 30px 0 0 0;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer.search {
        margin-top: 10px;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-btn {
        display: flex;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-btn .btn,
    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-btn .w--form .gform_fields .gfield.input-file label,
    .w--form .gform_fields .gfield.input-file header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-btn label,
    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-btn .w--form .gform_footer button,
    .w--form .gform_footer header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-btn button,
    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-btn .w--form .gform_footer input,
    .w--form .gform_footer header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-btn input,
    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-btn .our-brands.inner__item .url,
    .our-brands.inner__item header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-btn .url {
        margin-right: 30px;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts {
        display: flex;
        justify-content: space-between;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts .title {
        font-family: Verdana, Geneva, sans-serif;
        font-family: "Co Text", sans-serif;
        font-weight: bold;
        text-transform: none;
        font-size: 1.6rem;
        color: #585858;
        margin-bottom: 15px;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts ul li a,
    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts ul li span {
        font-size: 1.4rem;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
        color: #7d7d7d;
        margin-bottom: 15px;
        display: block;
        line-height: 1.286;
        outline: none;
        /**/
        font-family: "Co Text", sans-serif;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts ul li a.title,
    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts ul li span.title {
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        text-transform: none;
        font-size: 1.6rem;
        color: #585858;
        /**/
        font-family: "Co Text", sans-serif;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts ul li a:hover,
    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts ul li span:hover {
        color: #d0672d;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts ul li span:hover {
        color: #585858;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts ul li .sub-menu {
        margin-top: 0;
    }

    header.top nav.main .container>ul.top>li .submenu-wrapper footer .wrapper-shortcuts ul:nth-child(2) {
        margin-top: 30px;
    }

    header.top nav.main .container>ul.top>li:last-child .submenu-wrapper {
        z-index: 99;
    }

    header.top nav.main .container>ul.top>li:last-child .submenu-wrapper.show-up {
        visibility: visible;
        opacity: 1;
    }

    header.top nav.main .container>ul.top>li:hover:not(.search)>a {
        border-bottom: solid 6px currentColor;
        /**/
        border-color: #313a92;
    }

    header.top nav.main .container>ul.top>li:hover:not(.search)>a.search {
        border-bottom: solid 6px transparent;
    }

    header.top nav.main .container>ul.top>li:hover:not(.search) .submenu-wrapper {
        visibility: visible;
        opacity: 1;
    }

    header.top::after {
        content: "";
        display: block;
        width: 100%;
        height: 6px;
        background: -moz-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #a53393), color-stop(100%, #012f87));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a53393', endColorstr='#012f87', GradientType=1);
        /* ie6-9 */
        /**/
        height: 0;
    }

    header.top.disabled::after {
        background: #dbdbdb;
        background: white;
    }

    header.top.mobile {
        height: calc(70px + 6px);
        width: 100vw;
        position: fixed;
        z-index: 9999;
        overflow: scroll;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        top: 0;
        z-index: 999999;
    }

    header.top.mobile .slick-track {
        overflow: hidden;
    }

    header.top.mobile .mob-search,
    header.top.mobile .mob-menu-main .level-1,
    header.top.mobile .mob-menu-main .level-2,
    header.top.mobile .mob-menu-main {
        overflow: hidden;
        padding: 0;
        margin: 0;
        max-height: 0;
    }

    header.top.mobile .topbar {
        height: 70px;
        border: none;
        padding: 0;
        margin-bottom: 6px;
    }

    header.top.mobile .topbar .container {
        display: flex;
        height: 100%;
        padding: 0;
    }

    header.top.mobile .topbar .container .wrapper-col--1 {
        padding: 15px 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    header.top.mobile .topbar .container .wrapper-col--1 .brand {
        min-width: 90px;
    }

    header.top.mobile .topbar .container .wrapper-col--1 .languages {
        display: none;
        margin-left: 17px;
    }

    header.top.mobile .topbar .container .wrapper-col--1 .languages a {
        font-size: 1.8rem;
    }

    header.top.mobile .topbar .container .wrapper-col--2 {
        align-self: stretch;
    }

    header.top.mobile .topbar .container .wrapper-col--2 .search a,
    header.top.mobile .topbar .container .wrapper-col--2 .hamburger a {
        display: block;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    header.top.mobile .topbar .container .wrapper-col--2 .search {
        align-self: stretch;
        border-left: solid 1px #ccc;
        min-width: 70px;
    }

    header.top.mobile .topbar .container .wrapper-col--2 .search a {
        background-image: url(../images/icon/ico-search.svg);
        background-size: 35%;
    }

    header.top.mobile .topbar .container .wrapper-col--2 .hamburger {
        align-self: stretch;
        border-left: solid 1px #ccc;
        min-width: 70px;
    }

    header.top.mobile .topbar .container .wrapper-col--2 .hamburger a {
        background-image: url(../images/icon/ico-menu-hamburger.svg);
        background-size: 35%;
    }

    header.top.mobile .topbar::after {
        content: "";
        display: block;
        width: 100%;
        height: 6px;
        position: relative;
        background: -moz-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #a53393), color-stop(100%, #012f87));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* ie10+ */
        background: linear-gradient(45deg, #a53393 0%, #012f87 100%);
        /* w3c */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a53393', endColorstr='#012f87', GradientType=1);
        /* ie6-9 */
    }

    header.top.mobile .mob-search {
        position: relative;
    }

    header.top.mobile .mob-search input[type="text"] {
        border: solid 1px #d8d8d8;
        padding: 7px 40px 11px 10px;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
        font-size: 15px;
        outline: none;
        /**/
        font-family: "Co Text", sans-serif;
    }

    header.top.mobile .mob-search button {
        position: absolute;
        top: 31px;
        right: 30px;
        width: 20px;
        height: 20px;
        border: none;
        background-image: url(../images/icon/ico-search.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        cursor: pointer;
    }

    header.top.mobile .mob-search.show-up {
        height: 80px;
        padding: 22px 20px;
    }

    header.top.mobile .mob-menu-main {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    header.top.mobile .mob-menu-main .level-1 ul {
        list-style: none;
    }

    header.top.mobile .mob-menu-main .level-1 ul li {
        border-bottom: solid 1px #e2e2e2;
    }

    header.top.mobile .mob-menu-main .level-1 ul li a {
        padding: 18px 5px;
        display: block;
        /* height: 100%; */
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        font-size: 1.8rem;
        /**/
        font-family: "Co Text", sans-serif;
    }

    header.top.mobile .mob-menu-main .level-2 .back {
        padding: 20px 10px 20px 25px;
        display: block;
        font-size: 1.6rem;
        font-weight: bold;
        background-image: url(../images/icon/icon-arrow-left-purple.svg);
        background-size: 10px 30px;
        background-repeat: no-repeat;
        background-position: left center;
    }

    header.top.mobile .mob-menu-main .level-2 ul li a {
        font-weight: bold;
        font-size: 1.5rem;
        padding: 20px 10px;
        outline: none;
    }

    header.top.mobile .mob-menu-main .level-2 ul li .sub-menu li a {
        padding: 20px;
    }

    header.top.mobile .mob-menu-main .social-media {
        padding: 30px 0 20px 0;
    }

    header.top.mobile::after {
        display: none;
    }

    header.top.mobile.step-1 {
        height: 160px;
    }

    header.top.mobile.step-1 .topbar .container .wrapper-col--2 .search a {
        background-image: url(../images/icon/ico-close.svg);
        background-size: 35%;
    }

    header.top.mobile.step-1 .mob-search {
        max-height: 80px;
        padding: 20px 20px;
    }

    header.top.mobile.step-2 {
        height: calc(100vh);
    }

    header.top.mobile.step-2 .topbar .container .wrapper-col--1 .brand {
        display: none;
    }

    header.top.mobile.step-2 .topbar .container .wrapper-col--1 .languages {
        display: block;
    }

    header.top.mobile.step-2 .topbar .container .wrapper-col--2 .hamburger a {
        background-image: url(../images/icon/ico-close.svg);
        background-size: 35%;
    }

    header.top.mobile.step-2 .mob-menu-main {
        padding: 10px 30px 0px 30px;
        max-height: unset;
        min-height: unset;
        overflow: auto;
        height: auto;
    }

    header.top.mobile.step-2 .mob-menu-main .level-1 {
        flex: 1;
        max-height: 9999px;
    }

    header.top.mobile.step-2 .mob-menu-main .level-2 {
        flex: 1;
        overflow: auto;
        overflow-x: hidden;
        max-height: 9999px;
    }

    /* #endregion */
    /* #region CATEGORY */

    .category {
        position: relative;
    }

    .category .container {
        padding: 0 var(--nav-padding);
    }

    @media screen and (min-width: 0\0) {
        .category .container {
            padding: 0 70px;
        }
    }

    .category__header {
        padding-top: 15px;
        position: relative;
        padding-bottom: 10px;
        min-height: 200px;
    }

    .category__header .h1 {
        margin: 25px 0 20px 0;
    }

    .category__header p {
        line-height: 1.625;
        font-size: 1.6rem;
        color: #454545;
    }

    .category__list .category__header {
        padding-bottom: 40px;
        position: relative;
    }

    .category__content .category__header {
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #868686;
        background-position: right;
        margin-bottom: 50px;
    }

    .category__content .category__header .h1 {
        margin-top: 100px;
        color: #fff;
    }

    .category__bg {
        background-size: cover;
        background-position: right bottom;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -2;
    }

    /* #endregion */
    /* #region CONTENT LEVEL 2*/

    .content__main {
        display: flex;
        padding-bottom: 100px;
    }

    .content__main__body {
        flex-grow: 1;
        text-transform: none;
        color: #666;
        font-size: 1.45rem;
        line-height: 1.737;
    }

    .content__main__body img {
        height: auto;
        max-width: 100%;
    }

    @media screen and (min-width: 0\0) {
        .content__main__body {
            width: 100%;
        }
    }

    .content__main__body a:not(.btn):not(.button):not(.panel-title a) {
        font-size: 1.45rem;
        /*font-family: Verdana, Geneva, sans-serif;*/
        font-weight: 300;
        font-weight: bold;
        color: var(--color-link);
        text-decoration: underline;
    }

    .content__main__body p {
        margin-bottom: 30px;
    }

    .content__main__body p .highlight {
        font-size: 2.6rem;
        line-height: 4rem;
    }

    .content__main__body .conheca-vagas .w--btns a {
        margin-right: 30px;
    }

    .content__main__aside {
        width: 200px;
        margin-left: 40px;
    }

    footer .content__main__aside {
        width: auto;
        width: calc(25%);
        margin-left: 0;
    }

    html body footer.main .logo-footer img {
        width: 142px;
    }

    html body footer.main a[href*="tel:"] {
        font-weight: bold !important;
        font-size: 2em !important;
    }

    html body footer.main a[href*="tel:"]:before {
        content: url(../images/icon/phone.svg);
        display: inline-block;
        padding-right: 10px;
    }

    html body footer.main a[href*="mailto:"]:before {
        content: url(../images/icon/o-email.png.html);
        display: inline-block;
        padding-right: 10px;
    }

    .content__main__aside .title {
        text-transform: uppercase;
        color: #454545;
        font-size: 2rem;
        line-height: 1;
        margin-bottom: 15px;
        display: block;
    }

    .aviso-compliance {
        background-color: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .aviso-compliance__modal {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
    }

    .aviso-compliance__modal__content {
        background-color: #fff;
        border-radius: 20px;
        color: #666;
        padding: 20px;
    }

    .aviso-compliance__modal__content .gform_footer {
        text-align: center;
    }

    .aviso-compliance__modal__content .gform_footer .button-primary {
        margin-left: 15px;
    }

    /* #endregion */
    /* #region SAC*/

    .sac .wrapper-sac-options {
        display: flex;
        padding-bottom: 40px;
        border-bottom: solid 1px #ebebeb;
    }

    .sac .wrapper-sac-options .item {
        min-height: 165px;
        text-align: center;
        margin-right: 50px;
    }

    .sac .wrapper-sac-options .item .image {
        min-height: 85px;
        text-align: center;
    }

    .sac .wrapper-sac-options .item span {
        display: block;
        font-size: 1.4rem;
        color: #666666;
        margin: 10px 0;
        text-align: center;
    }

    .sac .wrapper-sac-options .item p a {
        margin-top: 5px;
        display: block;
    }

    .sac .content__main__aside {
        min-width: 220px;
        background-color: #fcfcfc;
        padding: 10px;
    }

    .sac .content__main__aside h2 {
        margin: 10px 0 15px 0;
        color: #666;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.737;
    }

    .sac .content__main__aside h3 {
        color: #4c348a;
        font-size: 1.5rem;
        margin: 25px 0;
        display: block;
    }

    .sac .content__main__aside .map {
        text-align: center;
        margin: 10px 0;
    }

    .sac .content__main__aside select {
        margin-bottom: 30px;
    }

    .sac .content__main__aside p.address {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.3rem;
        color: #666666;
        line-height: 1.5;
        margin-bottom: 30px;
    }

    .sac .content__main__aside .wrapper-sac-btns {
        border-top: solid 1px #ebebeb;
        padding-top: 50px;
    }

    .sac .content__main__aside .wrapper-sac-btns a {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }

    /** SAC **/

    .assunto-reclamacao .field-reclamacao,
    .assunto-lgpd .field-lgpd {
        display: list-item !important;
    }

    .numeroSif h6 {
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: 0px;
    }

    /* Template-sac */

    .page-template-template-sac .contatos_marcas .contatos_marcas_phone {
        color: #93328e;
        font-size: 2.4em;
        font-family: "co headline";
        margin-bottom: 30px;
    }

    .w--form .required-error {
        border-color: red !important;
    }

    /* #endregion SAC*/
    /* #region BREAKPOINTS */

    @media (min-width: 1170px) {
        .container {
            width: 100%;
            max-width: 1170px;
            padding: 0;
        }
    }

    @media (max-width: 1169px) {
        html body {
            /* #region Brands */
            /* #endregion Brands */
            /* #region Press Release */
            /* #endregion Press Release */
        }

        html body .wrapper-our-brands-main .container,
        html body .wrapper-our-brands-main.container,
        html body .wrapper-our-brands .container,
        html body .wrapper-our-brands.container,
        html body .press-release .container,
        html body .press-release.container {
            padding: 0 70px;
        }

        html body .wrapper-our-brands .our-brands {
            border-bottom: none;
        }

        html body .wrapper-our-brands #btnPrev {
            left: 35px;
        }

        html body .wrapper-our-brands #btnNext {
            right: 35px;
        }

        html body .press-release {
            border-top: solid 1px #ebebeb;
            margin-top: 0;
            padding-top: 20px;
        }

        html body .press-release--row {
            flex-direction: column;
        }

        html body .press-release--col:first-child {
            margin-right: 0;
            min-height: 350px;
        }

        html body .press-release--col:first-child .press-release__box {
            padding: 0;
            background: none !important;
        }

        html body .press-release--col:first-child header {
            background-size: cover !important;
            background-repeat: no-repeat;
            background-position: center;
            min-height: 350px;
            padding: 30px;
        }

        html body .press-release--col:first-child footer {
            padding: 30px;
            padding-bottom: 0;
        }

        html body .press-release--col:first-child footer .subtitle,
        html body .press-release--col:first-child footer .description {
            color: #000;
        }

        html body .press-release--col:first-child footer .description {
            margin-bottom: 15px;
            line-height: 1.5;
            font-size: 2rem;
        }

        html body .press-release--col:first-child footer .subtitle {
            display: none;
        }

        html body .press-release--col:first-child footer .btn,
        html body .press-release--col:first-child footer .w--form .gform_fields .gfield.input-file label,
        .w--form .gform_fields .gfield.input-file html body .press-release--col:first-child footer label,
        html body .press-release--col:first-child footer .w--form .gform_footer button,
        .w--form .gform_footer html body .press-release--col:first-child footer button,
        html body .press-release--col:first-child footer .w--form .gform_footer input,
        .w--form .gform_footer html body .press-release--col:first-child footer input,
        html body .press-release--col:first-child footer .our-brands.inner__item .url,
        .our-brands.inner__item html body .press-release--col:first-child footer .url {
            border-color: #000;
            color: #000;
        }

        html body .press-release--col:nth-child(2) {
            margin-top: 30px !important;
            max-width: none !important;
        }

        html body .press-release__box {
            min-height: 350px;
        }

        html body .press-release__box header {
            background-size: cover;
        }
    }

    @media (max-width: 1024px) {
        html {
            font-size: 9px;
        }

        html body {
            /* #region Hero */
            /* #endregion */
        }

        html body header.top nav.main .container>ul.top>li .submenu-wrapper {
            padding: 30px 60px;
        }

        html body header.top nav.main .container>ul.top>li .submenu-wrapper .links .col .pnl--level-2--portais {
            max-width: 200px;
        }

        html body .hero-slider .tp-mask-wrap {
            left: 70px !important;
        }
    }

    @media (max-width: 1023px) {
        html body {
            /* #region Footer */
            /* #endregion */
            /* #region Category */
            /* #endregion */
            /* #region Wrapper */
            /* #endregion */
            /* #region P├üGINAS */
            /* #endregion */
            /* #region Press Release */
            /* #endregion */
            /* #region Hero */
            /* #endregion Hero */
        }

        html body .mobile {
            display: block !important;
        }

        html body .desk {
            display: none !important;
        }

        html body #content {
            padding-top: calc(70px + 6px);
        }

        html body footer.main {
            padding: 25px 0 0 0;
            font-size: 11px;
            border-top: solid 1px #ccc;
        }

        html body footer.main .container {
            padding: 0;
            flex-direction: column;
        }

        html body footer.main .container p,
        html body footer.main .container h2 {
            text-align: center;
        }

        html body footer.main .container p.report {
            text-align: center;
        }

        html body footer.main .container .social-media {
            margin-top: 20px;
            padding: 20px 0;
            border-top: solid 1px #ccc;
            text-align: center;
        }

        html body footer.main .container .social-media h2 {
            display: none;
        }

        footer .icon {
            border-radius: 50%;
            border: 1px solid;
        }

        footer .icon:hover {
            background: white;
        }

        html body footer.main .container .social-media .icon--xs {
            width: 36px;
            height: 36px;
        }

        html body footer.main .subfooter {
            margin-top: 0;
            padding: 0;
        }

        html body footer.main .subfooter.desktop {
            display: none;
        }

        html body footer.main .subfooter .container {
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        html body footer.main .subfooter .container .col {
            align-self: stretch;
            padding: 20px;
            /**/
            align-self: auto;
        }

        html body footer.main .subfooter .container .col.phone {
            padding: 20px 30px;
            display: flex;
            justify-content: space-between;
            border-bottom: solid 1px #ccc;
        }

        html body footer.main .subfooter .container .col.phone span {
            font-size: 2.4rem;
        }

        html body footer.main .subfooter .container .col.phone span:nth-child(2) {
            background: none;
        }

        html body footer.main .subfooter .container .col.terms {
            margin: 0;
            text-align: center;
            border-bottom: solid 1px #ccc;
        }

        html body footer.main .subfooter .container .col.brand {
            width: 100%;
            text-align: center;
        }

        html body footer.main .subfooter .container .col.brand .brand {
            min-width: 100px;
            display: inline-block;
        }

        html body .category .container {
            padding: 0 25px;
        }

        html body .category__content .category__header {
            background-position: center;
            min-height: 160px;
        }

        html body .category__content .category__header .h1 {
            margin-top: 40px;
            margin-bottom: 5px;
            line-height: 1.2em;
        }

        html body .w--col-2.theme-3 .col-1 {
            min-width: unset;
        }

        html body .w--col-2.inovacao-de-negocios,
        html body .w--col-2.cadeia-produtiva-1 {
            padding: 0;
        }

        html body .w--col-2.inovacao-de-negocios .col-1,
        html body .w--col-2.cadeia-produtiva-1 .col-1 {
            max-width: 130px;
            width: 130px;
            padding: 0;
            min-width: unset;
        }

        html body .w--col-2.inovacao-de-negocios .col-2,
        html body .w--col-2.cadeia-produtiva-1 .col-2 {
            margin-left: 20px;
        }

        html body .w--col-2.cadeia-produtiva-1 .col-1 {
            max-width: unset;
            width: fit-content;
        }

        html body .w--col-2.cadeia-produtiva-1 .col-2 {
            margin-top: 20px;
        }

        html body .w--col-2.cadeia-produtiva-1 .col-2 p {
            margin: 0 20px 0 0;
        }

        html body .w--col-2.cadeia-produtiva-2 {
            flex-direction: column;
        }

        html body .w--col-2.cadeia-produtiva-2 .col-1 {
            order: 1;
            padding-right: 0;
        }

        html body .w--col-2.cadeia-produtiva-2 .col-2 {
            margin-bottom: 20px;
        }

        html body .w--col-2.cadeia-produtiva-2 .col-2 p {
            margin: 0 20px 0 0;
        }

        html body .w--col-3 {
            flex-direction: column;
        }

        html body .w--col-3.rastreabilidade .item.w--border-lr {
            border-left: none;
            border-right: none;
            border-top: solid 1px #ebebeb;
            border-bottom: solid 1px #ebebeb;
        }

        html body .w--col-3.rastreabilidade .item p {
            margin-bottom: 0;
        }

        html body .page-content-certificacoes .w--col-2.theme-5 {
            padding-top: 0;
            flex-direction: column;
        }

        html body .page-content-certificacoes .w--col-2.theme-5 .col-1 {
            margin-bottom: 10px;
        }

        html body .page-content-certificacoes .w--col-2.theme-5 .col-2 {
            border-left: none;
            padding-left: 0;
        }

        html body .page-content-certificacoes .w--list.theme-1,
        html body .page-content-certificacoes .w--list.theme-2 {
            justify-content: space-between;
        }

        html body .page-content-certificacoes .w--list.theme-1 .item,
        html body .page-content-certificacoes .w--list.theme-2 .item {
            min-width: unset;
            width: 40%;
        }

        html body .page-content-certificacoes .w--list.theme-1 .item img,
        html body .page-content-certificacoes .w--list.theme-2 .item img {
            margin-bottom: 30px;
            max-width: 90%;
        }

        html body .page-content-certificacoes .w--list.theme-1 .item:nth-child(2n+2),
        html body .page-content-certificacoes .w--list.theme-2 .item:nth-child(2n+2) {
            margin-right: 0;
        }

        html body .page-content-certificacoes .w--list.theme-1 .item:nth-child(3),
        html body .page-content-certificacoes .w--list.theme-2 .item:nth-child(3) {
            margin-right: 20px;
        }

        html body .page-content-certificacoes .w--list.theme-2 .item {
            width: 45%;
        }

        html body .page-content-certificacoes .w--list.theme-2 .item img {
            max-width: 100%;
        }

        html body .press-release--col:first-child .press-release__box header {
            background-size: cover;
        }

        html body .hero-slider .tp-mask-wrap {
            left: 70px !important;
        }

        html body .hero-slider-title {
            font-size: 19px;
        }

        html body .hero-slider-description {
            font-size: 36px;
        }

        html body .hero-slider-btn {
            font-size: 1.5rem;
        }

        .wrapper-our-brands .navigation {
            display: block;
        }
    }

    @media (max-width: 769px) {
        .breadcrumb.mobile {
            padding: 0;
        }

        footer .content__main__aside {
            width: auto;
        }
    }

    @media (max-width: 767px) {

        html body .wrapper-our-brands-main .container,
        html body .wrapper-our-brands-main.container,
        html body .wrapper-our-brands .container,
        html body .wrapper-our-brands.container {
            padding: 0 20px;
        }

        html body .wrapper-our-brands #btnPrev {
            left: 20px;
        }

        html body .wrapper-our-brands #btnNext {
            right: 20px;
        }

        html body .press-release .container {
            padding: 20px;
        }

        html body .press-release .container--col:first-child header {
            padding: 20px;
        }

        html body .press-release .container--col:first-child footer {
            padding: 20px;
        }

        html body .hero {
            font-size: 8px;
        }

        html body .hero-slider .tp-mask-wrap {
            left: 20px !important;
        }

        html body .hero-slider-title {
            font-size: 19px !important;
        }

        html body .hero-slider-description {
            font-size: 27px !important;
        }

        html body .hero-slider-btn {
            font-size: 15px !important;
            padding: 10px 30px !important;
            line-height: 1 !important;
        }

        html body .hero,
        html body .hero .item,
        html body .hero .item .container {
            min-height: 370px;
        }

        html body .hero .item .container .wrapper-content {
            padding: 20px;
        }

        html body .hero .item .container .wrapper-content .content p {
            font-size: 3em;
        }

        html body .hero .item .container .wrapper-content .content p br {
            display: none;
        }

        html body .slider-social-media {
            margin: 0 0 50px 0;
        }

        html body .slider-social-media .container .btnNavigation.slick-prev {
            left: 10px;
        }

        html body .slider-social-media .container .btnNavigation.slick-next {
            right: 10px;
        }

        html body .slider-social-media .container .wrapper-slider-social-media {
            margin: 0 30px;
        }

        html body .w--list.theme-3 {
            flex-direction: column;
        }

        html body .w--list.theme-3 .item {
            margin-bottom: 40px;
        }

        html body .w--list.theme-3:last-child {
            margin-bottom: 0;
        }

        html body .w--list.theme-4 {
            flex-direction: column;
            margin-bottom: 0;
        }

        html body .w--list.theme-4.item:last-child {
            margin-bottom: 0;
        }

        html body .w--list.theme-5 {
            flex-direction: column;
        }

        html body .w--list.theme-6 {
            flex: 1;
            flex-direction: column;
        }

        html body .w--list.theme-6 .item {
            flex-direction: column;
        }

        html body .w--list.theme-6 .item:nth-child(1) {
            margin-bottom: 15px;
        }

        html body .w--list.theme-6 p {
            text-align: center;
        }

        html body .w--list.theme-6 p:nth-child(2) {
            padding: 15px;
            padding-top: 0;
        }

        html body .w--col-2.theme-6 .item {
            flex-direction: column;
        }

        html body .w--col-2.theme-6 .item .col-1 {
            margin-bottom: 15px;
            padding: 0;
            text-align: center;
        }

        html body .w--col-2.theme-6 .item:last-child {
            margin-bottom: 0;
        }

        html body .w--col-2.theme-7 .item {
            flex-direction: column;
        }

        html body .w--col-2.theme-7 .item .col-1 {
            min-width: max-content;
            order: 0;
            margin-bottom: 10px;
        }

        html body .w--col-2.theme-7 .item .col-2 {
            padding-right: 0;
        }

        html body .w--col-2.supervisor {
            flex-direction: column;
            padding: 0;
        }

        html body .w--col-2.supervisor .col-2 p {
            margin: 15px 0;
        }

        html body .w--col-2.supervisor .col-2 p:first-child {
            margin: 0;
        }

        html body .w--testemonial {
            flex-direction: column;
            margin: 0;
        }

        html body .w--testemonial--r .col-1 {
            order: 0;
        }

        html body .w--testemonial--r .col-2 {
            margin: 0;
        }

        html body .w--testemonial .col-1 {
            margin-bottom: 15px;
        }

        html body .w--testemonial .col-2 {
            margin-right: 0;
            margin-left: 0;
        }

        html body .w--video--2 {
            flex-direction: column;
        }

        html body .w--video--2 .item {
            flex: 1;
        }

        html body .w--video--2 .item:first-child {
            margin: 0;
            margin-bottom: 30px;
        }

        html body .w--btns {
            text-align: center;
        }

        html body .w--btns .btn,
        html body .w--btns .w--form .gform_fields .gfield.input-file label,
        .w--form .gform_fields .gfield.input-file html body .w--btns label,
        html body .w--btns .w--form .gform_footer button,
        .w--form .gform_footer html body .w--btns button,
        html body .w--btns .w--form .gform_footer input,
        .w--form .gform_footer html body .w--btns input,
        html body .w--btns .our-brands.inner__item .url,
        .our-brands.inner__item html body .w--btns .url {
            display: block !important;
            text-align: center !important;
            margin-bottom: 20px !important;
        }

        html body .sac .content__main {
            flex-direction: column;
        }

        html body .sac .content__main .wrapper-sac-options {
            flex-direction: column;
            padding-bottom: 0;
        }

        html body .sac .content__main .wrapper-sac-options .item {
            margin-right: 0;
            margin-bottom: 30px;
        }

        html body .sac .content__main .wrapper-sac-options .item.last {
            margin-bottom: 0;
        }

        html body .sac .content__main .content__main__aside {
            margin-top: 30px;
            padding-bottom: 50px;
            flex: 1;
            width: unset;
            margin-left: 0;
        }
    }

    @media (max-width: 500px) {
        html body {
            /* #region Hero */
            /* #endregion Hero */
        }

        html body .category__content .category__header .h1 {
            font-size: 3rem;
        }

        html body .hero {
            min-height: 350px;
            min-height: unset;
        }

        html body .hero .item {
            min-height: 350px;
        }

        html body .hero .item .container {
            min-height: 350px;
        }

        html body .hero .item .container .wrapper-content .content .title {
            font-size: 2em;
        }

        html body .hero .item .container .wrapper-content .content p {
            font-size: 2.5em !important;
            margin: 0 0 10px 0 !important;
        }

        html body .hero .item .container .wrapper-content .content p .descricao {
            margin-top: 15px;
        }

        html body .hero .item .container .wrapper-content .content p.creditos {
            margin-top: 15px !important;
            font-size: 10px;
        }

        html body footer.main .subfooter .container .col.phone span {
            font-size: 1.8rem;
        }
    }

    @media (max-width: 375px) {
        html body {
            /* #region Social Media */
            /* #endregion Social Media */
        }

        html body .slider-social-media {
            margin: 0 0 50px 0;
        }

        html body .slider-social-media .container .btnNavigation.slick-prev {
            left: 7px;
        }

        html body .slider-social-media .container .btnNavigation.slick-next {
            right: 7px;
        }

        html body .slider-social-media .container .wrapper-slider-social-media {
            margin: 0 20px;
        }

        html body .slider-social-media .container .wrapper-slider-social-media .item .footer ul li {
            margin-right: 0;
        }

        html body .slider-social-media .container .wrapper-slider-social-media .item .footer ul li span {
            padding: 0 18px;
        }
    }

    @media screen and (max-width: 500px) {
        .hero .slide-alimente {
            background-image: url("../../../../uploads/2018/03/alimente-500X350.png") !important;
        }
    }

    /* MIDIAS SOCIAIS HOME */

    html body .social-media-home .title h2 {
        text-align: center;
    }

    html body .social-media-home .item p.title-feed-facebook-img {
        margin-bottom: 0px;
        display: none;
    }

    @media (min-width: 1170px) {
        html body .social-media-home .item p img.feed-facebook-img {
            max-width: 150px;
        }

        html body .social-media-home #eapps-facebook-feed-1 .eapps-facebook-feed-inner {
            border-radius: 0;
        }

        html body .social-media-home #eapps-facebook-feed-1 .eapps-facebook-feed-content-container {
            border-radius: 0;
        }

        html body .social-media-home #eapps-facebook-feed-1 .eapps-facebook-feed-posts {
            padding: 0 20px 0 29px;
        }

        /*	html body .social-media-home #eapps-facebook-feed-1 .eapps-facebook-feed{width: 100%;}
	html body .social-media-home .eapps-facebook-feed-posts {padding: 0 15px;}
	html body .social-media-home #eapps-facebook-feed-1 .eapps-facebook-feed-inner{background: #f0f0f5;}
	html body .social-media-home #eapps-facebook-feed-1 .eapps-facebook-feed-posts-item-inner{padding: 0px 0px 0px;}
	html body .social-media-home .eapps-facebook-feed-content-container .eapps-facebook-feed-posts-item-inner{padding: 20px 0px 12px;}
	html body .social-media-home .eapps-facebook-feed-posts-item-inner .eapps-facebook-feed-posts-item-content-text{float: right; max-width: 58%; margin: 30px 0px; text-align: left;}
	html body .social-media-home .eapps-facebook-feed-posts-item-inner .eapps-facebook-feed-posts-item-content-picture{float: left; max-width: 40%; margin-top: 0px; padding: 4px;}
	html body .social-media-home .eapps-facebook-feed-posts-item-inner .eapps-facebook-feed-posts-item-footer{float: left; max-width: 58%; padding-left: 5px;}*/
    }

    /* MOBILE MIDIAS SOCIAIS HOME */

    @media (max-width: 400px) {
        .social-media-home .w--list.theme-4 .item {
            width: 90%;
        }
    }

    @media (max-width: 767px) {
        html body .social-media-home .w--list.theme-4 {
            flex-direction: inherit;
        }

        html body .social-media-home .eapps-facebook-feed-extra-small .eapps-facebook-feed-posts-item-inner {
            padding: 12px;
            display: block;
            margin-bottom: 5px;
            height: auto;
        }
    }

    /*Cadastro de Startups*/

    #gform_wrapper_3 #field_3_11 {
        display: block;
        margin-bottom: 25px !important;
    }

    #gform_wrapper_3 #field_3_11 .gfield_label {
        display: block;
        width: 200px;
        float: left;
    }

    #gform_wrapper_3 #field_3_11 .ginput_container_fileupload {
        display: block;
        float: left;
        padding: 6px 10px 0;
    }

    #gform_wrapper_3 #field_3_11 .gfield_description {
        display: block;
        width: 100%;
        clear: both;
        font-size: 1.2rem;
        padding: 5px 1px 0;
    }

    /* #endregion BREAKPOINTS */
    /*Header Redes Sociais*/

    header #social-menu li.menu-item {
        border-radius: 50%;
        border: solid 1px #7e4a93;
        border: solid 0px white;
        background-repeat: no-repeat;
        background-position: center center;
        width: 28px;
        height: 28px;
        display: inline-block;
        margin-right: 10px;
        overflow: hidden;
        /**/
        border-radius: 0%;
        width: 25px;
        height: 18px;
        margin-right: 20px;
    }

    /*header #social-menu li#menu-item-27556,
header #social-menu li#menu-item-27552,*/

    header #social-menu .ico-fb {
        background-image: url(../images/icon/ico-fb.svg);
        background-size: 50% 50%;
    }

    /*header #social-menu li#menu-item-27557,
header #social-menu li#menu-item-27553,*/

    header #social-menu .ico-lk {
        background-image: url(../images/icon/ico-in.svg);
        background-size: 50% 50%;
    }

    /*header #social-menu li#menu-item-27558,
header #social-menu li#menu-item-27554,*/

    header #social-menu .ico-yt {
        background-image: url(../images/icon/ico-yt.svg);
        background-size: 50% 50%;
    }

    /*header #social-menu li#menu-item-27559,
header #social-menu li#menu-item-27555,*/

    header #social-menu .ico-tw {
        background-image: url(../images/icon/ico-tw.svg);
        background-size: 50% 50%;
    }

    header #social-menu .ico-inst {
        background-image: url(../images/icon/ico-inst.svg);
        background-size: 120%;
        background-color: white;
        background-position-y: 60% !important;
        background-position-x: 40% !important;
    }

    header #social-menu li.menu-item>a {
        display: block;
        height: 100%;
        color: transparent !important;
    }

    /*Footer Redes Sociais*/

    footer #nav_menu-4 #menu-menu-social-en .menu-item {
        border-radius: 50%;
        border: solid 1px #7e4a93;
        background-repeat: no-repeat;
        background-position: center center;
        width: 28px;
        height: 28px;
        display: inline-block;
        margin-right: 10px;
        overflow: hidden;
    }

    footer #nav_menu-4 #menu-menu-social-en .menu-item-27552,
    footer #nav_menu-4 #menu-menu-social-en .ico-fb {
        background-image: url(../images/icon/ico-fb.svg);
        background-size: 50% 50%;
    }

    footer #nav_menu-4 #menu-menu-social-en .menu-item-27553,
    footer #nav_menu-4 #menu-menu-social-en .ico-lk {
        background-image: url(../images/icon/ico-in.svg);
        background-size: 50% 50%;
    }

    footer #nav_menu-4 #menu-menu-social-en .menu-item-27554,
    footer #nav_menu-4 #menu-menu-social-en .ico-yt {
        background-image: url(../images/icon/ico-yt.svg);
        background-size: 55% 55%;
    }

    footer #nav_menu-4 #menu-menu-social-en .menu-item-27555,
    footer #nav_menu-4 #menu-menu-social-en .ico-tw {
        background-image: url(../images/icon/ico-tw.svg);
        background-size: 53% 53%;
    }

    footer #nav_menu-4 #menu-menu-social-en .menu-item-27556,
    footer #nav_menu-4 #menu-menu-social-en .ico-inst {
        background-size: 120%;
        background-color: white;
        background-position-y: 60% !important;
        background-position-x: 40% !important;
        background-image: url(../images/icon/ico-inst.svg);
    }

    footer #nav_menu-4 #menu-menu-social-en .menu-item>a {
        display: block;
        height: 100%;
        color: transparent !important;
    }

    footer #nav_menu-4 #menu-menu-social-es .menu-item {
        border-radius: 50%;
        border: solid 1px #7e4a93;
        background-repeat: no-repeat;
        background-position: center center;
        width: 28px;
        height: 28px;
        display: inline-block;
        margin-right: 10px;
        overflow: hidden;
    }

    footer #nav_menu-4 #menu-menu-social-es .menu-item-27556 {
        background-image: url(../images/icon/ico-fb.svg);
        background-size: 50% 50%;
    }

    footer #nav_menu-4 #menu-menu-social-es .menu-item-27557 {
        background-image: url(../images/icon/ico-in.svg);
        background-size: 50% 50%;
    }

    footer #nav_menu-4 #menu-menu-social-es .menu-item-27558 {
        background-image: url(../images/icon/ico-yt.svg);
        background-size: 55% 55%;
    }

    footer #nav_menu-4 #menu-menu-social-es .menu-item-275 {
        background-image: url(../images/icon/ico-inst.svg);
        background-size: 55% 55%;
    }

    footer #nav_menu-4 #menu-menu-social-es .menu-item-27559 {
        background-image: url(../images/icon/ico-tw.svg);
        background-size: 53% 53%;
    }

    footer #nav_menu-4 #menu-menu-social-es .menu-item>a {
        display: block;
        height: 100%;
        color: transparent !important;
    }

    #overlay {
        background: #000;
        background: rgba(0, 0, 0, 0.3);
        display: block;
        float: left;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
    }

    #gform-notification {
        background: #fff;
        border-radius: 10px;
        display: block;
        margin: auto;
        max-height: 237px;
        max-width: 520px;
        padding: 61px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        width: 100%;
        z-index: 101;
    }

    #gform-notification .button {
        margin: 20px 0 0;
        padding: 12px 24px;
    }

    .message-wrapper {
        background-color: #fff;
        left: 50%;
        padding: 15px 30px;
        position: absolute;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: right;
    }

    .validation_error {
        background-color: rgba(219, 33, 33, 0.5);
        border: 2px solid #db2121;
        display: none;
        margin-bottom: 30px;
        padding: 15px 30px;
    }

    .validation_success {
        color: #db2121;
        display: none;
    }

    .gfield_error select,
    .gfield_error input,
    .gfield_error textarea {
        border: 1px solid red !important;
    }

    .gform_confirmation_message {
        text-align: left;
        margin-bottom: 15px;
    }

    .manual-list {
        display: none;
        text-align: center;
    }

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

    .search-form {
        display: flex;
        width: 100%;
    }

    .search-form input[type="text"] {
        border: 0 none;
        border-bottom: 1px solid #e5e5e5;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 300;
        font-size: 2rem;
        outline: none;
        box-shadow: none;
    }

    .search-form button {
        width: 20px;
        height: 20px;
        border: none;
        background-image: url(../images/icon/ico-search.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        cursor: pointer;
    }

    .select-language-manual {
        height: 80px;
        position: relative;
        text-align: center;
    }

    .btn.btn-icon {
        position: relative;
    }

    .btn.btn-icon i {
        width: 25px;
        height: 25px;
    }

    .btn i {
        position: absolute;
        display: block;
        top: 50%;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .btn svg {
        display: block;
        width: 100%;
        height: 100%;
    }

    .btn use {
        fill: #893492;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .btn.btn--orange use {
        fill: #ff6300;
    }

    .btn.btn-icon span {
        padding-left: 34px;
    }

    .sitemap .content__main__aside .title {
        color: #7e4a93;
        font-weight: 700;
    }

    .sitemap .content__main__aside .menu-item-has-children>a {
        background: 0 none;
        border-top: 0 none;
        font-size: 1.6rem;
        font-weight: bold;
    }

    .sitemap .content__main__aside li {
        background-color: transparent !important;
        border: 0 none !important;
    }

    .sitemap .content__main__aside li>a {
        line-height: 1.6;
        padding-bottom: 0;
        padding-left: 0;
    }

    .sitemap .content__main__aside .sub-menu li,
    .sitemap .content__main__aside .menu li {
        min-height: auto;
    }

    .sitemap .content__main__aside {
        width: calc(20% - 40px);
    }

    footer .sitemap .content__main__aside {
        width: auto;
        padding: 0 15px;
    }

    .sitemap .content__main__aside .nav--aside {
        min-width: 100%;
        width: 100%;
    }

    .sitemap .content__main {
        flex-flow: row wrap;
    }

    footer .sitemap .content__main__aside .title {
        font-size: 1.4em;
        color: #313a92;
        border-top: 2px solid #313a92;
        padding: 15px 0;
        margin: 5px 0;
    }

    .sitemap .content__main__aside .menu-item-has-children>a {
        font-size: 1.4rem;
        text-transform: uppercase;
    }

    footer .nav--aside>ul li a {
        font-size: 1.4rem;
        line-height: 1.4 !important;
    }

    footer .sitemap .nav--aside ul {
        list-style: none;
    }

    footer .sitemap .nav--aside ul.sub-menu {
        margin-bottom: 1.2em;
    }

    footer .sitemap .nav--aside>ul li.menu-item-has-children {
        max-height: none;
        overflow: unset;
    }

    @media screen and (max-width: 1280px) {
        .sitemap .content__main__aside {
            margin-bottom: 40px;
            width: calc(33.3333% - 40px);
        }
    }

    @media screen and (max-width: 1280px) {
        .sitemap .content__main__aside {
            margin-left: 0;
            width: 100%;
        }
    }

    .brf-process--list {
        display: none;
    }

    .brf-process--list div p {
        padding: 10px 0px;
    }

    .my-flipster {
        display: block;
    }

    @media (max-width: 992px) {
        #brf-process {
            display: none;
        }

        .my-flipster {
            display: none !important;
        }

        .brf-process--list {
            display: block;
        }
    }

    #brf-process {
        position: relative;
        width: 594px;
        height: 594px;
        border-radius: 100%;
        left: 15%;
    }

    #process-logo {
        position: absolute;
        top: 86px;
        left: 86px;
        width: 425px;
        height: 425px;
        /*background: #000000 url('../images/brf-process.png.html') no-repeat center center;*/
        background-size: cover;
        border-radius: 100%;
    }

    #text-process {
        display: table;
        color: white;
        opacity: 0;
        border-radius: 100%;
        width: 100%;
        height: 100%;
    }

    #text-process p {
        padding: 0px 10px 0px 10px;
        text-align: center;
        word-wrap: break-word;
        display: table-cell;
        vertical-align: middle;
    }

    .bar {
        position: absolute;
        z-index: 2;
    }

    /* BAR POSITIONS */

    .bar1 {
        top: 156px;
        left: 0px;
    }

    .bar2 {
        top: 0px;
        left: 43px;
    }

    .bar3 {
        top: 0px;
        left: 304px;
    }

    .bar4 {
        top: 156px;
        left: 493px;
    }

    .bar5 {
        top: 415px;
        left: 305px;
    }

    .bar6 {
        top: 413px;
        left: 43px;
    }

    /* Style the buttons that are used to open and close the accordion panel */

    .accordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s;
    }

    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

    .active--accordion,
    .accordion:hover {
        background-color: #ccc;
    }

    /* Style the accordion panel. Note: hidden by default */

    .panel--accordion {
        padding: 0 18px;
        background-color: white;
        display: none;
        overflow: hidden;
    }

    /* TEMPLATE BRF News */

    .list-destaque,
    .slick-list,
    .post-left {
        width: 100%;
        overflow: hidden;
        -ms-overflow-style: none;
    }

    .post {
        width: 100%;
        margin-bottom: 50px;
        position: relative;
    }

    .post-header {
        width: 100%;
        position: relative;
        overflow: hidden;
        height: 400px;
    }

    .post-header a img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        min-width: 150%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .post-header h1 {
        position: absolute;
        padding: 0 1%;
        margin-top: -56px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .post-list {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .post-body {
        padding: 2% 0 0 2%;
    }

    .post-image {
        width: 50%;
        height: 300px;
        position: relative;
        overflow: hidden;
    }

    .post-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        min-width: 150%;
        height: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .post-right {
        width: 50%;
        padding: 10px 50px 0;
        text-align: justify;
    }

    hr {
        border: none;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .paginacao a:first-of-type {
        margin-right: 15px;
    }

    .paginacao a:last-of-type {
        margin-left: 15px;
    }

    .paginacao #pagActive {
        background-color: #7e4a93;
        color: #fff;
    }

    .cursor-notallowd {
        cursor: not-allowed;
    }

    .post-destaque .post-body {
        padding: 30px 50px 0;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.5);
        height: 100%;
    }

    .post-tags a {
        font-size: 11px !important;
    }

    .slick-arrow {
        z-index: 10;
        width: 50px;
        height: 400px;
        position: absolute;
        vertical-align: middle;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        color: #fff;
        font-size: 50px;
    }

    .slick-arrow:hover {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .slick-next {
        top: 0;
        right: 0;
    }

    .content__main__body .post-author {
        position: absolute;
        border-radius: 100%;
        height: 80px;
        width: 80px;
    }

    .post-author--right {
        right: 26%;
        bottom: 0;
    }

    .post-author--left {
        right: 5%;
        bottom: 0;
    }

    .post-author--especial {
        right: 1%;
        bottom: 4%;
    }

    .paginacao select {
        height: 40px;
        vertical-align: middle;
        margin-top: -3px;
        border-radius: 5px;
        border-color: #d3d3d3;
    }

    .disable {
        opacity: 0.5;
        cursor: context-menu;
    }

    @media (max-width: 992px) {
        .post-list {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
        }

        .post-image {
            width: 100%;
        }

        .post-right {
            width: 100%;
            padding: 1%;
        }

        .content__main__body .post-author {
            height: 60px;
            width: 60px;
        }

        .post-author--right {
            right: 0;
            top: 15%;
        }

        .post-author--left {
            right: 0;
            bottom: 0;
        }

        .post-author--especial {
            right: 1%;
            bottom: 4%;
        }
    }

    .animeted {
        display: none;
    }

    /* Radial Carousel*/

    .radial-carousel {
        position: inherit;
        display: block;
    }

    .holderCircle {
        width: 800px;
        height: 800px;
        margin: 0px auto;
        position: relative;
        overflow: hidden;
    }

    .dotCircle {
        width: 100%;
        height: 100%;
        position: absolute;
        margin: auto;
        z-index: 20;
    }

    .dotCircle .itemDot {
        background-color: rgba(0, 0, 0, 0) !important;
        display: block;
        width: 160px;
        height: 160px;
        position: absolute;
        background: #ddd;
        color: black;
        border-radius: 100%;
        text-align: center;
        line-height: 80px;
        font-size: 30px;
        z-index: 3;
        cursor: pointer;
        padding: 5px;
    }

    .dotCircle .itemDot.active {
        background: #34495e;
        color: rgb(101, 46, 137);
        transition: 0.5s;
        box-shadow: 3px 1px 1px 1px lightgrey;
    }

    .dotCircle .itemDot.active .forActive {
        display: block;
    }

    .dotCircle .itemDot:hover {
        color: rgb(101, 46, 137);
        transition: 0.5s;
    }

    .dotCircle .itemDot:hover::before {
        border-color: #34495e;
    }

    .contentCircle {
        width: 500px;
        height: 500px;
        border-radius: 100%;
        position: relative;
        top: 150px;
        left: 0;
        box-shadow: 0px 0px 20px 1px #2b152e;
        margin: auto;
        border: 2px dashed white;
    }

    .contentCircle div {
        color: black;
    }

    .contentCircle .CirItem {
        border-radius: 100%;
        color: #fff;
        position: absolute;
        text-align: center;
        bottom: 0;
        left: 0;
        opacity: 0;
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: 0.5s;
        width: 100%;
        top: 0;
        right: 0;
        margin: auto;
        background: #00000054;
    }

    .CirItem {
        position: relative;
    }

    .CirItem div {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 10px;
    }

    .CirItem.active {
        z-index: 1;
        opacity: 1;
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: 0.5s;
    }

    .my-flipster {
        display: none;
    }

    .flipster {
        display: block;
        overflow-x: hidden;
        overflow-y: visible;
        position: relative;
    }

    .flipster:focus {
        outline: none;
    }

    .flipster__container,
    .flipster__item {
        margin: 0;
        padding: 0;
        list-style-type: none;
        position: relative;
    }

    .flipster__container {
        display: block;
        white-space: nowrap;
        word-spacing: -0.25em;
        transform-origin: 50% 50%;
        backface-visibility: hidden;
    }

    .flipster__item {
        display: inline-block;
        white-space: normal;
        word-spacing: normal;
        vertical-align: bottom;
    }

    .flipster--click .flipster__item--past,
    .flipster--click .flipster__item--future {
        cursor: pointer;
    }

    .flipster__item img {
        max-width: 100%;
    }

    .flipster--coverflow .flipster__container,
    .flipster--coverflow .flipster__item,
    .flipster--coverflow .flipster__item__content {
        transition: all 350ms ease-in-out;
        transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    }

    .flipster--coverflow .flipster__item {
        perspective: 800px;
    }

    .flipster--coverflow .flipster__container {
        padding-bottom: 5%;
    }

    .flipster--coverflow .flipster__item__content {
        transform-origin: 50% 100%;
        box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
        -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
    }

    .flipster--coverflow .flipster__item__content img:only-child {
        display: block;
    }

    .flipster--coverflow .flipster__item--past .flipster__item__content {
        transform-origin: 0% 50%;
        transform: scale(0.75) rotateY(55deg);
    }

    .flipster--coverflow .flipster__item--future .flipster__item__content {
        transform-origin: 100% 50%;
        transform: scale(0.75) rotateY(-55deg);
    }

    .flipster--coverflow .flip-current .flipster__item__content {
        transform: rotateY(0deg);
    }

    .flip-item {
        width: 400px;
        height: 400px;
        color: white;
        text-align: justify;
        border-radius: 10px;
    }

    .flip-item h2 {
        text-align: center;
        padding: 20px 0 0 0;
    }

    .flip-item p {
        position: absolute;
        top: 75%;
        height: 100px;
        margin-top: -50px;
        padding: 0 15px 0 15px;
    }

    .flip-item img {
        position: absolute;
        width: 160px;
        margin: 0px 0 0 120px;
        border-radius: 100%;
    }

    .charleft {
        font-size: 11px;
    }

    .aviso {
        position: fixed;
        height: 0px;
        width: 100%;
        bottom: 0;
        background-color: rgba(159, 32, 139, 0.8);
        z-index: 1000201;
    }

    .aviso .aviso-content {
        display: table;
        height: 100%;
        position: relative;
        width: 100%;
    }

    .aviso .aviso-left,
    .aviso .aviso-right {
        display: table-cell;
        vertical-align: middle;
    }

    .aviso .aviso-left {
        padding: 0 20px;
        width: 85%;
    }

    .aviso .aviso-right {
        text-align: center;
        width: 15%;
    }

    .aviso .aviso-left p {
        color: white;
        padding: 0;
        text-align: justify;
        font-size: 15px;
        line-height: 25px;
    }

    .aviso .aviso-left>p:last-child {
        padding-top: 1%;
        padding-bottom: 5px;
    }

    .aviso .aviso-right button:hover {
        background-color: #fcc112;
        color: #fff;
        cursor: pointer;
    }

    .aviso-recall {
        background: #923097;
        /* Old browsers */
        background: -moz-linear-gradient(left, #923097 0%, #763093 36%, #202a7f 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #923097 0%, #763093 36%, #202a7f 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #923097 0%, #763093 36%, #202a7f 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#923097', endColorstr='#202a7f', GradientType=1);
        /* IE6-9 */
    }

    .aviso-recall .aviso-left p {
        font-size: 20px;
        text-align: center;
    }

    .aviso-recall .aviso-left a {
        border-bottom: 1px solid transparent;
        color: #fcc112;
        transition: border-bottom-color 0.3s ease-in;
    }

    .aviso-recall .aviso-left a:hover {
        border-bottom-color: #fcc112;
    }

    @media screen and (max-width: 640px) {
        .aviso-recall .aviso-left p {
            font-size: 18px;
        }
    }

    /* Condionais para o subsite ME */

    .site-global-me .languages {
        display: none;
    }

    .site-global-me .brf-timeline {
        margin-top: 25px;
        margin-bottom: 0;
    }

    .table-container {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .table-container table {
        width: 100%;
        margin: 1rem 0;
    }

    .table-container ul {
        padding: 0 0 0 10px;
    }

    .table-container li {
        list-style: none;
        margin-top: 10px;
    }

    .table-container th,
    .table-container td {
        padding: 15px;
    }

    .table-container td {
        border-top: 1px solid #ddd;
    }

    .table-container img {
        max-width: 200px;
    }

    .content-area--fast-track .category__content .category__header .h1 {
        background-size: 300px 32px;
        height: 32px;
        width: 300px;
        text-indent: -9999px;
    }

    .content-area--fast-track h2 {
        font-size: 24px;
        line-height: 1;
        margin: 55px 0 23px;
        text-transform: uppercase;
    }

    .content-area--fast-track h3 {
        margin-bottom: 30px;
    }

    .content-area--fast-track ul {
        color: #fd6f2b;
        margin-left: 18px;
    }

    .content-area--fast-track ul span,
    .content-area--fast-track ul strong,
    .content-area--fast-track ul ul {
        color: #53504e;
    }

    .content-area--fast-track ul ul {
        list-style-type: none;
        margin: 0 0 25px;
    }

    /*
.content-area--fast-track ul {
  list-style-type: none;
}

.content-area--fast-track ul li:before {
  color: #fd6f2b;
  content: '•';
  font-size: 25px;
  margin: 0 10px 0 0;
  position: relative;
  top: 3px;
}
*/

    .content-area--fast-track .requisitos {
        background-color: #f3f1f1;
        padding: 15px 25px;
    }

    .content-area--fast-track .requisitos h3 {
        font-weight: normal;
        margin: 0 0 10px;
    }

    .content-area--fast-track .requisitos ul {
        margin: 0;
        padding: 0;
    }

    .content-area--fast-track .requisitos li {
        align-items: flex-start;
        display: flex;
        flex-flow: column wrap;
        margin-bottom: 20px;
    }

    .content-area--fast-track .requisitos li:before {
        display: none;
    }

    .content-area--fast-track .requisitos li em {
        display: block;
        font-size: 11px;
    }

    .content-area--fast-track .requisitos .icone {
        align-self: flex-start;
        background-color: #fd6f2b;
        border-radius: 50%;
        height: 62px;
        position: relative;
        width: 62px;
    }

    .content-area--fast-track .requisitos .icone img {
        left: 50%;
        position: absolute;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .content-area--fast-track .requisitos p {
        margin: 0 0 0 10px;
        width: 100%;
    }

    .content-area--fast-track .processos {
        clear: both;
        overflow: auto;
        zoom: 1;
    }

    .content-area--fast-track .processos h3,
    .content-area--fast-track .processos h3+* {
        padding-left: 10px;
    }

    .content-area--fast-track .processos ul+h3 {
        padding-top: 15px;
    }

    .content-area--fast-track .btn-inscricao,
    .content-area--peste-suina .btn-inscricao {
        background-color: #fd6f2b;
        border-radius: 10px;
        color: #fff !important;
        display: block;
        font-weight: bold;
        margin: 50px auto 0;
        padding: 7px 0;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        width: 168px;
    }

    .content-area--fast-track .data-inscricao {
        margin-top: 5px;
        text-align: center;
        font-weight: bold;
    }

    @media screen and (min-width: 768px) {
        .content-area--fast-track .category__content .category__header .h1 {
            background-size: 511px 55px;
            height: 55px;
            width: 511px;
        }

        .content-area--fast-track .requisitos p {
            margin: 0 0 0 10px;
            width: calc(100% - 72px);
        }

        .content-area--fast-track .requisitos li {
            align-items: center;
            flex-flow: row nowrap;
        }

        .content-area--fast-track .perfil,
        .content-area--fast-track .competencias {
            float: left;
            margin-top: -30px;
        }

        .content-area--fast-track .perfil {
            width: 60%;
        }

        .content-area--fast-track .competencias {
            padding-left: 25px;
            width: calc(40% - 25px);
        }
    }

    h3.items-enurable_title {
        position: relative;
        background-color: #e36e35;
        padding: 2px 6px;
        color: white;
        margin-bottom: 15px;
        font-size: 14px;
    }

    .items-enumerable__item .number {
        font-size: 33px;
        color: #e36e35;
    }

    h2.programas-estagio_title {
        margin-bottom: 50px;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 22px;
        color: rgb(83, 80, 78);
    }

    .programas-estagio_area-de-vagas {
        padding: 15px;
        background-color: rgb(245, 243, 243);
        margin-bottom: 10px;
        margin-left: 35px;
    }

    .programas-estagio_area-de-vagas h2 {
        line-height: 24px;
        font-size: 18px;
        text-transform: uppercase;
    }

    .programas-estagio_lista {
        position: relative;
        font-size: 14px;
        line-height: 24px;
    }

    .programas-estagio_area-de-vagas .btn--img {
        border-radius: 30px;
    }

    .programas-estagio_area-de-vagas .btn {
        border: none;
        padding: 0;
        margin-top: 30px;
    }

    .page-id-27268 .entry-title,
    .page-id-27291 .entry-title,
    .page-id-326 .entry-title,
    .page-id-135 .entry-title,
    .page-id-328 .entry-title {
        display: none;
    }

    h3.items-enurable_title,
    h3.items-enurable_title+p {
        display: inline-block;
        vertical-align: middle;
    }

    h3.items-enurable_title img {
        position: absolute;
        left: 100%;
        top: 45%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%);
    }

    .items-enumerable__item {
        border: none;
        margin-bottom: 20px;
    }

    .items-enumerable__list.items-enumerable {
        margin-bottom: 40px;
    }

    h6.programas-estagio_beneficios {
        margin-left: 35px;
    }

    .page-id-27268 .category__header,
    .page-id-27291 .category__header,
    .page-id-326 .category__header,
    .page-id-135 .category__header {
        background-position: 45%;
    }

    @media only screen and (max-width: 899px) {
        .video-container {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 30px;
            height: 0;
            overflow: hidden;
        }

        .video-container iframe,
        .video-container object,
        .video-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    }

    @media only screen and (max-width: 1024px) {
        .breadcrumb.mobile>a {
            display: none !important;
        }

        /* página estágio EN */
        .page-id-27268 .category__header,
        .page-id-135 .category__header {
            background-image: url("../../../../uploads/2019/05/banner-1024-en-2-2.jpg") !important;
            background-position: 43%;
        }

        /* página estágio ES */
        .page-id-27291 .category__header {
            background-image: url("../../../../uploads/2019/05/banner-1024-es-2-2.jpg") !important;
            background-position: 43%;
        }

        /* página estágio PT */
        .page-id-326 .category__header {
            background-image: url("../../../../uploads/2019/05/banner-1024-pt-2-2.jpg") !important;
            background-position: 43%;
        }
    }

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

        .page-id-326 h3.items-enurable_title,
        .page-id-27268 h3.items-enurable_title,
        .page-id-27291 h3.items-enurable_title {
            width: calc(100% - 50px);
            text-align: center;
        }

        .breadcrumb.mobile>a {
            display: none !important;
        }

        /* página estágio EN */
        .page-id-27268 .category__header,
        .page-id-135 .category__header {
            background-image: url("../../../../uploads/2019/05/banner-768-en-2.jpg") !important;
            background-position: 32%;
        }

        /* página estágio ES */
        .page-id-27291 .category__header {
            background-image: url("../../../../uploads/2019/05/banner-768-pt-3.jpg") !important;
            background-position: 32%;
        }

        /* página estágio PT */
        .page-id-326 .category__header {
            background-image: url("../../../../uploads/2019/05/banner-768-pt-3-1.jpg") !important;
            background-position: 32%;
        }
    }

    @media only screen and (max-width: 720px) {
        .breadcrumb.mobile>a {
            display: none !important;
        }

        .page-id-27268 .category__header,
        .page-id-135 .category__header {
            background-image: url("../../../../uploads/2019/05/banner-320.jpg") !important;
            background-position: 53%;
        }

        /* página estágio ES */
        .page-id-27291 .category__header {
            background-image: url("../../../../uploads/2019/05/banner-320-es.jpg") !important;
            background-position: 53%;
        }

        /* página estágio PT */
        .page-id-326 .category__header {
            background-image: url("../../../../uploads/2019/05/banner-320-pt-2.jpg") !important;
            background-position: 53%;
        }
    }

    /* Página meio ambiente */

    .content-area--meio-ambiente .box {
        background-color: #f3f1f1;
        margin-bottom: 13px;
        position: relative;
    }

    .content-area--meio-ambiente .box-amarelo .number {
        background-color: #fdc12d;
    }

    .content-area--meio-ambiente .box-amarelo b,
    .content-area--meio-ambiente .box-amarelo a,
    .content-area--meio-ambiente .box-amarelo strong {
        color: #fdc12d;
    }

    .content-area--meio-ambiente .box-laranja .number {
        background-color: #ff6f18;
    }

    .content-area--meio-ambiente .box-laranja b,
    .content-area--meio-ambiente .box-laranja a,
    .content-area--meio-ambiente .box-laranja strong {
        color: #ff6f18;
    }

    .content-area--meio-ambiente .box-laranja-escuro .number {
        background-color: #f24e12;
    }

    .content-area--meio-ambiente .box-laranja-escuro b,
    .content-area--meio-ambiente .box-laranja-escuro a,
    .content-area--meio-ambiente .box-laranja-escuro strong {
        color: #f24e12;
    }

    .content-area--meio-ambiente .box-vermelho .number {
        background-color: #e41c1e;
    }

    .content-area--meio-ambiente .box-vermelho b,
    .content-area--meio-ambiente .box-vermelho a,
    .content-area--meio-ambiente .box-vermelho strong {
        color: #e41c1e;
    }

    .content-area--meio-ambiente .box-vinho .number {
        background-color: #b9272a;
    }

    .content-area--meio-ambiente .box-vinho b,
    .content-area--meio-ambiente .box-vinho a,
    .content-area--meio-ambiente .box-vinho strong {
        color: #b9272a;
    }

    .content-area--meio-ambiente .box-roxo .number {
        background-color: #812490;
    }

    .content-area--meio-ambiente .box-roxo b,
    .content-area--meio-ambiente .box-roxo a,
    .content-area--meio-ambiente .box-roxo strong {
        color: #812490;
    }

    .content-area--meio-ambiente .box-azul .number {
        background-color: #5293ca;
    }

    .content-area--meio-ambiente .box-azul b,
    .content-area--meio-ambiente .box-azul a,
    .content-area--meio-ambiente .box-azul strong {
        color: #5293ca;
    }

    .content-area--meio-ambiente .box p {
        margin-bottom: 0;
    }

    .content-area--meio-ambiente .box .descricao {
        width: 100%;
        padding-left: 40px;
    }

    .content-area--meio-ambiente .box h3 {
        font-size: 18px;
        color: #a7a0a2;
        padding: 20px 10px 10px 0;
    }

    .content-area--meio-ambiente .box h4 {
        padding: 20px 0 10px;
    }

    .content-area--meio-ambiente .box .number {
        font-size: 22px;
        width: 40px;
        height: 40px;
        position: absolute;
        left: -18px;
        color: white !important;
        border-radius: 50%;
        text-align: center;
        margin-top: 10px;
        font-weight: bold;
    }

    .img-separator {
        height: 90px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 13px;
    }

    .content-area--meio-ambiente .category__content .category__header,
    .page-id-328 .category__content .category__header {
        background-position: center;
    }

    .content-area--meio-ambiente .box .alignright {
        float: right;
        margin: 0 0 30px 30px;
    }

    .content-area--meio-ambiente .box .alignleft {
        float: left;
        margin: 0 30px 30px 0;
    }

    .content-area--meio-ambiente .box .descricao__content {
        padding: 0 20px 20px 0;
    }

    .descricao__content--with-image {
        clear: both;
        overflow: auto;
    }

    .descricao__content--with-image div {
        float: left;
        width: calc(100% - 407px);
    }

    .content-area--meio-ambiente .box .descricao__content--with-image img {
        float: right;
        margin-left: 30px;
        margin-right: -20px;
    }

    .content-area--meio-ambiente .container__relatorio {
        text-align: center;
    }

    .content-area--meio-ambiente .container__relatorio p {
        font-weight: bold;
        margin-bottom: 10px;
        text-align: left;
    }

    .content-area--meio-ambiente .btn--meio-ambiente {
        margin-top: 30px;
    }

    .content-area--meio-ambiente .category__header h1 {
        display: none;
    }

    .content-area--meio-ambiente .box li {
        margin-left: 30px;
        margin-bottom: 10px;
    }

    @media (max-width: 1024px) {
        .content-area--meio-ambiente .category__content .category__header {
            background-position: 30% center;
        }

        .descricao__content--with-image div,
        .descricao__content--with-image img {
            float: none;
        }

        .descricao__content--with-image div {
            width: 100%;
        }

        .content-area--meio-ambiente .box .descricao__content--with-image img {
            margin-right: 0px;
            width: 100%;
        }
    }

    @media (max-width: 655px) {
        .content-area--meio-ambiente .category__content .category__header {
            background-position: 30% center;
        }

        .content-area--meio-ambiente .category__content .category__header {
            background-image: url("../../../../uploads/2019/06/banner-320px.jpg") !important;
        }

        .site-en .content-area--meio-ambiente .category__content .category__header {
            background-image: url("../../../../uploads/2019/06/banner-meio-ambiente-320-en.jpg") !important;
        }

        .site-es .content-area--meio-ambiente .category__content .category__header {
            background-image: url("../../../../uploads/2019/06/banner-meio-ambiente-320-es.jpg") !important;
        }
    }

    @media (max-width: 320px) {
        .content-area--meio-ambiente .category__content .category__header {
            background-position: 32% center;
        }
    }

    .content-area--peste-suina .peste-suina_container {
        background-color: #e6ded1;
        width: 100%;
        padding-top: 20px;
        margin-bottom: 60px;
        border-radius: 0 0 10px 10px;
    }

    .content-area--peste-suina .lp-container {
        width: 80%;
        margin: 0 auto;
        flex-flow: row wrap;
        display: flex;
    }

    .content-area--peste-suina .lp-container.lp-container--3 {
        width: 89%;
    }

    .content-area--peste-suina .container-box {
        margin: 0 auto;
        width: 50%;
        text-align: center;
        padding: 0px 20px 5px 20px;
    }

    .content-area--peste-suina .lp-container.lp-container--3 .container-box {
        width: 33.333%;
    }

    .content-area--peste-suina .lp-container.lp-container--3 .container-box img+img {
        padding-left: 0;
    }

    .content-area--peste-suina .container-box.box-produtores-1 {
        width: 27%;
    }

    .content-area--peste-suina .container-box.box-produtores-2 {
        width: 29%;
    }

    .content-area--peste-suina .container-box.box-produtores-3 {
        width: 42%;
    }

    .content-area--peste-suina .container-box img+img {
        padding-left: 40px;
    }

    .infografico-container {
        background-color: #eeeae3;
        text-align: center;
    }

    .content-area--peste-suina .lp-img-separator img {
        position: relative;
        top: 7px;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .content-area--peste-suina .category__header h1 {
        display: none;
    }

    .content-area--peste-suina .prod-container p {
        margin-bottom: 20px;
    }

    .content-area--peste-suina .prod-title {
        margin-bottom: 50px;
    }

    .content-area--peste-suina .prod-subtitle {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .content-area--peste-suina .dicas>p:last-child {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .content-area--peste-suina .prod-lp-container p {
        margin: 0;
    }

    .content-area--peste-suina .prod-lp-container {
        width: 100% !important;
        padding-bottom: 20px;
    }

    .content-area--peste-suina .category__content .category__header {
        background-position: center;
    }

    .content-area--peste-suina .btn-inscricao {
        background-color: #edbf30;
        margin: 0;
        margin-left: 30px;
    }

    .content-area--peste-suina .peste-suina-btn {
        display: flex;
        justify-content: center;
        margin-top: 50px;
    }

    @media (max-width: 1024px) {

        .content-area--peste-suina .container-box,
        .content-area--peste-suina .container-box.box-produtores-1,
        .content-area--peste-suina .container-box.box-produtores-2,
        .content-area--peste-suina .container-box.box-produtores-3,
        .content-area--peste-suina .lp-container.lp-container--3 .container-box {
            width: 100%;
        }

        .content-area--peste-suina .container-box img+img {
            padding-left: 40px;
        }
    }

    .tituloEspanhol {
        white-space: pre-wrap;
        max-width: 280px;
    }

    @media (max-width: 768px) {
        .site-pt-br .content-area--peste-suina .category__content .category__header {
            background-image: url("../images/banner-peste-mobile.jpg");
        }

        .site-es .content-area--peste-suina .category__content .category__header {
            background-image: url("../images/banner-PSA-espanhol-mobile.jpg");
        }

        .site-en .content-area--peste-suina .category__content .category__header {
            background-image: url("../images/banner-PSA-ingles-mobile.jpg");
        }
    }

    @media (max-width: 500px) {
        .content-area--peste-suina .peste-suina-btn {
            display: block;
            width: 100%;
        }

        .content-area--peste-suina .peste-suina-btn .btn-inscricao {
            width: 100%;
            margin-left: 0;
            margin-bottom: 10px;
        }
    }

    .modal-fraude-opened .modal-fraude,
    .modal-covid-opened .modal-covid,
    .modal-faq-offline .faq-offline {
        display: block;
    }

    .modal-fraude,
    .modal-covid {
        background: #fff url("../images/bg-modal-fraude.png") no-repeat center;
        background-size: cover;
        display: none;
        font-size: 23px;
        position: fixed;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 4;
        text-align: left;
        padding-bottom: 60px;
        max-width: 550px;
        width: 90%;
    }

    .modal-fraude__content {
        padding: 60px 60px 40px;
    }

    .modal-fraude h1,
    .modal-fraude strong {
        color: #82197f;
    }

    .modal-fraude h1 {
        font-size: 37px;
        font-weight: bold;
        margin: 0 0 20px;
        text-transform: uppercase;
    }

    .modal-fraude p {
        color: #525151;
        line-height: normal;
    }

    .modal-fraude p+p {
        margin-top: 20px;
    }

    .modal-fraude__sites {
        background: url("../images/bg-modal-fraude-sites.png") no-repeat left center;
        background-size: 490px auto;
        padding: 25px 50px 25px 60px;
    }

    .modal-fraude__sites a {
        color: #fff;
    }

    .modal-fraude__sites img {
        vertical-align: middle;
    }

    html[lang="pt-br"] .modal-fraude-opened,
    html[lang="pt-br"] .modal-covid-opened {
        overflow: hidden;
    }

    html[lang="pt-br"] .modal-fraude-opened:after,
    html[lang="pt-br"] .modal-covid-opened:after {
        content: "";
        z-index: 2;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .modal-fraude__fechar,
    .modal-covid__fechar {
        cursor: pointer;
        position: absolute;
        right: -100px;
        top: 0;
    }

    .modal-covid {
        background: #f7f9fa url("../images/bg-modal-covid.jpg") no-repeat left top;
        font-family: "Co Text";
        padding-bottom: 40px;
    }

    .modal-covid__content {
        padding: 130px 0 40px;
        margin: 0 auto;
        max-width: 360px;
    }

    .modal-covid h1,
    .modal-covid .btn {
        border-color: #0060aa;
        color: #0060aa;
        font-family: "Co Bold";
    }

    .modal-covid .btn-covid {
        border-color: #0060aa;
        margin-top: 20px;
        max-width: 90%;
        text-align: center;
        width: 309px;
    }

    .modal-covid h1 {
        font-size: 37px;
        margin: 0 0 20px;
    }

    .modal-covid p {
        color: #525151;
        line-height: normal;
    }

    .btn-vis-hide {
        visibility: hidden;
    }

    @media (max-width: 1024px) {
        .page-id-328 .category__content .category__header {
            background-image: urL("../images/header2-mobile.jpg") !important;
        }

        .modal-fraude,
        .modal-covid {
            font-size: 20px;
            padding-bottom: 30px;
        }

        .modal-fraude h1,
        .modal-covid h1 {
            font-size: 30px;
        }

        .modal-fraude__content {
            padding: 30px 30px 20px;
        }

        .modal-fraude__sites {
            background-size: auto;
            padding-left: 30px;
        }

        .modal-fraude__fechar,
        .modal-covid__fechar {
            right: 0;
            top: -50px;
        }
    }

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

        .modal-fraude,
        .modal-fraude__sites,
        .modal-covid {
            font-size: 15px;
        }

        .modal-fraude h1,
        .modal-covid h1 {
            font-size: 25px;
        }

        .modal-fraude__sites img {
            display: none;
        }

        .modal-fraude__sites {
            background-size: 94% auto;
        }

        .modal-covid .modal-covid__content {
            padding-left: 60px;
            padding-right: 60px;
        }
    }

    @media screen and (max-height: 700px) {

        .modal-fraude__fechar,
        .modal-covid__fechar {
            top: 4%;
        }
    }

    /* Fim Modal COVID */
    /* Modal ESG */

    .modal-esg {
        background: #e2dfd5 url(../images/corner-pop-up.png) no-repeat right bottom !important;
        padding: 35px 35px 150px;
        font-family: "Co Text";
        font-family: "Co headline";
        font-size: 25px !important;
        /*font-weight: bold;*/
    }

    .modal-esg .logo-brf {
        display: inline-block;
    }

    .modal-esg .logo-brf img {
        transform: translateY(-50%);
    }

    .modal-esg .btn-pop {
        border-radius: 30px;
        padding: 15px 30px;
        padding: 0;
        border: 0;
        border-color: #ef9600;
        color: #ef9600;
        margin-top: 44px !important;
        font-family: "Noto Sans";
        font-weight: bold;
    }

    .modal-esg .topo {
        position: relative;
        padding: 90px 0;
        height: 76px;
    }

    .modal-esg p {
        /*font-weight: bold;*/
    }

    .modal-esg .text-laranja {
        color: #ef9600;
    }

    .modal-esg .modal-pop__fechar {
        right: 0;
        top: -50px;
        right: -50px;
        top: 0;
        color: white !important;
        border: 1px solid white;
        background: none;
        font-size: 20px;
        border-radius: 50%;
        /* border: 0px; */
        color: black;
        padding: 10px 15px;
        font-family: Arial;
        font-weight: bold;
    }

    .modal-esg .modal-pop__fechar:hover {
        color: #ef9600;
        background: none;
    }

    @media (max-width: 1024px) {
        .modal-esg {
            padding: 30px 35px 60px;
        }
    }

    @media (max-width: 512px) {
        .modal-esg .modal-pop__fechar {
            right: 0;
            top: -40px;
        }

        .modal-esg {
            padding: 20px 25px 40px;
            margin-top: 70px !important;
        }

        .modal-esg .btn-pop {
            margin-top: 20px !important;
        }
    }

    @media (max-width: 425px) {
        .modal-esg .modal-pop__fechar {
            color: white;
            font-size: 30px;
        }

        .modal-esg .modal-pop__fechar {
            right: 0;
            top: 0px;
            color: black !important;
            font-size: 20px;
            border: 0px;
        }
    }

    @media (max-width: 375px) {
        .modal-esg .logo-brf img {
            max-width: 145%;
        }

        .modal-esg .logo-brf {
            width: 45%;
            padding: 0 15px;
        }

        .modal-esg .topo {
            padding: 80px 0;
        }
    }

    /* Modal ESG - FIM */

    .slide-kits-perdigao {
        background-color: #a81f22;
        background-size: contain !important;
        background-position: center bottom !important;
    }

    .slide-kits-perdigao:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url("../../../../uploads/2019/10/background-details.png") !important;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

    @media (min-width: 767px) {
        .slide-kits-perdigao:after {
            content: "";
            position: absolute;
            top: -12px;
            background-image: url("../../../../uploads/2019/10/heart-2.png") !important;
            right: 0;
            width: 100%;
            height: 100%;
            max-width: 250px;
            background-repeat: no-repeat;
        }
    }

    .slide-kits-perdigao .wrapper-content {
        position: absolute;
        left: 0;
        padding: 0;
    }

    @media (max-width: 425px) {
        .slide-kits-perdigao .wrapper-content {
            top: 25px;
        }

        .slide-kits-perdigao {
            background-size: 650px !important;
            background-position: right bottom !important;
        }
    }

    @media (max-width: 375px) {
        .slide-kits-perdigao {
            background-size: 500px !important;
            background-position: right bottom !important;
        }
    }

    .slide-kits-perdigao p {
        color: #f39400;
        font-size: 50px !important;
        width: 550px;
        letter-spacing: 0.5px;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        line-height: 57px !important;
    }

    .slide-kits-perdigao p+p {
        width: 550px;
        margin: 30px 0 !important;
        font-size: 24px !important;
        line-height: 34px !important;
    }

    @media (max-width: 1280px) {
        .slide-kits-perdigao p {
            font-size: 60px !important;
            line-height: 50px !important;
        }

        .slide-kits-perdigao p+p {
            margin-top: 10px !important;
            font-size: 20px !important;
        }
    }

    @media (max-width: 767px) {
        .slide-kits-perdigao p {
            width: 90% !important;
            font-size: 30px !important;
            line-height: 30px !important;
        }

        .slide-kits-perdigao p+p {
            width: 90%;
            margin-top: 10px !important;
            font-size: 16px !important;
        }
    }

    @media (max-width: 1024px) {
        .slide-kits-perdigao {
            background-image: url("../../../../uploads/2019/10/AMPFY_kitsdenatal_banner_perdigao_1024ou19_v2.jpg.html");
        }
    }

    .hero .slide-kits-perdigao .btn {
        background-color: #fff;
        font-weight: bold;
        color: #a81f22 !important;
    }

    /*  começa aqui o pop-up coronavirus */

    .modal-covid.coronavirus-pop {
        background: #e3dfd6 url("../images/pop-up-corona-bottom.png") no-repeat center bottom !important;
        padding: 56px 70px;
        margin: 30px auto;
    }

    .coronavirus-pop .btn-covid.es {
        width: 80%;
    }

    .coronavirus-pop .modal-covid__content {
        display: block;
        margin: 0 auto;
        color: #525151 !important;
        padding: 0 !important;
        max-width: 100%;
    }

    .coronavirus-pop .topo {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 40px;
    }

    .coronavirus-pop h1 {
        font-size: 37px !important;
        font-family: "Co Text" !important;
        font-weight: lighter !important;
        color: #e21f26;
        position: relative;
    }

    .coronavirus-pop h1:after {
        content: "(COVID-19)";
        font-family: "Co Headline";
        color: black;
        font-size: 13px;
        letter-spacing: 12px;
        position: absolute;
        top: 40px;
        left: 0;
    }

    .coronavirus-pop p {
        color: #525151 !important;
        line-height: 32px;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .coronavirus-pop .btn-covid {
        margin: 30px auto 80px;
        display: block;
        padding: 20px 40px;
        max-width: 600px;
        width: 200px;
        border: 0px;
        background: rgba(255, 195, 14, 1);
        background: -moz-linear-gradient(top, rgba(255, 195, 14, 1) 0%, rgba(255, 195, 14, 1) 50%, rgba(207, 156, 15, 1) 51%, rgba(207, 156, 15, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 195, 14, 1)), color-stop(50%, rgba(255, 195, 14, 1)), color-stop(51%, rgba(207, 156, 15, 1)), color-stop(100%, rgba(207, 156, 15, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 195, 14, 1) 0%, rgba(255, 195, 14, 1) 50%, rgba(207, 156, 15, 1) 51%, rgba(207, 156, 15, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 195, 14, 1) 0%, rgba(255, 195, 14, 1) 50%, rgba(207, 156, 15, 1) 51%, rgba(207, 156, 15, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 195, 14, 1) 0%, rgba(255, 195, 14, 1) 50%, rgba(207, 156, 15, 1) 51%, rgba(207, 156, 15, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 195, 14, 1) 0%, rgba(255, 195, 14, 1) 50%, rgba(207, 156, 15, 1) 51%, rgba(207, 156, 15, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc30e', endColorstr='#cf9c0f', GradientType=0);
        color: black !important;
        font-weight: bold;
        border-radius: 30px;
        text-transform: inherit;
        font-size: 20px;
    }

    .coronavirus-pop .modal-covid__fechar {
        border-color: #e21f26;
        color: #e21f26;
        background: #e3dfd6;
        font-family: "Co Bold";
        font-size: 30px;
        padding: 10px 12px;
        border-radius: 100%;
        position: absolute;
        right: -30px;
        top: -30px;
    }

    @media screen and (max-width: 600px) {
        .modal-covid.coronavirus-pop {
            background: #e3dfd6 url("../images/pop-up-corona-bottom.png") no-repeat center bottom !important;
            padding: 30px;
            margin: 20px auto;
        }

        .coronavirus-pop .topo {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            margin-bottom: 20px;
        }

        .coronavirus-pop .logo-brf img {
            width: 25%;
        }

        .coronavirus-pop h1 {
            font-size: 30px !important;
        }

        .coronavirus-pop .logo-brf {
            margin-bottom: 20px;
        }

        .coronavirus-pop p {
            line-height: 22px;
            font-size: 18px;
        }

        .coronavirus-pop .btn-covid {
            font-size: 20px;
            width: 80%;
        }

        .coronavirus-pop .modal-covid__fechar {
            right: 0;
            top: 12px;
            border: 0;
        }
    }

    @media screen and (max-width: 380px) {
        .coronavirus-pop .btn-covid {
            width: 90% !important;
            padding: 20px;
        }
    }

    @media screen and (max-width: 320px) {
        .modal-covid.coronavirus-pop {
            padding: 32px 25px 0 25px;
            margin: 24px auto;
            background-size: 100% !important;
        }

        .coronavirus-pop .logo-brf {
            display: none;
        }

        .coronavirus-pop h1:after {
            top: 35px;
        }

        .coronavirus-pop p {
            line-height: 24px;
            font-size: 19px;
        }

        .coronavirus-pop .btn-covid {
            margin: 20px auto 60px;
        }

        .coronavirus-pop .modal-covid__fechar {
            top: 16px;
        }
    }

    /*  termina aqui o pop-up coronavirus */
    /*** começa aqui o pop-up vagas falsas ***/

    .modal-pop-fake-opened:after,
    .modal-pop-faq-opened:after {
        content: "";
        z-index: 2;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .modal-pop-fake-opened .vagas-fake,
    .modal-pop-faq-opened .faq-offline {
        display: block;
    }

    .modal-pop {
        background: #fff;
        display: none;
        font-size: 23px;
        position: fixed;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 4;
        text-align: left;
        max-width: 500px;
        width: 90%;
    }

    .modal-pop__content {
        display: block;
        margin: 0 auto;
        color: #525151 !important;
        padding: 0 !important;
        max-width: 100%;
    }

    .modal-pop__fechar {
        cursor: pointer;
        position: absolute;
        right: -65px;
        top: 0;
        padding: 10px 20px;
        background: white;
    }

    .modal-pop__fechar:hover {
        background: #ec6708;
        color: white;
    }

    .vagas-fake {
        background-image: url(../images/pop-up-vagas-falsas.png);
        background-repeat: no-repeat;
        background-position: bottom;
        max-width: 500px;
        background-size: contain;
        display: none;
        padding: 40px;
        box-sizing: border-box;
    }

    .vagas-fake.novo {
        background-image: url(../images/pop-up-vagas-falsas2021.png) !important;
        padding: 20px 50px 60px;
    }

    .vagas-fake .modal-pop__content {
        font-family: "Noto Sans";
        font-size: 15px;
        line-height: initial;
        margin-bottom: 115px;
    }

    .vagas-fake.novo .modal-pop__content {
        font-weight: 400 !important;
    }

    .vagas-fake h1 {
        font-family: "Co Headline";
        font-size: 24px;
        text-transform: uppercase;
        line-height: normal;
    }

    .vagas-fake.novo h1 {
        font-family: "Co bold";
    }

    .vagas-fake h1 span {
        background-color: #ec6708;
        color: white;
        padding-top: 1px;
    }

    .vagas-fake h1 span {
        padding: 1px 2px;
    }

    .vagas-fake a {
        color: inherit;
    }

    .vagas-fake a:hover {
        color: #ec6708;
    }

    @media screen and (max-width: 425px) {
        .modal-pop__fechar {
            right: 0;
            top: -40px;
        }

        .vagas-fake {
            padding: 20px;
            background-position-y: 110%;
            margin-top: 20px;
        }

        .vagas-fake .modal-pop__content {
            font-size: 13px;
            margin-bottom: 60px;
        }

        .vagas-fake h1 {
            font-size: 1.225em;
            margin-top: 5px;
        }
    }

    @media screen and (max-width: 320px) {
        .modal-pop__fechar {
            top: -20px;
        }

        .vagas-fake {
            margin-top: 20px;
        }

        .vagas-fake .modal-pop__content {
            font-size: 12px;
            margin-bottom: 35px;
        }
    }

    /* termina aqui pop-up vagas falsas */
    /* popup FAQ Offline */

    .faq-offline {
        background: #fff url(../images/bg-popup-faq-offline.jpg) no-repeat left bottom;
        padding: 150px 0;
        background-size: cover;
    }

    .faq-offline .modal-pop__content {
        color: #000 !important;
        font-family: "Noto Sans";
        font-size: 20px;
        line-height: normal;
        max-width: 80%;
        text-align: right;
    }

    .faq-offline .modal-pop__content p {
        text-align: left;
    }

    .faq-offline .btn {
        border-color: #972022;
        color: #000 !important;
        font-family: "Noto Sans";
        margin-top: 20px;
    }

    @media screen and (max-width: 1023px) {
        .faq-offline {
            padding: 80px 0;
        }
    }

    @media screen and (max-width: 768px) {
        .faq-offline .modal-pop__content {
            font-size: 16px;
            max-width: 90%;
        }
    }

    /**************************************** banner sadia ***********************************/

    .slide-kits-sadia {
        background-size: 100% !important;
        background-position: right bottom !important;
    }

    .slide-kits-sadia:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0px;
        bottom: 0;
        background-image: url("../../../../uploads/2019/10/bg-kits-sadia.png") !important;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .slide-kits-sadia .wrapper-content {
        position: absolute;
        left: 10px;
        top: 60px;
        padding: 0;
    }

    .slide-kits-sadia p {
        color: #ef0119;
        font-size: 50px !important;
        width: 550px;
        letter-spacing: 0.5px;
        margin-bottom: 0 !important;
        line-height: 57px !important;
    }

    .slide-kits-sadia p+p {
        color: #000;
        width: 550px;
        margin: 30px 0 !important;
        font-size: 24px !important;
        line-height: 34px !important;
    }

    .hero .slide-kits-sadia .btn {
        background-color: #ef0119;
        border: 0;
        padding: 15px 30px;
        margin-top: 10px;
        border-radius: 15px;
        font-weight: bold;
        color: #ffe85e !important;
    }

    @media (max-width: 1280px) {
        .slide-kits-sadia .wrapper-content {
            top: 40px !important;
        }

        .slide-kits-sadia p {
            font-size: 62px !important;
            line-height: 60px !important;
        }

        .slide-kits-sadia p+p {
            font-size: 32px !important;
        }
    }

    @media (max-width: 768px) {
        .slide-kits-sadia:after {
            background-position: 92%;
        }

        .slide-kits-sadia p {
            font-size: 56px !important;
            line-height: 54px !important;
        }

        .slide-kits-sadia p+p {
            font-size: 30px !important;
        }

        .slide-kits-sadia {
            background-size: 1000px !important;
        }
    }

    @media (max-width: 767px) {
        .slide-kits-sadia {
            background-size: 100% !important;
        }

        .slide-kits-sadia p {
            width: 60% !important;
            font-size: 34px !important;
            line-height: 35px !important;
        }

        .slide-kits-sadia:after {
            background-position: 90%;
        }

        .slide-kits-sadia p+p {
            margin-top: 10px !important;
            font-size: 20px !important;
        }
    }

    @media (max-width: 474px) {
        .slide-kits-sadia .wrapper-content {
            top: 0px !important;
        }

        .hero .slide-kits-sadia .btn {
            margin-top: 0 !important;
        }

        .slide-kits-sadia p {
            width: 100% !important;
            font-size: 34px !important;
            line-height: 30px !important;
        }

        .slide-kits-sadia p+p {
            margin-top: 10px !important;
            font-size: 22px !important;
        }

        .slide-kits-sadia {
            background-size: 650px !important;
            background-position: right bottom !important;
        }
    }

    @media (max-width: 375px) {
        .slide-kits-sadia p {
            font-size: 30px !important;
            line-height: 30px !important;
        }

        .slide-kits-sadia p+p {
            font-size: 16px !important;
        }

        .slide-kits-sadia {
            background-size: 500px !important;
            background-position: right bottom !important;
        }
    }

    /* Banner Emerge Labs */

    .hero .item.slide-emerge-labs .container .wrapper-content .content .title,
    .hero .item.slide-emerge-labs .container .wrapper-content .description p {
        color: #373636;
    }

    .hero .item.slide-emerge-labs .container .wrapper-content .content .title {
        font-size: 88px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .hero .item.slide-emerge-labs .container .wrapper-content .description p {
        font-weight: normal !important;
    }

    .hero .item.slide-emerge-labs .container .wrapper-content .btn {
        background: transparent url("../images/btn-emerge.png") no-repeat center;
        border: 0 none;
        display: inline-block;
        height: 85px;
        text-indent: -9999999px;
        width: 421px;
    }

    @media screen and (max-width: 1024px) {
        .hero .item.slide-emerge-labs .container .wrapper-content .content .title {
            font-size: 40px;
        }

        .hero .item.slide-emerge-labs .container .wrapper-content .btn {
            background-size: 200px 40px;
            height: 50px;
            width: 210px;
        }
    }

    @media screen and (max-width: 768px) {
        .hero .item.slide-emerge-labs .container .wrapper-content .content .title {
            font-size: 30px;
        }

        .hero .item.slide-emerge-labs .container .wrapper-content .description p {
            font-size: 18px !important;
        }
    }

    .mensagem-brf .category__header .entry-title {
        display: none;
    }

    .mensagem-brf .btn-visualizar {
        color: #e36e35;
        font-size: 14px;
    }

    .mensagem-brf .w--form .gform_footer button[type="submit"],
    .mensagem-brf .w--form .gform_footer input[type="submit"] {
        background: #c00000 none;
        border: 0 none;
        font-size: 13px;
        font-weight: bold;
    }

    .menesagem-brf .gform_footer {
        text-align: center;
    }

    .natal-container {
        min-height: 191px;
        text-align: center;
        margin-bottom: 50px;
    }

    .category-natal-container {
        position: relative;
        overflow: hidden;
    }

    .category_natal {
        margin-bottom: 5px;
    }

    .natal-container h1 {
        margin-bottom: 15px;
    }

    .natal-container h1,
    .natal-container p,
    .natal-container span {
        color: #fff !important;
        display: block;
        line-height: normal;
    }

    .mensagem-brf .modal-visualizacao-wrap {
        width: 600px;
        max-width: 90%;
    }

    .mensagem-brf .modal-visualizacao-wrap img {
        max-height: 90vh;
        width: auto;
    }

    .mensagem-brf .close_modal {
        right: calc(50% - 360px);
        transform: translateX(-50%);
    }

    .form-natal {
        display: none;
    }

    .form-natal1 {
        display: block;
    }

    @media screen and (max-width: 1366px) {
        .mensagem-brf .modal-visualizacao-wrap {
            width: 50vh;
        }
    }

    @media screen and (max-width: 1024px) {
        .mensagem-brf .modal-visualizacao-wrap {
            max-height: 70%;
            overflow-y: scroll;
        }

        .mensagem-brf .close_modal {
            top: 130px;
        }
    }

    @media screen and (max-width: 750px) {
        .mensagem-brf .close_modal {
            top: 92px;
            right: 10px;
        }
    }

    /* modal */

    .modal-visualizacao {
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 4;
        text-align: center;
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .modal-visualizacao-wrap {
        font-size: 14px;
        line-height: 1.5;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .close_modal {
        position: absolute;
        right: -50px;
        color: #fff;
        font-size: 25px;
        top: 60px;
        cursor: pointer;
    }

    .logged-in .close_modal {
        top: 120px;
    }

    .modal-visualizacao_open {
        display: block;
    }

    .category_natal:after {
        content: "";
        position: absolute;
        z-index: -1;
        height: 100%;
        min-height: 531px;
        right: 0;
        top: -65%;
        width: 100%;
        background-image: url(../images/brf_msgfimdeano_tela_v3.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .site-en .lgpd-candidate {
        display: block;
    }

    .lgpd-candidate {
        display: none;
    }

    .presence-check .gfield_checkbox {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

    .align-right {
        text-align: right;
        margin-bottom: 15px;
    }

    .sales-channel .gfield_checkbox {
        text-decoration: none;
    }

    .choice1 label {
        margin-bottom: 0;
    }

    .sales-channel .gfield_checkbox li {
        list-style: none;
    }

    .sales-channel .gfield_description {
        margin: 10px 0;
    }

    .sales-channel .w--form .no--mark .gfield_label {
        display: none !important;
    }

    .sales-channel .w--form .gform_fields .gfield_checkbox li label {
        display: inline-block;
    }

    .no-margin {
        margin-bottom: 0 !important;
    }

    .sales-channel .hidden {
        display: none;
    }

    .sales-channel .gform_footer {
        margin-top: 25px;
    }

    .sales-channel .btn {
        border-color: #9e9e9e;
        color: #9e9e9e;
        border-radius: 20px;
    }

    .with-divisor--t {
        border-top: solid 1px #ebebeb;
        padding-top: 15px;
    }

    .sales-channel .w--form .with-divisor--b {
        border-bottom: solid 1px #ebebeb;
        margin-bottom: 15px !important;
    }

    .sales-channel .gfield_list_group .gfield_list_cell {
        padding: 10px 15px 10px 0;
    }

    @media (max-width: 350px) {
        .natal-container h1 {
            font-size: 25px;
        }
    }

    .hero .slide-canal-transparencia {
        background-color: #fff;
        background-size: auto 100% !important;
    }

    .hero .slide-canal-transparencia .container .wrapper-content .content .title {
        color: #623289;
        font-size: 39px !important;
        font-weight: bold;
        line-height: 1.3;
        text-transform: uppercase;
    }

    .hero .slide-canal-transparencia .container .wrapper-content .content .description p {
        color: #000;
        font-size: 24px !important;
        font-weight: normal !important;
        max-width: 700px;
    }

    .hero .slide-canal-transparencia .container .wrapper-content .content .rodape,
    .hero .slide-canal-transparencia .container .wrapper-content .content .contato {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

    .hero .slide-canal-transparencia .container .wrapper-content .content .contato {
        background-color: #623188;
        border-radius: 0 50px 50px 0;
        max-width: 820px;
        padding: 25px 70px 25px 20px;
        position: relative;
    }

    .hero .slide-canal-transparencia .container .wrapper-content .content .contato:after {
        background-color: #623188;
        content: "";
        height: 100%;
        left: -100%;
        position: absolute;
        width: 100%;
        top: 0;
    }

    .hero .slide-canal-transparencia-en .container .wrapper-content .content .contato {
        padding-left: 0;
    }

    .hero .slide-canal-transparencia .btn {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .hero .slide-fraude {
        background-color: #fff;
    }

    .hero .slide-fraude .btn {
        display: none;
    }

    .hero .slide-fraude .container {
        max-width: 1720px;
    }

    .hero .slide-fraude .container .wrapper-content {
        width: 100%;
    }

    .hero .slide-fraude .container .wrapper-content .content .description {
        display: flex;
        flex-flow: row wrap;
    }

    .hero .slide-fraude .container .wrapper-content .content .description p {
        color: #525151;
        font-size: 30px !important;
        font-weight: normal !important;
        line-height: normal !important;
        font-family: Co Bold !important;
    }

    .site-es .hero .slide-fraude .container .wrapper-content .content .description p,
    .site-en .hero .slide-fraude .container .wrapper-content .content .description p {
        font-size: 21px !important;
    }

    .hero .slide-fraude .container .wrapper-content .content .description p strong {
        color: #831081;
        font-family: Co Bold;
        font-weight: 550 !important;
    }

    .hero .slide-fraude .container .wrapper-content .content .description .text {
        padding-right: 30px;
        width: calc(39% - 30px);
        max-height: 310px;
    }

    .hero .slide-fraude .container .wrapper-content .content .description .contato,
    .hero .slide-fraude .container .wrapper-content .content .description .contato a,
    .hero .slide-fraude .container .wrapper-content .content .description .contato strong {
        color: #fff;
    }

    .hero .slide-fraude .container .wrapper-content .content .description .contato {
        background: url("../images/bg-content-fraude.png") no-repeat left center;
        align-items: center;
        display: flex;
        position: relative;
        width: calc(64% - 30px);
    }

    .hero .slide-fraude .container .wrapper-content .content .description .contato::after {
        background-color: #9e007e;
        content: "";
        height: 100%;
        right: -100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .hero .slide-fraude .container .wrapper-content .content .description .contato strong {
        display: block;
        font-size: 52px;
        white-space: nowrap;
    }

    .site-en .hero .slide-fraude .container .wrapper-content .content .description .contato strong {
        font-size: 22px;
    }

    .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo {
        color: #fff;
        font-size: 24px !important;
        padding-left: 130px;
        margin-right: 40px;
        text-transform: uppercase;
    }

    .site-en .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo {
        font-size: 44px !important;
    }

    .hero .slide-fraude .container .wrapper-content .content .description .contato ul,
    .hero .slide-fraude .container .wrapper-content .content .description .contato li {
        font-size: 32px;
        list-style: none outside none;
    }

    .hero .slide-fraude .container .wrapper-content .content .description .contato li+li {
        margin-top: 10px;
    }

    .hero .slide-fraude .container .wrapper-content .content .description .contato img {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
    }

    .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo,
    .hero .slide-fraude .container .wrapper-content .content .description .contato .sites {
        position: relative;
        z-index: 1;
    }

    @media screen and (max-width: 1600px) {
        .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo {
            padding-left: 70px;
            margin-right: 20px;
        }

        .hero .slide-fraude .container .wrapper-content .content .description p,
        .hero .slide-fraude .container .wrapper-content .content .description .contato ul,
        .hero .slide-fraude .container .wrapper-content .content .description .contato li {
            font-size: 24px !important;
        }

        .site-es .hero .slide-fraude .container .wrapper-content .content .description p,
        .site-en .hero .slide-fraude .container .wrapper-content .content .description p {
            font-size: 18px !important;
        }
    }

    @media screen and (max-width: 1400px) {
        .hero .slide-fraude .container .wrapper-content .content .description .contato strong {
            font-size: 48px;
        }

        .site-en .hero .slide-fraude .container .wrapper-content .content .description .contato strong {
            font-size: 22px;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo {
            font-size: 23px !important;
            padding-left: 50px;
            margin-right: 10px;
        }

        .site-en .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo {
            font-size: 44px;
        }

        .hero .slide-fraude .container .wrapper-content .content .description p,
        .hero .slide-fraude .container .wrapper-content .content .description .contato ul,
        .hero .slide-fraude .container .wrapper-content .content .description .contato li {
            font-size: 22px !important;
        }

        .site-es .hero .slide-fraude .container .wrapper-content .content .description p,
        .site-en .hero .slide-fraude .container .wrapper-content .content .description p {
            font-size: 18px !important;
        }
    }

    @media screen and (max-width: 1280px) {
        .hero .slide-fraude .container .wrapper-content .content .description {
            display: block;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .text {
            padding-right: 0;
            width: 100%;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato {
            width: 100%;
        }

        .hero .slide-fraude .container .wrapper-content .content .description p,
        .hero .slide-fraude .container .wrapper-content .content .description .contato ul,
        .hero .slide-fraude .container .wrapper-content .content .description .contato li {
            font-size: 21px !important;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo {
            font-size: 20px !important;
        }

        .site-en .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo {
            font-size: 44px;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato strong {
            font-size: 43px;
        }

        .site-en .slide-fraude .container .wrapper-content .content .description .contato strong {
            font-size: 22px;
        }
    }

    @media screen and (max-width: 1024px) {
        .hero .slide-fraude .container .wrapper-content .content .description .contato {
            display: block;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato::after {
            display: none;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo,
        .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo strong {
            display: inline;
            font-size: 20px !important;
            white-space: normal;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo {
            padding: 0;
            margin: 0 0 20px;
            display: block;
        }

        .site-en .hero .slide-fraude .container .wrapper-content .content .description .contato .titulo {
            font-size: 22px !important;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato {
            padding: 20px 30px;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .contato {
            align-items: flex-start;
            flex-flow: column wrap;
            max-width: 80%;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .contato .site {
            margin-top: 20px;
        }
    }

    @media screen and (max-width: 768px) {
        .hero .slide-fraude .container .wrapper-content .content .description .contato {
            background: #831081;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato img {
            display: none;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato li+li {
            margin-top: 10px;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .title {
            font-size: 29px !important;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .description p {
            font-size: 20px !important;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .contato {
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .contato .telefone img {
            max-width: 230px;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .contato .site img {
            max-width: 260px;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .rodape {
            align-items: flex-start;
            flex-flow: column wrap;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .rodape img+img {
            margin-top: 20px;
        }
    }

    @media screen and (max-width: 500px) {
        .hero .slide-canal-transparencia .container .wrapper-content .content .title {
            display: block;
            font-size: 25px !important;
            margin-bottom: 20px;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .description p {
            font-size: 18px !important;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .contato {
            margin: 20px 0;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .contato .telefone img {
            max-width: 210px;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .contato .site img {
            max-width: 230px;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .rodape .marca-compromissos {
            max-width: 230px;
        }

        .hero .slide-canal-transparencia .container .wrapper-content .content .rodape .marca-global {
            max-width: 80px;
        }

        .hero .slide-fraude .container .wrapper-content .content .description .contato li {
            font-size: 14px !important;
        }
    }

    /*  começa aqui sales channel banner */

    .side-image {
        height: 570px;
        width: 56%;
        /* background: aquamarine; */
        display: block;
        position: absolute;
        top: 0;
        margin-left: 22%;
        background-repeat: no-repeat;
        background-image: url(../../../../uploads/2020/03/brq-image-banner-saleschannel-1.png);
        background-size: cover;
        right: 0;
    }

    .slide-sales-channel .title img {
        width: 62%;
    }

    .slide-sales-channel .btn {
        border-color: #4a4a4a !important;
        color: #4a4a4a !important;
        bottom: 25%;
        left: 10%;
        position: absolute;
    }

    .slide-sales-channel .bloco-descricao {
        position: absolute;
        top: 30%;
        left: 10%;
    }

    .slide-sales-channel .bloco-descricao p {
        color: #4a4a4a;
        font-family: co text !important;
        margin-top: 10px !important;
        font-size: 3.7em !important;
    }

    .slide-sales-channel .description+.btn {
        display: none;
    }

    @media screen and (max-width: 500px) {
        .side-image {
            display: none;
        }

        .slide-sales-channel .bloco-descricao {
            top: 20%;
            width: 80% !important;
        }

        .slide-sales-channel .bloco-descricao span.title {
            margin-bottom: 15px;
            display: block;
        }

        .slide-sales-channel .title img {
            width: 85%;
        }

        .slide-sales-channel .bloco-descricao p {
            margin-top: 20px !important;
        }
    }

    @media screen and (max-width: 768px) {
        .slide-sales-channel .bloco-descricao {
            position: relative;
            width: 55%;
        }

        .slide-sales-channel .btn {
            bottom: auto;
            left: auto;
            position: relative;
        }
    }

    @media screen and (max-width: 1024px) {
        .slide-sales-channel .side-image {
            width: 35%;
            margin-left: 20%;
        }

        .slide-sales-channel .btn {
            left: 4%;
            bottom: 30%;
        }

        .slide-sales-channel .bloco-descricao {
            left: 4%;
        }

        .slide-sales-channel .bloco-descricao p {
            font-size: 3em !important;
        }

        .slide-sales-channel .title img {
            width: 62%;
        }
    }

    /*  termina aqui sales channel banner */
    /* Banner COVID-19 */

    .hero .item.slide-covid {
        background-color: #fff;
    }

    .hero .item.slide-covid .container .wrapper-content .content .title {
        color: #0060aa !important;
        font-family: "Co Bold";
        font-size: 45px !important;
    }

    .hero .item.slide-covid .container .wrapper-content .content .description p {
        color: #101010 !important;
        font-family: "Co Text" !important;
        font-weight: 300;
        font-size: 35px !important;
        line-height: normal !important;
    }

    .hero .item.slide-covid .container .wrapper-content {
        margin: 0 auto;
    }

    .hero .item.slide-covid .container .wrapper-content .content {
        margin: 0 auto;
        max-width: 1024px;
        width: 90%;
    }

    .hero .item.slide-covid .btn {
        border-color: #0060aa !important;
        color: #0060aa !important;
        font-family: "Co Bold" !important;
        font-size: 20px !important;
        max-width: 90%;
        padding-bottom: 5px;
        text-align: center;
        width: 356px;
    }

    .hero .item.slide-premio-valor-economico {
        background-color: rgb(237, 228, 219);
        background-size: contain;
    }

    @media screen and (max-width: 1180px) {
        .hero .item.slide-covid {
            background-color: #f7f9fa;
            background-image: url(../../../../uploads/2020/03/bg-covid-mobile.jpg) !important;
            background-size: 100% 50%;
        }
    }

    @media screen and (max-width: 1024px) {
        .hero .item.slide-covid .container .wrapper-content .content .title {
            font-size: 35px !important;
        }

        .hero .item.slide-covid .container .wrapper-content .content .description p {
            font-size: 25px !important;
        }

        .hero .item.slide-covid .btn {
            font-size: 20px !important;
        }
    }

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

        .hero .slide-fraude .container .wrapper-content .content .description p,
        .hero .slide-fraude .container .wrapper-content .content .description .contato ul,
        .hero .slide-fraude .container .wrapper-content .content .description .contato li {
            font-size: 18px !important;
        }

        .hero .item.slide-covid .container .wrapper-content .content .description p {
            font-size: 20px !important;
        }

        .hero .item.slide-covid .container .wrapper-content .content .title {
            font-size: 30px !important;
        }

        .hero .item.slide-covid .btn {
            font-size: 15px !important;
        }
    }

    /* ANIMATIONS FRAMES */

    @keyframes grow-up-80 {
        0% {
            height: 0;
        }

        25% {
            height: 20px;
        }

        50% {
            height: 40px;
        }

        75% {
            height: 60px;
        }

        100% {
            height: 80px;
        }
    }

    @-webkit-keyframes grow-up-80 {
        0% {
            height: 0;
        }

        25% {
            height: 20px;
        }

        50% {
            height: 40px;
        }

        75% {
            height: 60px;
        }

        100% {
            height: 80px;
        }
    }

    @keyframes decrease-80 {
        0% {
            height: 80px;
        }

        25% {
            height: 60px;
        }

        50% {
            height: 40px;
        }

        75% {
            height: 20px;
        }

        100% {
            height: 0px;
        }
    }

    @-webkit-keyframes decrease-80 {
        0% {
            height: 80px;
        }

        25% {
            height: 60px;
        }

        50% {
            height: 40px;
        }

        75% {
            height: 20px;
        }

        100% {
            height: 0px;
        }
    }

    .covid p,
    h1 {
        color: #383838;
    }

    .covid .mb-30,
    .kit .mb-30 {
        margin-bottom: 30px;
    }

    .covid .mb-15 {
        margin-bottom: 15px;
    }

    .covid h1,
    .kit h1 {
        font-family: "Co Bold";
        font-size: 32px;
        line-height: 40px;
    }

    .covid footer h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .covid p,
    .covid li {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        line-height: 30px;
    }

    .covid .box-cinza {
        padding: 70px 55px;
        background: #f8f8f8;
        border-radius: 10px;
    }

    .covid-card {
        width: 300px;
        margin-right: 30px;
        display: inline-block;
    }

    .covid-arrow:before,
    .covid .covid-list.covid-list-purple li:before {
        content: "";
        border: solid #000000;
        margin-right: 15px;
        border-width: 0 3px 3px 0 !important;
        display: inline-block;
        padding: 3px;
    }

    .covid .slick-arrow:hover {
        background-color: unset;
    }

    .covid .slick-arrow {
        border: 0;
        width: 50px !important;
        height: 100% !important;
        cursor: pointer;
        position: absolute;
        outline: none;
        top: 50%;
        transform: translateY(-50%);
        padding: 10px;
    }

    .covid .slick-prev {
        left: -50px;
    }

    .covid .slick-next {
        right: -20px;
    }

    .covid .slick-next:before {
        transform: translate(-50%, -50%) rotate(-45deg);
        left: 50%;
    }

    .covid .slick-prev:before {
        transform: translate(-50%, -50%) rotate(135deg);
        left: 50%;
    }

    .covid .slick-arrow:before {
        border: solid #000;
        position: absolute;
        content: "";
        padding: 5px;
        display: block;
        margin-right: 15px;
        border-width: 0 3px 3px 0 !important;
        top: 50%;
    }

    .covid-right-arrow:before,
    .covid .covid-list.covid-list-purple li:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .covid .covid-list.covid-list-purple li:before {
        border: solid #a33892;
    }

    .covid-list li {
        font-family: "Co Text";
    }

    /* .covid-card-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
} */

    .covid .covid-list.covid-list-purple li {
        color: #a33892;
        list-style: none;
    }

    .covid--card-header {
        text-align: center;
        background: #0d60a6;
        border-top-left-radius: 10px;
        width: 100%;
        color: #fff;
        border-top-right-radius: 10px;
        height: 195px;
        display: flex;
        padding: 30px 30px 0 30px;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .covid--card-header img {
        margin-bottom: 20px;
    }

    .purple {
        color: #a33892;
    }

    .title-margin70 {
        margin: 50px 0;
    }

    .covid .container {
        position: relative;
    }

    .covid-list-section {
        margin-bottom: 0 !important;
    }

    .covid-login input[type="submit"] {
        background-color: #fff !important;
    }

    .covid-btn-container {
        width: 543px;
    }

    .covid-btn {
        font-family: Co Text !important;
        font-size: 20px !important;
        line-height: 25px;
        text-align: center;
        padding: 5px 0;
        text-decoration: none !important;
        color: #ffe !important;
        font-family: Co Text;
        font-size: 20px;
        line-height: 25px;
        background: #0d60a6;
        width: 100%;
        display: block;
        border-radius: 10px;
        text-transform: uppercase;
    }

    .ancora-covid-btn {
        border-radius: 0 0 10px 10px;
        font-size: 14px !important;
        line-height: normal;
        padding: 10px;
        position: absolute;
        right: 0;
        top: -50px;
        display: inline-block;
        width: auto;
    }

    .covid--card-header p {
        color: #fff;
        margin: 0;
        bottom: 35px;
    }

    .covid .box-cinza li {
        color: #383838;
    }

    .covid .box-cinza p,
    .covid--card-header p,
    .covid .box-cinza li {
        font-family: "Co Headline";
        font-size: 18px;
        line-height: 22px;
    }

    .covid section:not(:last-child) {
        margin-bottom: 80px;
    }

    .covid .box-cinza li {
        position: relative;
        margin-left: 50px;
        list-style: none;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }

    .covid .box-cinza li+li {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #e3e3e3;
    }

    .covid .box-cinza li span {
        color: #a33892;
    }

    .covid .box-cinza p {
        margin: 0 !important;
    }

    .covid .box-cinza li:before {
        padding-right: 50px;
        content: "";
        background-image: url(../images/exclamacao.svg);
        width: 35px;
        position: absolute;
        background-repeat: no-repeat;
        left: -50px;
        height: 35px;
    }

    .covid .box-cinza li li:before {
        display: none;
    }

    .covid .box-cinza li li {
        display: block;
        margin-left: 30px;
        list-style: disc inside !important;
    }

    .covid--card-body {
        padding: 30px;
        min-height: 230px;
        background: #f8f8f8;
        width: 100%;
        position: relative;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .covid--card-body span {
        display: block;
        font-size: 9px;
        position: absolute;
        bottom: 15px;
    }

    .covid .category__header,
    .kit .category__header {
        background-position: left center !important;
    }

    .covid .entry-title,
    .kit .entry-title {
        width: 100% !important;
        background-size: contain;
        margin-top: 30px !important;
        color: #fff;
        height: 128px;
        text-indent: -1999999999px;
        background-repeat: no-repeat;
        width: 423px;
    }

    @media (max-width: 1023px) {
        .covid .entry-title {
            background-size: 300px auto;
        }

        .covid-card-container .slick-arrow:before {
            border: solid #fff;
        }

        .covid-card-container .slick-arrow.slick-next {
            top: 95px;
            right: 30px;
        }

        .covid-card-container .slick-arrow.slick-prev {
            top: 95px;
            left: 0px;
        }

        .covid--card-header p {
            margin-bottom: 20px;
        }

        .covid--card-body {
            min-height: auto;
        }
    }

    @media (max-width: 768px) {
        .covid .box-cinza li {
            margin-left: 0;
        }

        .covid .box-cinza li:before {
            display: none;
        }

        .covid .box-cinza {
            padding: 50px 40px;
        }

        .covid-card {
            width: 100%;
        }

        .covid section {
            margin-bottom: 40px;
        }

        .covid-btn-container {
            width: 100%;
        }
    }

    @media (max-width: 600px) {
        .covid-card-container .slick-arrow.slick-next {
            top: 95px;
            right: 0;
        }

        .covid-card-container .slick-arrow.slick-prev {
            top: 95px;
            left: 0;
        }

        .covid-card {
            margin: 0;
        }

        .covid .box-cinza {
            padding: 30px;
        }

        .covid .box-cinza li:before {
            content: unset;
        }

        .covid .box-cinza li {
            margin: 0;
        }
    }

    .covid .content__main,
    .covid .content__main__body,
    .covid .entry-title {
        width: 100%;
    }

    .kit-login .box-login {
        position: relative;
        float: none;
        margin: 0 auto;
    }

    .kit .breadcumb-kit {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
        margin-bottom: 16px;
    }

    .kit .breadcumb-kit h2 {
        width: calc("100% - 100px");
        font-size: 15px;
        box-sizing: border-box;
        color: #454545;
        padding-right: 20px;
    }

    .kit table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .kit table td,
    th {
        width: 20%;
        color: #656565;
        text-align: left;
        padding: 14px 12px;
        transition: all 0.4s ease;
    }

    .kit table th {
        color: #893492;
        font-size: 15px;
        font-weight: bold;
        border-bottom: 2px solid #ddd;
        padding: 14px 12px;
    }

    .kit table td:last-child,
    .kit table th:last-child {
        text-align: right;
    }

    .kit table td {
        font-size: 13px;
        border-top: 1px solid #ddd;
    }

    .kit table td a {
        position: relative;
        display: block;
        text-decoration: none !important;
        color: #656565 !important;
        padding: 14px 0 14px 36px;
    }

    .kit table td:first-child {
        padding: 0 12px;
    }

    .kit table th:first-child,
    .kit table td:first-child {
        text-align: left;
        width: 60%;
    }

    .kit table tbody>tr:hover td {
        background-color: #f5f5f5;
    }

    .kit .far,
    .fas,
    .fab {
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 22px;
        margin-right: 10px;
        color: #893492;
        transform: translateY(-50%);
    }

    .kit .time {
        margin-left: 10px;
    }

    .kit {
        display: block;
        color: #656565;
    }

    @media screen and (max-width: 767px) {
        .kit .box-scroll-table {
            position: relative;
            width: 100%;
            overflow-x: scroll;
        }

        .kit .box-scroll-table td,
        th {
            width: 25%;
        }

        .kit .box-scroll-table td:first-child,
        .kit .box-scroll-table th:first-child {
            width: 50%;
        }

        .kit table {
            min-width: 500px;
        }
    }

    .covid-login label,
    .covid-login strong,
    .covid-login input {
        display: block;
    }

    .covid-login strong {
        font-size: 20px;
        color: #893492;
        margin-bottom: 10px;
    }

    .covid-login input[type="text"] {
        border-radius: 5px;
        border: solid 1px #d7d7d7;
        padding: 10px;
        font-size: 1.3rem;
        width: 100%;
        outline: none;
    }

    .covid-login input[type="submit"] {
        margin-top: 10px;
        cursor: pointer;
    }

    .covid-login input+label,
    .covid-login span+label {
        margin-top: 20px;
    }

    .covid-login p {
        display: none;
    }

    .covid-error .brf-id,
    .covid-error-admissao .data-admissao,
    .covid-error-g input[type="text"] {
        border: 1px solid red !important;
    }

    .covid-error .label-id,
    .covid-error-admissao .label-admissao,
    .covid-error-g label {
        color: red;
    }

    .covid-login.covid-error p,
    .covid-login.covid-error-admissao p,
    .covid-error-g p {
        margin-top: 10px;
        margin-bottom: 0 !important;
        display: block;
        color: red;
    }

    .form-section h1 {
        margin-bottom: 20px;
    }

    .error p {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }

    .form-section .covid-login .hidden {
        display: none;
    }

    .kit .content__main__body {
        width: 100%;
    }

    /* COVID v.2 styles */

    .covid-19 .d-column {
        flex-direction: column;
        display: flex;
    }

    .covid-19 a:hover,
    .covid-19 a:focus,
    .covid-19 a:active {
        text-decoration: none;
    }

    .covid-19 .d-row {
        flex-direction: row;
        display: flex;
    }

    .covid-19 h2,
    .covid-19 a h2,
    .covid-19-modal h2 {
        font-family: "Co Bold";
        font-size: 36px;
        color: inherit;
        margin-bottom: 30px;
    }

    .covid-19 p,
    .covid-19 a p,
    .covid-19-modal {
        font-family: "Noto Sans";
        color: inherit;
        font-size: 16px;
        font-weight: normal;
    }

    .covid-19-modal,
    .covid-19-modal p {
        font-size: 18px;
        font-size: 16px;
        line-height: 32px;
    }

    .covid-19 .boxes .slick-dots,
    .covid-19 .prevencao .slider .slick-dots {
        margin-bottom: 60px;
    }

    .covid-19 .boxes .slick-dots li button,
    .covid-19 .prevencao .slider .slick-dots li button {
        -webkit-appearance: button;
        width: 18px;
        height: 18px;
        transform: scale(1);
        transition: transform 0.3s;
        background: rgba(255, 255, 255, 0.5);
    }

    .covid-19 .boxes .slick-dots .slick-active button,
    .covid-19 .prevencao .slider .slick-dots .slick-active button {
        transform: scale(1.2);
        background: rgb(255, 255, 255);
    }

    .covid-19 .container {
        justify-content: space-between;
    }

    .covid-19 .arrow-right:after {
        content: url("../images/covid/acesso-arrow.svg");
        position: absolute;
        width: 15px;
        height: 15px;
        margin-left: 5px;
    }

    .covid-19 #atalhos {
        background: #f0f4f7;
        padding: 25px 0;
        font-size: 16px;
        font-family: "Co Text";
    }

    .covid-19 #atalhos .container {
        align-items: center;
    }

    .covid-19 #atalhos .title {
        color: #3f3f3f;
        font-family: "Co Bold";
    }

    .covid-19 #atalhos .title a {
        color: inherit;
    }

    .covid-19 #atalhos .links a {
        padding: 0 10px;
        font-weight: 200;
        color: #7d7d7d;
    }

    .covid-19 #atalhos .itens-menu {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: calc(100% - 230px);
    }

    .covid-19 #atalhos .acesso-colaboradores a {
        color: #063a89;
        font-weight: bold;
        font-family: "Noto Sans";
        cursor: pointer;
    }

    .covid-19 .acesso-colaboradores #acesso-funcionario {
        font-family: "Noto Sans";
        font-size: 16px;
    }

    .acesso-colaboradores .modal-content {
        border: 2px solid #f0f4f7;
        box-sizing: border-box;
        border-radius: 24px;
        z-index: 1050;
    }

    #acesso-funcionario .campos {
        display: flex;
        flex-direction: row;
        justify-items: flex-start;
        justify-content: space-between;
    }

    #acesso-funcionario .campo-data {
        margin: 20px;
        flex: 0.85;
    }

    #acesso-funcionario .campo-id {
        flex: 1;
        margin: 20px;
    }

    .covid-19-modal .covid-login input[type="text"] {
        border-radius: 0;
        border-bottom-style: solid;
        padding: 8px;
        display: block;
        border: none;
        border-bottom: 1px solid #ccc;
        width: 100%;
    }

    .covid-19-modal #acesso-funcionario input[type="submit"] {
        background: #063a89 !important;
        color: white;
        justify-content: baseline;
        margin: 40px auto 30px;
        padding: 20px 40px;
        border-radius: 16px;
    }

    .covid-19 #atalhos .acesso-colaboradores .campos .campo-id {
        flex: 0.9;
        font-family: "Co Text";
        font-size: 16px;
        color: #063a89;
    }

    .covid-19 #atalhos .acesso-colaboradores .campos .campo-data {
        flex: initial;
        font-family: "Co Text";
        font-size: 16px;
        color: #063a89;
    }

    .covid-19 #head {
        background: linear-gradient(98.57deg, #063285 10.01%, #0d60a6 93.44%);
        background: url(../images/covid/bkg-head.png) center center no-repeat, linear-gradient(98.57deg, #063285 10.01%, #0d60a6 93.44%);
        width: 100%;
        height: 426px;
        padding: 20px 0;
    }

    /*.covid-19 #head:before {
    content: url(../../../../../brf-global-portal-wp/wp-content/themes/brf-global/assets/images/covid/bkg-head.png.html);
    position: absolute;
    width: 100%;
    height: 426px;
    right: -10%;
}*/

    .covid-19 .sticky-top {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 997;
        -webkit-box-shadow: 0px -1px 18px 2px rgba(0, 0, 0, 0.23);
        -moz-box-shadow: 0px -1px 18px 2px rgba(0, 0, 0, 0.23);
        box-shadow: 0px -1px 18px 2px rgba(0, 0, 0, 0.23);
    }

    .sticky-top:before {
        content: "";
        display: block;
        top: 0;
        position: absolute;
        width: 100%;
        height: 6px;
        background: -moz-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #a53393), color-stop(100%, #012f87));
        background: -webkit-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        background: -o-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        background: -ms-linear-gradient(45deg, #a53393 0%, #012f87 100%);
        background: linear-gradient(45deg, #a53393 0%, #012f87 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a53393', endColorstr='#012f87', GradientType=1);
    }

    /*.logged-in .sticky-top {
    top: 25px;
}*/

    .covid-19 #head .conteudo {
        color: white;
        width: 50%;
        margin-left: auto;
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-bottom: 75px;
    }

    .covid-19 #head .video {
        z-index: 5;
        z-index: 5;
        border-radius: 100%;
        overflow: hidden;
        height: 489px;
        width: 489px;
        background-image: url(../images/covid/Video-poster.jpg);
        background-size: auto 489px;
        background-size: cover;
        background-position-x: 40%;
    }

    .covid-19 #head .video img {
        height: 489px;
        margin-left: -50%;
    }

    .covid-19 #head .video video {
        margin-left: -40%;
        height: 490px;
    }

    .customVid .fancybox-content {
        width: 960px !important;
        height: 640px !important;
        max-width: none;
        max-height: none;
    }

    .customVid .fancybox-close-small {
        top: -60px;
        right: -60px;
        background: #2e2e2e;
        border-radius: 100%;
        width: 60px;
        height: 60px;
    }

    .customVid .fancybox-button svg path {
        fill: #fff !important;
        stroke: none !important;
        stroke-linejoin: round;
        stroke-width: 1 !important;
    }

    .covid-19 #proposito {
        padding: 160px 0;
        position: relative;
        z-index: 0;
    }

    .covid-19 #proposito:before {
        content: "";
        position: absolute;
        height: 125px;
        background: white;
        border-radius: 25px;
        width: 100%;
        top: -20px;
    }

    .covid-19 #proposito>div {
        align-items: center;
    }

    .covid-19 #proposito .conteudo {
        width: 50%;
        justify-content: center;
        display: flex;
        flex-direction: column;
        padding-right: 30px;
    }

    .covid-19 #proposito h2 {
        color: #0c3c87;
    }

    .covid-19 #proposito .video {
        position: relative;
    }

    .covid-19 #proposito .video img.video {
        border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        -webkit-border-radius: 15px 15px 15px 15px;
        border: 0px solid #000000;
    }

    .covid-19 #proposito .video a:before {
        content: url(../images/covid/play.svg);
        position: absolute;
        width: auto;
        /* height: 426px; */
        left: calc(50% - 60px);
        top: calc(50% - 60px);
        z-index: 4;
        transform: scale(1);
        transition: transform 0.3s;
    }

    .covid-19 #proposito .video a:hover:before {
        transform: scale(1.1);
    }

    .covid-19 #cuidados {
        background: #ededed;
        padding: 125px 0 170px;
    }

    .covid-19-modal.cuidados li {
        margin-bottom: auto;
    }

    .covid-19 #cuidados .conteudo {
        margin: 0 auto;
        width: 50%;
        text-align: center;
    }

    .covid-19 #cuidados .boxes {
        margin-top: 60px;
        justify-content: space-around;
        height: 240px;
        flex-direction: row;
        display: flex;
    }

    .covid-19 #cuidados .boxes .box {
        color: white;
        width: 230px;
        height: 230px;
        background: #063a89;
        /*box-shadow: 0px 4px 8px rgba(128, 46, 142, 0.39), 0px 4px 5px rgba(0, 0, 0, 0.1);*/
        border-radius: 24px;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding: 30px;
        justify-content: center;
        transition: all 0.2s;
        transform-origin: center;
        margin: 0 30px;
        transform: scale(1);
    }

    .covid-19 #cuidados .boxes .box:hover {
        transform: scale(1.05);
        box-shadow: 0px 4px 8px #0d60a6, 0px 4px 5px rgba(0, 0, 0, 0.1);
        border-radius: 24px;
    }

    .covid-19 #cuidados .boxes .box button {
        background-color: #063a89;
        border: none;
        width: inherit;
        padding: 0 15px;
        border-radius: 25px;
    }

    .covid-19 #cuidados .box.slick-slide img {
        display: inline-flex;
        padding-top: 20px;
    }

    .covid-19 #cuidados .boxes a {
        color: white;
        display: flex;
    }

    .covid-19 #cuidados .boxes a:hover {
        text-decoration: none;
    }

    .covid-19 #cuidados .boxes .box h2 {
        font-family: "co text";
        font-size: 32px;
        line-height: 36px;
    }

    .covid-19 #cuidados .boxes .box p {
        padding: 15px 5px 0;
        font-family: "Co text";
        font-weight: bold;
        font-size: 16px;
        line-height: 22px !important;
        max-width: 240px;
        margin: 0 auto;
    }

    .covid-19 #acoes {
        padding: 160px 20px;
    }

    .covid-19 #acoes .img-destaque {
        width: 50%;
    }

    .covid-19 #acoes .img-destaque img {
        width: 100%;
        border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        -webkit-border-radius: 15px 15px 15px 15px;
        border: 0px solid #000000;
    }

    .covid-19 #acoes .destaques {
        width: 50%;
        margin-left: auto;
        flex: 0.85;
        justify-content: center;
        font-family: "Noto Sans";
        padding-left: 50px;
        flex-direction: column;
        display: flex;
    }

    .covid-19 #acoes .destaques h2 {
        color: #063a89;
    }

    .covid-19 #acoes .noticias {
        font-size: 18px;
    }

    .covid-19 #acoes a.noticia {
        margin-bottom: 15px;
        display: block;
        color: #383838;
    }

    .covid-19 #acoes a.noticia:hover,
    .covid-19 #acoes a.noticia:hover .date {
        color: #063a89;
    }

    .covid-19 #acoes .noticias.slick-slide {
        height: auto;
    }

    .covid-19 #acoes .noticia .date {
        font-size: 12px;
        color: #a9a9a9;
        margin-bottom: 5px;
        font-weight: normal;
    }

    .covid-19 #acoes .noticia .title {
        font-size: 16px;
        line-height: 24px;
    }

    .covid-19 .slick-list.draggable {
        /* width: 450px!important; */
        width: 100%;
        margin: 0 auto;
        /* padding: 20px; */
        height: auto;
    }

    .covid-19 .boxes .slick-list.draggable {
        height: 300px;
    }

    .covid-19 .conteudo-news .slick-list.draggable {
        height: auto;
    }

    .covid-19 .slick-list .slick-track {
        padding: 20px 0;
    }

    .covid-19 .slick-arrow {
        color: #063a89;
        top: 100%;
        height: 20px !important;
        margin: 30px;
        transform: none;
        font-size: 16px;
        font-family: Noto Sans;
        line-height: 18px;
        /*width: 120px!important;*/
        width: auto !important;
        padding: 0px !important;
        transition: color 0.3s;
    }

    .covid-19 .slick-arrow.slick-disabled {
        color: #c4c4c4;
        opacity: 0.5;
        filter: alpha(opacity=50);
        /* Older than Firefox 0.9 */
        -moz-opacity: 0.5;
        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;
    }

    /*.covid-19 .slick-arrow:before {
    border: solid;
    content: "";
    padding: 5px;
    display: block;
    margin-right: 0;
    border-width: 0 3px 3px 0 !important;
    top: 0;
    transform: rotate(-45deg);
    position: absolute;
}*/

    .covid-19 .proximo.slick-arrow {
        right: 0%;
        padding-bottom: 5px !important;
        padding-right: 100px !important;
    }

    .covid-19 .anterior.slick-arrow {
        left: 0%;
        padding-bottom: 5px !important;
        padding-left: 20px !important;
    }

    .covid-19 #acoes .destaques .paginacao {
        margin: 20px auto;
    }

    .covid-19 #acoes .destaques .paginacao a {
        font-size: 18px;
        color: #063a89;
    }

    .covid-19 #acoes .destaques .paginacao a.inactive {
        color: #c4c4c4;
    }

    .covid-19 .slick-arrow:before {
        width: 16px;
        height: 16px;
        transform-origin: center;
        padding: 3px 0px;
    }

    .covid-19 #acoes .destaques .paginacao a.proximo:after,
    .covid-19 .proximo.slick-arrow:before {
        /*content: url(../../../../../brf-global-portal-wp/wp-content/themes/brf-global/assets/images/covid/arrow-blue.svg.html);*/
        content: "";
        position: absolute;
        margin-left: 10px;
        left: 100%;
        top: 0;
        border: none;
    }

    .covid-19 #acoes .destaques .paginacao a.proximo.inactive:after,
    .covid-19 .proximo.slick-arrow.slick-disabled:before {
        content: "";
        /*content: url(../../../../../brf-global-portal-wp/wp-content/themes/brf-global/assets/images/covid/arrow-grey.svg.html);*/
        transform: rotate(180deg);
    }

    .covid-19 #acoes .destaques .paginacao a.anterior:before,
    .covid-19 .anterior.slick-arrow:before {
        content: "";
        /*content: url(../../../../../brf-global-portal-wp/wp-content/themes/brf-global/assets/images/covid/arrow-blue.svg.html);*/
        position: absolute;
        border: none;
        top: 0;
        right: 100%;
        transform: rotate(180deg);
    }

    .covid-19 #acoes .destaques .paginacao a.anterior.inactive:before,
    .covid-19 .anterior.slick-arrow.slick-disabled:before {
        /*content: url(../../../../../brf-global-portal-wp/wp-content/themes/brf-global/assets/images/covid/arrow-grey.svg.html);*/
        content: "";
        transform: rotate(0deg);
    }

    .covid-19 #prevencao-sintomas {
        padding: 160px 0;
        background: linear-gradient(40.14deg, #592464 5.09%, #8c4299 100.53%);
        background: url(../images/covid/bkg-sintomas.png) center center no-repeat, linear-gradient(109.31deg, #063285 26.4%, #0d60a6 79.74%);
    }

    .covid-19 #prevencao-sintomas h2 {
        color: white;
        text-align: center;
    }

    .covid-19 #prevencao-sintomas .slider {
        justify-content: space-between;
    }

    .covid-19 #prevencao-sintomas .thumb {
        width: 344px;
        height: 344px;
        background: #ffffff;
        border-radius: 24px;
        display: flex;
        flex-direction: column;
        padding: 30px;
        justify-content: center;
        align-items: center;
        margin: 60px 20px 30px;
    }

    .covid-19 #prevencao-sintomas .thumb img {
        /*width: 180px;*/
        width: 160px;
        padding-top: 20px;
    }

    .covid-19 #prevencao-sintomas .thumb p {
        color: #000401;
        padding: 15px 5px 0;
        font-family: "Co headline";
        /*font-weight: bold;*/
        font-size: 22px;
        color: #063a89;
        width: 95%;
    }

    .covid-19 #prevencao-sintomas .sintomas {
        text-align: center;
    }

    .covid-19 #prevencao-sintomas .esquema {
        margin-top: 40px;
    }

    .covid-19 #prevencao-sintomas .esquema-mobile {
        display: none;
    }

    .covid-19 #prevencao-sintomas .esquema img {
        max-width: 100%;
    }

    .covid-19 #canais {
        margin: 140px auto;
        padding: 40px;
        background: #f0f4f7;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 24px;
        justify-content: flex-start;
        flex-direction: row;
        display: flex;
    }

    .covid-19 #canais .imagem {
        /*display: flex;*/
        align-items: center;
    }

    .covid-19 #canais .conteudo {
        width: 260px;
    }

    .covid-19 #canais .conteudo {
        margin-left: 40px;
        /*display: flex;*/
        flex-direction: column;
        justify-content: center;
        font-family: "Noto Sans";
        flex: 0.8;
    }

    .covid-19 #canais h2 {
        color: #063a89;
    }

    .covid-19 #canais .conteudo a.informacoes {
        color: #063a89;
        font-size: 16px;
        padding: 20px 0;
        font-weight: bold;
        white-space: normal;
        text-align: left;
    }

    .informacoes.dicas {
        background-color: #063a89;
        border-radius: 10px;
        color: #fff !important;
        display: inline-block;
        margin-top: 25px;
        padding: 10px;
    }

    /* Scrolling  */

    a[id="jutos"]:target~#juntos.ancora> {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    a[id="cuidados-brf"]:target~#cuidados-brf.ancora {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }

    a[id="nossas-acoes"]:target~#nossas-acoes.ancora {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
    }

    a[id="sobre-covid"]:target~#sobre-covid.ancora {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
    }

    .ancora {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /* Modal */

    .covid-19-modal .modal-dialog {
        width: 50% !important;
    }

    .acesso-colaboradores .modal-dialog {
        margin: 10% auto;
    }

    .acesso-colaboradores .modal-dialog .campos label {
        font-family: "Co text";
        color: #063a89;
    }

    .covid-19-modal h2 {
        border-bottom: 1px solid rgba(176, 176, 176, 0.53);
        padding: 0 0 30px 0;
        margin-bottom: 30px;
        color: #0c3c87;
        font-family: "co text";
        font-weight: bold;
        font-size: 32px;
        line-height: 36px;
    }

    .covid-19-modal li {
        margin-bottom: 30px;
        font-family: "Noto Sans";
        color: #383838;
        line-height: 30px;
    }

    .covid-19-modal .modal-body {
        padding: 30px 90px 60px !important;
        text-align: left;
    }

    .covid-19-modal .modal-header {
        background: none;
        border: none;
        /*padding: 30px;*/
        max-height: 100px;
        height: 45px;
    }

    .covid-19-modal button {
        padding: 30px;
        background-color: #fff !important;
        opacity: 0.5;
        padding: 0 10px;
        width: auto;
    }

    .covid-19-modal.fancybox-content {
        max-width: auto !important;
        width: 50%;
        padding: 90px;
    }

    .covid-19-modal.fancybox-content .fancybox-close-small {
        width: 75px;
        height: 75px;
        border-radius: 50%;
    }

    .covid-19-modal.fancybox-content .fancybox-close-small:after,
    .fancybox-close-small:after {
        content: "" !important;
        display: none;
    }

    .covid-19-modal.fancybox-content .fancybox-button:focus,
    .covid-19-modal.fancybox-content .fancybox-button:hover {
        color: #9d9d9d !important;
    }

    .covid-19-modal.fancybox-content .fancybox-button svg path {
        fill: #9d9d9d !important;
        stroke: none !important;
        stroke-linejoin: round;
        stroke-width: 1 !important;
    }

    /* Modal - FIM */
    /* Start state */

    .animated-modal {
        max-width: 550px;
        border-radius: 4px;
        overflow: hidden;
        transform: translateY(-50px);
        transition: all 0.7s;
    }

    .animated-modal h2,
    .animated-modal p {
        transform: translateY(-50px);
        opacity: 0;
        transition-property: transform, opacity;
        transition-duration: 0.4s;
    }

    /* Final state */

    .fancybox-slide--current .animated-modal,
    .fancybox-slide--current .animated-modal h2,
    .fancybox-slide--current .animated-modal p {
        transform: translateY(0);
        opacity: 1;
    }

    /* Reveal content with different delays */

    .fancybox-slide--current .animated-modal h2 {
        transition-delay: 0.1s;
    }

    .fancybox-slide--current .animated-modal p {
        transition-delay: 0.3s;
    }

    @media screen and (min-width: 1440px) {
        .covid-19 .container {
            max-width: 1440px;
        }
    }

    /* Extra large devices (large laptops and desktops, 1200px and up) */

    @media only screen and (max-width: 1200px) {
        .covid-19 .container {
            max-width: calc(100% - 80px);
        }

        .covid-19 #atalhos {
            font-size: 14px;
        }

        .covid-19 h2,
        .covid-19 a h2,
        .covid-19-modal h2 {
            font-size: 32px;
        }

        .covid-19 p,
        .covid-19 a p,
        .covid-19-modal {
            font-size: 16px;
        }

        .covid-19 #head {
            background-size: 100%;
            height: 400px;
        }

        .covid-19 #head .video {
            width: 420px;
            height: 420px;
        }

        .covid-19 #head .video img {
            height: 420px;
        }

        .covid-19 #proposito {
            padding: 120px 0;
        }

        .covid-19 #proposito .video {
            margin: 40px 0px 0 40px;
        }

        .covid-19 #proposito .video img {
            width: 100%;
        }

        .covid-19 #cuidados {
            padding: 115px 0 160px;
        }

        .covid-19 #cuidados .conteudo {
            width: 80%;
        }

        .covid-19 #cuidados .boxes .box {
            width: 200px;
            height: 200px;
            margin: 0 20px;
        }

        .covid-19 #cuidados .boxes .box:hover {
            width: 220px;
            height: 220px;
        }

        .covid-19 #acoes {
            padding: 140px 0px;
        }

        .covid-19 #acoes .destaques {
            padding-left: 60px;
        }

        .covid-19 .slick-arrow {
            font-size: 14px;
            margin: 20px;
            width: 110px;
        }

        .covid-19 #prevencao-sintomas {
            background-size: contain;
            padding: 140px 0;
        }

        .covid-19 #prevencao-sintomas .thumb img {
            width: 140px;
        }

        .covid-19 #prevencao-sintomas .thumb p {
            font-size: 20px;
            width: 98%;
        }

        .covid-19 #canais .conteudo {
            flex: 1;
        }
    }

    @media screen and (max-width: 1025px) {
        .covid-19 .sticky-top {
            top: 75px;
        }

        .covid-19 .d-row {
            flex-direction: column;
        }
    }

    @media screen and (min-width: 993px) and (max-width: 1024px) {
        .covid-19 #atalhos .itens-menu {
            flex-flow: column wrap;
        }

        .covid-19 #atalhos .links,
        .covid-19 #atalhos .acesso-colaboradores {
            margin-top: 20px;
        }
    }

    /* Large devices (laptops/desktops, 992px and up) */

    @media only screen and (max-width: 992px) {
        .sticky-top {
            top: auto;
        }

        .sticky-top:before {
            height: 0;
        }

        .customVid .fancybox-content {
            width: 90% !important;
            height: 320px !important;
        }

        .customVid .fancybox-close-small {
            top: -70px !important;
            right: 0;
        }

        .covid-19 .d-row {
            flex-direction: column;
        }

        .covid-19 h2,
        .covid-19 a h2,
        .covid-19-modal h2 {
            font-size: 28px;
        }

        .covid-19 #atalhos {
            font-size: 16px;
        }

        .covid-19 #atalhos .title {
            padding-bottom: 20px;
            font-size: 20px;
        }

        .covid-19 #atalhos .title:after {
            background: url(../images/covid/menu-arrow.svg) no-repeat center;
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 15px;
            height: 10px;
            margin-left: 5px;
            right: 0;
        }

        .covid-19 #atalhos .title.active:after {
            transform: rotate(180deg);
            transform-origin: center;
        }

        .covid-19 #atalhos .title.active+.itens-menu {
            display: flex;
            width: 100%;
            padding-bottom: 0;
        }

        .covid-19 #atalhos .itens-menu {
            display: none;
            border-top: 1px solid rgba(125, 125, 125, 0.5);
            padding-top: 20px;
        }

        .covid-19 #atalhos .title:active,
        .covid-19 #atalhos .title:focus {
            display: block;
        }

        .covid-19 #atalhos .links {
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;
        }

        .covid-19 #atalhos .links a {
            padding: 10px 0;
            font-size: 16px;
        }

        .covid-19 #atalhos .acesso-colaboradores {
            width: 100%;
            margin-bottom: 30px;
        }

        .covid-19 #atalhos .acesso-colaboradores a {
            display: table;
        }

        .covid-19 #atalhos .acesso-colaboradores a+a {
            margin-top: 20px;
        }

        .covid-19 #atalhos .links,
        .covid-19 #atalhos .acesso-colaboradores {
            margin-top: 0;
        }

        .covid-19-modal .modal-dialog {
            width: 80% !important;
            margin: 20% auto;
        }

        .covid-19 #head {
            padding: 40px;
            height: 300px;
        }

        .covid-19 #head .video {
            display: none;
        }

        .covid-19 #head .conteudo {
            width: 100%;
            padding: 30px;
            margin-bottom: 50px;
        }

        .covid-19 #proposito .conteudo {
            width: 100%;
        }

        .covid-19 #proposito .video {
            margin: 20px 0 !important;
        }

        .covid-19 #cuidados .boxes {
            display: block;
            flex-direction: column;
            height: auto;
            margin-top: 20px;
        }

        .covid-19 .slick-list.draggable {
            height: auto;
        }

        .covid-19 #cuidados,
        .covid-19 #acoes {
            padding: 100px 0;
        }

        .covid-19 #acoes .img-destaque {
            display: none;
        }

        .covid-19 #acoes .destaques {
            display: block;
            width: 100%;
            flex: 1;
            padding: 0 20px !important;
        }

        .covid-19 #acoes .d-row {
            display: block;
        }

        .covid-19 #prevencao-sintomas {
            padding: 120px 0;
        }

        .covid-19 #canais {
            margin: 100px auto;
            flex-direction: column;
        }

        .covid-19 #canais .imagem {
            text-align: center;
        }

        .covid-19 #canais .imagem img {
            height: 130px;
        }

        .covid-19 #canais .conteudo {
            width: 100%;
            margin-left: 0;
        }
    }

    /* Medium devices (landscape tablets, 768px and up) */

    @media only screen and (max-width: 768px) {
        .covid-19 #head {
            height: auto;
        }

        .covid-19 #head .conteudo {
            height: auto;
        }

        .covid-19 #head .conteudo {
            padding: 0;
        }

        .covid-19 .sticky-top {
            top: auto;
            top: 75px;
            z-index: 150;
        }

        .covid-19 #proposito,
        .covid-19 #cuidados,
        .covid-19 #acoes,
        .covid-19 #prevencao-sintomas {
            padding: 40px 0;
        }

        .covid-19 #acoes .slick-arrow {
            bottom: -20px;
            top: auto;
        }

        .covid-19 .anterior.slick-arrow {
            padding-left: 0 !important;
        }

        .covid-19 .proximo.slick-arrow {
            padding-right: 0 !important;
        }

        .covid-19 #prevencao-sintomas .esquema {
            display: none;
        }

        .covid-19 #prevencao-sintomas .esquema-mobile {
            display: block;
        }

        .covid-19 #prevencao-sintomas .thumb {
            height: auto;
            min-height: 344px;
            margin-top: 0;
        }

        .covid-19-modal.acesso-colaboradores .modal-body {
            padding: 20px 60px !important;
        }

        .covid-19-modal.acesso-colaboradores .covid-login input {
            margin-bottom: 30px;
        }

        #acesso-funcionario .campos {
            flex-direction: column;
        }

        .covid-19-modal .modal-header {
            height: auto;
        }

        .covid-19-modal .modal-body {
            padding: 30px 40px 30px 30px !important;
        }

        .covid-19-modal .modal-dialog {
            width: 100% !important;
        }

        .covid-19-modalacesso-colaboradores .modal-dialog {
            width: 75% !important;
            margin: 15% auto;
        }

        .covid-19 #proposito .video a:before {
            transform: scale(0.4);
        }

        .covid-19 #proposito .video a:hover:before {
            transform: scale(0.5);
        }

        .covid-19 #cuidados .boxes .box {
            height: auto;
            min-height: 200px;
        }
    }

    /**** COVID - 3A VERSAO  ****/

    .covid-19 h2,
    .covid-19 a h2,
    .covid-19-modal h2 {
        margin-bottom: 20px;
    }

    .covid-19 a.informacoes {
        font-family: "Noto Sans";
        color: #0c3c87;
        font-size: 18px;
        font-weight: bold;
    }

    #banner-top {
        background: #e3dfd6;
        height: 586px;
        height: 505px;
    }

    #banner-top:after {
        content: "";
        top: 80px;
        position: relative;
        z-index: 10;
        /* content: url(../images/covid3/banner-ilustra.png); */
        background: url(../images/covid3/banner-ilustra.png) no-repeat;
        background: url(../images/covid3/banner-header.svg) no-repeat;
        display: flex;
        width: 100%;
        height: 1059px;
        background-position: top center;
    }

    #banner-top .conteudo {
        width: 50%;
        margin: 50px 35%;
        position: absolute;
        z-index: 40;
    }

    /*
#banner-top .container:before {
    top: 453px;
    background: #d2232a;
    content: "";
    height: 248px;
    width: 100%;
    display: flex;
    position: absolute;
    right: -50%;
    z-index: 2;
}
*/

    #banner-top h2 {
        color: #d2232a;
        margin-bottom: 10px;
    }

    #juntos-proposito {
        background: #e3dfd6;
        padding: 160px 0 80px;
    }

    #juntos-proposito .container {
        z-index: 10;
    }

    .covid-19 #juntos-proposito .conteudo {
        width: 80%;
    }

    .covid-19 #juntos-proposito .video {
        position: relative;
        margin-right: 120px;
        overflow: hidden;
        border-radius: 20px;
    }

    .covid-19 #juntos-proposito .video a:before {
        content: url(../images/covid/play.svg);
        position: absolute;
        width: auto;
        left: calc(50% - 60px);
        top: calc(50% - 60px);
        z-index: 4;
        transform: scale(1);
    }

    #juntos-proposito .video img {
        width: 100%;
    }

    #doacoes {
        padding: 60px 0 120px;
        background: #f1efeb;
        position: relative;
        z-index: 20;
    }

    #doacoes .container {
        align-items: center;
    }

    #doacoes .container .conteudo p {
        font-size: 14px;
        line-height: 25px;
    }

    .doacoes-mundi .conteudo {
        width: 50%;
    }

    #doacoes .contador {
        background: rgba(255, 255, 255, 0.7);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
        border-radius: 24px;
        color: #0c3c87;
        padding: 30px 60px;
        width: 60%;
        display: inline-block;
        margin: 20px 0;
        text-align: center;
    }

    #doacoes .contador.desktop.mapaCovid {
        width: 80%;
    }

    #doacoes .contador.desktop {
        display: block;
    }

    #doacoes.doacoes-mundi .contador.desktop {
        width: 40%;
    }

    #doacoes .contador.mobile {
        display: none;
    }

    #doações .contador.mapaCovid {
        width: 80%;
    }

    #doacoes .color-black {
        color: #000;
        font-size: 36px !important;
        vertical-align: baseline;
        padding: 0 8px;
        font-weight: bold;
    }

    #doacoes .contador span {
        font-size: 16px;
        font-family: "noto sans";
        font-weight: normal;
    }

    #doacoes .contador #odometer {
        padding: 20px 0 0;
        font-family: Co Bold;
        font-size: 54px !important;
    }

    #doacoes .contador #odometer span {
        font-family: Co Bold;
        font-size: 54px !important;
    }

    #doacoes svg a.regiao {
        opacity: 0.9;
        transform: scale(0.95);
        transition: 100ms all;
    }

    #doacoes svg a.regiao:hover {
        opacity: 1;
        transform: scale(1);
    }

    .direita.modal.fade .modal-dialog {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .direita.modal.fade.in .modal-dialog {
        transform: scale3d(1, 1, 1) translate3d(0, 0px, 0);
        opacity: 1;
    }

    .direita .modal-content {
        border-radius: 30px;
    }

    .direita .modal-header {
        /*height: auto;*/
    }

    /*.cuidados.modal .modal-dialog {
    margin: 10% auto;
    width: 45%;
}*/

    .cuidados.modal .modal-dialog {
        margin: 7% auto;
        width: 55% !important;
    }

    .cuidados.modal h2 {
        color: #97288f;
    }

    .qtd-doacoes .slick-track {
        display: flex;
    }

    #doacoes .qtd-doacoes .doacao {
        background: #f1efeb;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 24px;
        height: auto;
        padding: 10px 20px 20px;
        /* max-width: 270px; */
        min-height: 280px;
        margin: 10px;
    }

    #doacoes .qtd-doacoes .doacao h3 {
        font-family: "Co bold";
        font-size: 18px;
    }

    #doacoes .qtd-doacoes .doacao p {
        font-family: "Co text";
        font-size: 14px;
        line-height: 25px;
    }

    #doacoes .qtd-doacoes .slick-slide {
        /*height: auto;*/
    }

    .covid-19 #doacoes .slick-arrow {
        font-size: 20px;
    }

    .covid-19 #doacoes button.anterior.slick-arrow {
        left: 45% !important;
        padding: 0 !important;
    }

    .covid-19 #doacoes button.proximo.slick-arrow {
        right: 45% !important;
        padding: 0 !important;
    }

    .covid-19 #doacoes .slick-arrow.slick-disabled {
        opacity: 0.5;
    }

    #cuidados-redobrados {
        padding: 90px 0;
        overflow: hidden;
    }

    #cuidados-redobrados .conteudo {
        width: 50%;
        z-index: 10;
    }

    #cuidados-redobrados .cuidados {
        width: 100%;
    }

    #cuidados-redobrados .cuidados a {
        padding: 20px;
        margin: 5px;
        font-size: 16px;
        margin: 5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 240px;
        width: 47%;
        height: 90px;
        background: #ffffff;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        border-radius: 24px;
        text-align: center;
        font-family: Co bold;
        font-size: 16px;
        line-height: 18px;
        color: #383838;
    }

    #cuidados-redobrados .cuidados a.linkHighlight {
        background-color: #063a89;
        color: #fff;
    }

    #cuidados-redobrados .cuidados a:hover {
        color: #ffffff;
        background: #9a258f;
    }

    #cuidados-redobrados .imagem {
        width: 50%;
    }

    #cuidados-redobrados .imagem:after {
        content: "";
        top: -256px;
        left: 18%;
        position: absolute;
        display: block;
        width: 100%;
        height: 500px;
        z-index: 0;
        content: url(../images/covid3/ilustra-cuidados.svg);
    }

    .covid-19-modal.modal.instituicoes .modal-dialog {
        width: 80% !important;
    }

    /*** Tabela  Instituições beneficiadas ****/

    .modal.instituicoes table tr {
        border: 1px solid rgba(213, 213, 213, 0.33);
        display: flex;
        align-items: center;
    }

    .modal.instituicoes thead,
    .modal.instituicoes tbody {
        display: block;
    }

    .modal.instituicoes tbody {
        overflow-y: auto;
        height: 450px;
    }

    .modal.instituicoes table thead tr {
        color: #0c3c87;
        text-transform: capitalize;
        font-weight: bold;
    }

    .modal.instituicoes table thead tr {
        color: #fff;
        text-transform: capitalize;
        font-weight: bold;
        background: #0c3c87;
    }

    .modal.instituicoes table thead tr td {
        color: #fff !important;
        line-height: normal;
    }

    .modal.instituicoes table tr:nth-child(even) {
        background: rgba(12, 60, 135, 0.08);
    }

    .modal.instituicoes table tr td {
        padding: 10px;
        text-align: center;
        flex: 1;
    }

    .modal.instituicoes tr td:first-child {
        flex: 2;
    }

    .modal.instituicoes tr td:last-child {
        flex: 0.5;
    }

    .modal.instituicoes table tr td:first-child {
        text-align: left;
        color: #0c3c87;
        text-transform: capitalize;
        font-weight: bold;
    }

    .modal.instituicoes .buscaTabela {
        margin: 20px 0;
        display: flex;
        position: relative;
    }

    .modal.instituicoes .buscaTabela input {
        flex: 1;
        padding: 10px 40px;
        border-radius: 24px;
    }

    .modal.instituicoes .buscaTabela .glyphicon {
        position: absolute;
        padding: 20px 10px;
    }

    #ModalInternacionais li {
        margin-bottom: 20px !important;
        font-size: 16px;
        line-height: 32px !important;
        font-family: "Noto Sans";
        color: #383838;
    }

    #ModalInternacionais ul {
        list-style-type: none;
    }

    /*** Tabela  Instituições beneficiadas - FIM ****/

    .covid-19 #duvidas-covid {
        padding: 150px 0 0;
        /* background: #f1efeb; */
        overflow: hidden;
        position: relative;
    }

    .covid-19 #duvidas-covid .conteudo {
        width: 50%;
    }

    #duvidas-covid:before {
        /* position: relative; */
        content: "";
        position: absolute;
        background: #f1efeb;
        width: 150%;
        height: 200%;
        overflow: hidden;
        background-position: top;
        top: 0px;
        /* right: -5%; */
        /* bottom: 200px; */
        border-radius: 0 100% 0 0%;
    }

    .covid-19 #duvidas-covid .slider {
        justify-content: space-between;
    }

    .covid-19 #duvidas-covid .thumb {
        width: 196px;
        height: 225px;
        background: #ffffff;
        border-radius: 24px;
        display: flex !important;
        flex-direction: column;
        text-align: center;
        padding: 15px;
        justify-content: center;
        align-items: center;
        /*margin: 60px 20px 30px;*/
    }

    .covid-19 #duvidas-covid .thumb img {
        /*width: 180px;*/
        width: 94px;
        /*padding-top: 20px;*/
    }

    .covid-19 #duvidas-covid .thumb p {
        padding: 5px 5px 0;
        font-family: "Co headline";
        /*font-weight: bold;*/
        font-size: 16px;
        line-height: 20px;
        color: #063a89;
        width: 95%;
    }

    .covid-19 #duvidas-covid .slick-slide {
        padding: 8px;
        margin: 6px;
    }

    .covid-19 .slick-arrow {
        font-size: 0;
    }

    .covid-19 #duvidas-covid .slick-arrow {
        padding: 8px;
        background: white;
        font-size: 0;
        top: 50%;
        margin: auto;
    }

    .covid-19 #duvidas-covid .slick-arrow:before {
        position: absolute;
        content: "";
        content: url(../images/covid3/arrow-next.svg);
        padding: 5px;
        display: block;
        margin-right: 15px;
        top: 50%;
        border: 0;
        background: #fff;
        width: 38px;
        height: 38px;
        border-radius: 50%;
    }

    .covid-19 #duvidas-covid .slick-next:before {
        transform: rotate(0deg);
    }

    .covid-19 #duvidas-covid .slick-prev:before {
        transform: rotate(180deg);
    }

    .covid-19 #outras-duvidas {
        padding: 30px 0 300px;
        background: #f1efeb;
    }

    /* Collapse duvidas */

    #outras-duvidas .panel-group {
        width: 100%;
    }

    .panel-group .panel {
        margin-bottom: 20px;
        /* border-radius: 4px; */
        background: #ffffff;
        border: 4px solid #f1efeb;
        box-sizing: border-box;
        border-radius: 24px;
    }

    .covid-19 .panel-group .panel {
        border-color: #fff;
    }

    .panel-default>.panel-heading {
        background: none;
        color: #0c3c87;
        padding: 30px 60px;
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        font-family: "Noto Sans";
        font-weight: normal;
        color: inherit;
        font-size: 18px;
        border-top-color: #ddd;
        font-size: 18px;
        line-height: 24px;
        padding: 30px 110px 30px 60px;
        /* font-family: Noto sans-serif; */
    }

    .panel-body li {
        margin-left: 15px;
    }

    .panel-group .panel-title>a,
    .panel-group .panel-title>a:active {
        display: block;
        font-family: Co Bold;
        font-size: 20px;
        line-height: 40px;
        text-decoration: none;
    }

    .panel-heading a:before {
        font-family: "Glyphicons Halflings";
        content: "\e260";
        float: right;
        transition: all 0.5s;
    }

    .panel-heading a.collapsed:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .covid-19 #ministerio {
        margin: -250px auto 0;
    }

    .covid-19 #ministerio .conteudo {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 24px;
        background: #fff;
        padding: 50px 70px;
        width: 75%;
        position: relative;
        z-index: 14;
        margin-left: auto;
    }

    .covid-19 #ministerio .conteudo h2 {
        color: #063a89;
    }

    .covid-19 #ministerio span {
        top: 2px;
    }

    .covid-19 a.informacoes {
        font-size: 16px;
    }

    .covid-19 #ministerio .imagem {
        position: absolute;
        z-index: 0;
        width: 100%;
        /* left: -35%;
    top: -93%;*/
    }

    .covid-19 #ministerio .imagem:after {
        content: "";
        bottom: 236px;
        left: -45%;
        position: relative;
        display: block;
        z-index: 0;
        content: url(../images/covid3/ilustra-cel.svg);
        z-index: 998;
        transform: scale(0.85);
    }

    .covid-19 #videos-noticias {
        padding: 100px 0;
    }

    .covid-19 #videos-noticias #acoes {
        /*margin: 0px 20px;*/
        padding: 0;
        width: 50%;
    }

    .covid-19 #videos-noticias #acoes .noticia .img-noticia {
        width: 160px;
        height: 160px;
        overflow: hidden;
        display: block;
        margin-right: 30px;
        border-radius: 24px;
    }

    .covid-19 #videos-noticias #acoes .noticia .img-noticia img {
        height: 100%;
        transform: translate(-35px, 0);
    }

    .covid-19 #videos-noticias #acoes a.noticia {
        margin-bottom: 15px;
        display: flex;
        align-items: flex-end;
    }

    .covid-19 #videos-noticias #acoes .noticia .info {
        margin-bottom: 10px;
        flex-direction: column-reverse;
        display: flex;
        flex: 1;
    }

    .covid-19 #acoes .noticia .title {
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
    }

    .covid-19 #acoes .slick-arrow {
        font-size: 14px;
        font-weight: normal;
    }

    .covid-19 #acoes .slick-arrow.slick-disabled {
        opacity: 0.5;
    }

    .covid-19 #videos-noticias #acoes .noticia .info .date {
        margin: 8px 0;
    }

    .covid-19 #videos-noticias #acoes .destaques {
        width: 100%;
        font-family: "Noto Sans";
        padding-left: 0;
        flex-direction: column;
        display: flex;
        flex: 1;
        margin: 0;
    }

    .covid-19 #videos-noticias #acoes .destaques .slick-slide {
        padding: 0 30px 0 0;
    }

    .covid-19 #videos-noticias #videos {
        width: 50%;
        /*margin: 0 20px;*/
    }

    .covid-19 #videos-noticias #videos h2 {
        font-size: 24px;
    }

    .covid-19 #videos-noticias #videos .depoimentos {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 24px;
        background: #fff;
        padding: 20px 40px;
    }

    .covid-19 #videos-noticias #videos .colaborador {
        width: 110px !important;
        height: 110px;
        margin: 0 4px;
        display: flex !important;
    }

    .colaborador img {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        position: relative;
        margin: 9px 16px;
    }

    .colaborador svg {
        fill: none;
        stroke: #0065ff;
        stroke-width: 5px;
        stroke-dasharray: 10;
        stroke-dashoffset: 0;
        stroke-linecap: round;
        transform: translate(0px, -100px);
    }

    .colaborador svg:hover {
        animation: loading 3000ms ease-in-out infinite alternate;
    }

    @keyframes loading {
        100% {
            stroke: #4d318d;
            stroke-dasharray: 20;
            transform: rotate(360deg) translate(0, -100px);
        }
    }

    .video-proposito .fancybox-content,
    .horizontal .fancybox-content {
        width: 60% !important;
        height: auto !important;
    }

    .vertical .fancybox-content {
        width: auto !important;
        height: 65% !important;
    }

    .video-galeria .fancybox-content {
        width: auto !important;
        height: 85% !important;
    }

    .video-proposito .fancybox-close-small,
    .video-depoimento .fancybox-close-small,
    .video-galeria .fancybox-close-small {
        top: -60px;
        right: -60px;
        background: #2e2e2e;
        border-radius: 100%;
        width: 60px;
        height: 60px;
    }

    .video-proposito .fancybox-button svg path,
    .video-depoimento .fancybox-button svg path,
    .video-galeria .fancybox-button svg path {
        fill: #fff !important;
        stroke: none !important;
        stroke-linejoin: round;
        stroke-width: 1 !important;
    }

    .covid-19 #videos .slick-slide {
        height: auto;
    }

    .covid-19 .slick-list .slick-track {
        padding: 0;
    }

    .covid-19 #videos .slick-arrow {
        top: 15px;
        margin: 0;
        transform: scale(0.85);
    }

    .covid-19 #videos .destaqueBottom .slick-arrow {
        top: 75px;
    }

    .covid-19 .destaqueBottom p {
        padding-right: 25px;
    }

    .covid-19 #videos .slick-arrow:before {
        position: absolute;
        content: "";
        content: url(../images/covid3/arrow-next.svg);
        padding: 5px;
        display: block;
        margin-right: 15px;
        top: 50%;
        border: 0;
        background: #fff;
        width: 38px;
        height: 38px;
        border-radius: 50%;
    }

    .covid-19 #videos .slick-arrow:before {
        position: absolute;
        content: "";
        content: url(../images/covid3/arrow-next.svg);
        padding: 5px;
        display: block;
        top: 50%;
        border: 0;
        background: #f1efeb;
    }

    .covid-19 .nos {
        display: flex !important;
    }

    .covid-19 .nos .imageDiv .destaqueImage {
        float: left;
        width: 140px;
        height: auto;
    }

    .covid-19 .nos .imageDiv {
        width: 40%;
    }

    @media (max-width: 678px) {
        .covid-19 .nos .imageDiv {
            display: none;
        }
    }

    .covid-19 #videos .slick-next {
        right: 0;
    }

    .covid-19 #videos .slick-prev {
        left: -34px;
    }

    .covid-19 #videos .slick-next:before {
        transform: rotate(0deg);
    }

    .covid-19 #videos .slick-prev:before {
        transform: rotate(180deg);
    }

    .covid-19 #videos-noticias #videos .galeria {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        background: #fff;
        padding: 10px 40px 40px;
        margin: 30px 0;
        border-radius: 24px;
    }

    .covid-19 #videos-noticias #videos .galeria .video {
        width: 250px !important;
        height: 179px;
        display: block;
        /*padding: 0 10px;*/
        margin: 5px;
        position: relative;
    }

    .covid-19 #videos .galeria .video .video-thumb {
        overflow: hidden;
        border-radius: 24px;
        height: 179px;
        display: flex;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .covid-19 #videos-noticias #videos .galeria .video-thumb img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0;
        position: absolute;
    }

    .covid-19 #videos .galeria .video a:before {
        content: url(../images/covid/play.svg);
        position: absolute;
        width: auto;
        left: calc(50% - 60px);
        top: calc(50% - 60px);
        z-index: 4;
        transform: scale(0.6);
    }

    .covid-19 #videos-noticias #videos .galeria .slick-list.draggable {
        margin: 0 10px;
    }

    .covid-19 .slider-galeria .slick-list.draggable:after,
    .covid-19 .depoimentos .slick-list.draggable:after {
        right: 0;
        content: "";
        width: 45px;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 70%);
        z-index: 20;
    }

    .covid-19 #videos .slider-galeria .slick-arrow {
        top: 55px;
    }

    .covid-19 #videos-noticias #videos .eco {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 24px;
        background: #fff;
        padding: 20px 40px 50px;
    }

    .btn.btn--purple.btn--border-radius.covid-mandarim-btn {
        margin-right: 20px;
        font-size: 1em;
        padding: 8px 20px;
        border-color: #063a89;
        color: #063a89;
        font-family: noto Sans;
    }

    .btn.btn--purple.btn--border-radius.covid-mandarim-btn-mobile {
        margin-right: 0px;
        font-size: 0.8em;
        padding: 8px 10px;
        border-color: #063a89;
        color: #063a89;
        font-family: noto Sans;
        position: absolute;
        right: 5px;
        display: none;
    }

    #TabelaModalMapa thead tr {
        color: #fff;
        text-transform: capitalize;
        font-weight: bold;
        background: #0c3c87;
        text-align: center;
        font-size: 12px;
    }

    #TabelaModalMapa tbody td {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }

    #TabelaModalMapa tr:nth-child(even) {
        background: rgba(12, 60, 135, 0.08);
    }

    .mapa.modal .modal-dialog {
        margin: 2% auto;
        width: 80% !important;
    }

    .mapa-mundi {
        margin-top: 30px;
        text-align: center;
    }

    .mapa-mundi img {
        width: 60%;
        margin: 0 auto;
        transition: all 0.3s;
    }

    .mapa-mundi img:hover {
        transform: scale(1.05);
    }

    #dvMap {
        width: 100%;
        height: 700px;
        position: relative;
        overflow: hidden;
    }

    .covid-19 .acoes-taticas {
        padding-top: 100px;
    }

    .covid-19 .taticas {
        margin-top: 30px;
    }

    .covid-19 .taticas .acao {
        background-color: #f1efeb;
        width: 25%;
    }

    .covid-19 .taticas .acao:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .covid-19 .taticas .acao-header {
        background-color: #fff;
        text-align: center;
    }

    .covid-19 .taticas img {
        border: 5px solid #ec6624;
        border-radius: 50%;
        margin: 0 auto;
        width: 150px;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    @keyframes flash {
        0% {
            opacity: 0.6;
        }

        100% {
            opacity: 1;
        }
    }

    .covid-19 .taticas h3 {
        font-size: 30px;
        font-weight: bold;
        padding-bottom: 0;
        margin-bottom: 0;
        min-height: 83px;
    }

    .covid-19 .taticas .acao--gente h3 {
        color: #e7b520;
    }

    .covid-19 .taticas .acao--saude h3 {
        color: #e59411;
    }

    .covid-19 .taticas .acao--testagem h3 {
        color: #ca592d;
    }

    .covid-19 .taticas .acao--operacoes h3 {
        color: #ac302e;
    }

    .covid-19 .taticas ul {
        padding: 20px 30px;
    }

    .covid-19 .taticas li {
        font-size: 12px;
        list-style: none outside none;
    }

    .covid-19 .taticas li+li:before {
        background-color: #ec6624;
        border-radius: 10px;
        content: "";
        display: block;
        height: 5px;
        width: 30px;
    }

    .subdivisionFAQ h3 {
        text-align: center;
        padding: 20px;
        color: #005aa6;
    }

    .containerFAQ .panel-group .panel-title>a,
    .panel-group .panel-title>a:active {
        display: block;
        font-family: "Co Bold";
        text-decoration: none;
    }

    .containerFAQ .panel-group .panel-title>a {
        font-size: 16px;
        line-height: 1.1;
    }

    .containerFAQ .panel-default>.panel-heading+.panel-collapse>.panel-body {
        font-size: 14px;
        font-family: inherit;
    }

    .page-template-template-level-2-orfa .containerFAQ {
        padding: 0 20px;
    }

    .page-template-template-level-2-orfa .wrapper {
        display: block;
        /*flex-direction: column;*/
        width: 100%;
        margin: 10px 0;
    }

    .page-template-template-level-2-orfa .panel-default>.panel-heading {
        padding: 10px 20px;
    }

    .page-template-template-level-2-orfa .panel-default>.panel-heading+.panel-collapse>.panel-body {
        padding: 20px 30px;
    }

    .page-template-template-level-2-orfa .panel-group .panel {
        border: 2px solid #f1efeb;
        border-radius: 14px;
    }

    .titlemap {
        position: relative;
    }

    .disclaimer {
        font-size: 10px !important;
    }

    /**** Nova identidade ****/

    .mr-5,
    .mx-5 {
        margin-right: 3rem !important;
    }

    .float-left {
        float: left;
    }

    .pb-3,
    .py-3 {
        padding-bottom: 1rem !important;
    }

    .pt-3,
    .py-3 {
        padding-top: 1rem !important;
    }

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

    /**** Nova identidade - FIM ****/
    /* portal do fornecedor */

    .portaldofornecedor p {
        font-size: 1.5rem;
    }

    .port
    /* flipbook */

    .hidden-button {
        position: absolute;
        bottom: 14.2%;
        left: 18%;
        width: 9vw;
        padding: 1vw;
        background-color: Transparent;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        overflow: hidden;
        outline: none;
    }

    .wrapper {
        align-items: center;
        display: flex;
        height: 90%;
        justify-content: center;
        margin: 5%;
        width: 90%;
    }

    .aspect {
        padding-bottom: 70%;
        position: relative;
        width: 100%;
    }

    .aspect-inner {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .flipbook {
        height: 100%;
        transition: margin-left 0.25s ease-out;
        width: 100%;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .flipbook .page {
        height: 100%;
        width: 100%;
    }

    .flipbook .page img {
        max-width: 100%;
        height: 100%;
    }

    /*fim flipbook */

    .font-sustentabilidae p {
        font-family: "Noto Sans Light" !important;
        font-size: 18px;
        line-height: 26px;
    }

    /* net zero*/

    .netzero .category__header h1 {
        display: none;
    }

    .netzero .category__header {
        background-image: url(../images/headerNETZERO.jpg) !important;
    }

    .netzero .panel-default>.panel-heading+.panel-collapse>.panel-body {
        font-family: inherit;
        font-weight: normal;
        color: inherit;
        font-size: 18px;
        border-top-color: #ddd;
        font-size: inherit;
        padding: 20px 40px;
    }

    .netzero .panel-default>.panel-heading {
        background: none;
        padding: 20px 30px;
    }

    .netzero .panel-default>.panel-heading:hover {
        background: #f7f7f7;
    }

    .page-template-template-level-2 .netzero .panel-default>.panel-heading a {
        font-weight: 600;
    }

    .netzero .panel-default>.panel-heading a:hover,
    .netzero .panel-default>.panel-heading a:focus {
        text-decoration: none;
    }

    .netzero .panel.panel-default {
        border-radius: 30px;
        overflow: hidden;
    }

    .netzero a:not(.btn):not(.button):not(.panel-title a) {
        color: #0767b1;
    }

    .netzero #collapseTwo .panel-body table tr:first-of-type {
        background: #f7f7f7;
    }

    .netzero #collapseTwo .panel-body table tr {
        border: 1px solid #ddd;
    }

    .netzero #collapseTwo .panel-body table tr td {
        padding: 5px 10px;
    }

    .netzero .quadro {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .netzero .quadro .item {
        width: 50%;
        float: left;
        text-align: center;
    }

    .netzero .quadro .icone {
        width: 85px;
    }

    /*fim net zero*/
    /* pág Nossas marcas */

    .section-boxes-text {
        padding: 0px;
        position: relative;
    }

    .section-boxes-text::before {
        content: "";
        position: absolute;
        background-image: url("../images/bg_page_nossas_marcas.png");
        background-size: 100%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
    }

    .section-boxes-text::after {
        content: "";
        position: absolute;
        background-image: url("../images/bg_circulo-esq.svg");
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        top: -80px;
        height: 200%;
        width: 100%;
        z-index: -1;
    }

    .section-boxes-text .d-flex {
        display: flex;
    }

    .section-boxes-text .row {
        display: flex;
        flex-wrap: wrap;
    }

    .section-boxes-text .header-box img {
        width: 100%;
        height: 140px;
        object-fit: cover;
        max-width: 100%;
        border-radius: 20px 20px 0px 0px;
    }

    .section-boxes-text .content-brands {
        background: #fff;
        border-radius: 20px;
        border: 1px solid #00000011;
        border-bottom: 8px solid #d12429;
        margin-bottom: 40px;
    }

    .section-boxes-text .content-box {
        padding: 0px 20px 20px;
    }

    .section-boxes-text .content-box .text-box {
        margin-top: 20px;
    }

    .section-boxes-text .content-box .text-box h3 {
        color: #e31f26;
        font-weight: bold;
        margin: 0px 0px 20px 0px;
        font-size: 20px;
        font-family: "Co Bold";
    }

    .section-boxes-text .content-box .text-box p {
        color: #000;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.3;
        font-family: "Co Text";
    }

    .section-boxes-text .content-box .text-box a {
        color: #e31f26;
        font-size: 1.6em;
        line-height: 1.2;
        text-decoration: underline;
    }

    /* seção nossas marcas com filtro por região */

    .section-main-brands {
        padding: 40px 0px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .section-main-brands .text_mobile {
        display: none;
    }

    .section-main-brands::after {
        content: "";
        position: absolute;
        background-image: url("../images/bg_circulo-dir.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        top: 300px;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        left: auto;
    }

    .section-main-brands .d-none {
        display: none;
    }

    .section-main-brands .title-section {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-main-brands .title-section h2 {
        color: #e21f26;
        font-family: "Co Bold";
        margin-bottom: 60px;
    }

    .section-main-brands .text-filter-region.text_mobile {
        display: none;
    }

    .section-main-brands .text-filter-region {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 30px 0px;
    }

    .section-main-brands .text-filter-region p {
        color: #e21f26;
        font-size: 18px;
        font-family: "Co Text";
    }

    .container_brands {
        visibility: hidden;
        height: 300px;
    }

    .section-main-brands .content-region {
        margin-bottom: 40px;
        position: relative;
        width: 100%;
    }

    .section-main-brands .filter-region {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
    }

    .section-main-brands .filter-region .box-filter {
        background-color: #fff;
        padding: 10px 20px;
        border-radius: 20px;
        border: 1px solid #00000014;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: 180px;
        min-width: 175px;
        cursor: pointer;
        transition: 400ms;
    }

    .section-main-brands .filter-region .box-filter.active {
        transition: 400ms;
        border: 2px solid #e21f26;
        border-bottom: 8px solid #e21f26;
        transform: translateY(-10px);
    }

    .section-main-brands .filter-region .box-filter:hover {
        transition: 400ms;
        border: 2px solid #e21f26;
        border-bottom: 8px solid #e21f26;
        transform: translateY(-10px);
    }

    .section-main-brands .filter-region .box-filter .icon_region img {
        width: 130px;
    }

    .section-main-brands .filter-region .box-filter h4 {
        margin: 0;
        font-family: "Co Bold";
    }

    .section-main-brands .content-region .title-region {
        color: #e21f26;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .section-main-brands .content-region .slide_brands .content-post-brands {
        position: relative;
        padding: 20px;
        background: #fff;
        max-width: 90%;
        border-radius: 10px;
        min-height: 190px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        border: 1px solid #00000014;
        border-bottom: 4px solid #e21f26;
        margin: 20px 0;
        transition: 400ms;
    }

    .section-main-brands .content-region .slide_brands .content-post-brands:hover {
        transform: translateY(-10px);
        transition: 400ms;
        border-bottom: 6px solid #e21f26;
    }

    .section-main-brands .content-region .slide_brands .content-post-brands img {
        width: 120px;
        min-height: 100px;
        object-fit: contain;
    }

    .section-main-brands .content-region .slide_brands .content-post-brands .post_link a {
        font-size: 14px;
        text-decoration: underline;
        color: #ec6624;
        font-family: "Co Text", sans-serif;
    }

    .section-main-brands .content-region .slide_brands .slick-arrow {
        background-color: #fff;
        width: 30px;
        height: 30px;
        top: -50px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 2px 2px 5px #0000003b;
    }

    .section-main-brands .content-region .slide_brands .slick-prev {
        right: 50px !important;
    }

    .section-main-brands .content-region .slide_brands .slick-prev::after {
        content: "\f054";
        position: relative;
        font-family: "FontAwesome";
        color: #e21f26;
        font-size: 17px;
        transform: rotate(180deg);
    }

    .section-main-brands .content-region .slide_brands .slick-next::after {
        content: "\f054";
        position: relative;
        font-family: "FontAwesome";
        color: #e21f26;
        font-size: 17px;
    }

    .section-main-brands .content-region .slide_brands .slick-track {
        display: flex;
        align-items: start;
        justify-content: start;
        margin: 0;
    }

    /* pagina a BRF */
    /* .section-a-brf {
    padding: 60px 0px;
} */

    .section-a-brf .fix-menu {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
    }

    .section-a-brf .fix-menu .d-none {
        display: none;
    }

    .section-a-brf .fix-menu ul {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        padding: 20px 30px;
        border-radius: 20px 20px 0px 0px;
        z-index: 999999;
        position: relative;
        gap: 0px 20px;
        list-style: none;
        margin: 0;
        border-top: 4px solid #e31f26;
        box-shadow: 0px 1px 15px 2px #00000014;
    }

    .section-a-brf .fix-menu ul li {
        border-left: 1px solid #00000026;
        padding: 0px 25px;
    }

    .section-a-brf .fix-menu ul li:first-of-type {
        border-left: 0px;
        padding: 0px;
    }

    .section-a-brf .fix-menu ul li a {
        font-family: "Co Text", sans-serif;
        font-size: 1.6em;
        line-height: 1.4;
        color: #e31f26;
        text-decoration: none;
    }

    .section-a-brf .fix-menu ul li a:hover {
        text-decoration: none;
    }

    .section-a-brf .go_top {
        position: fixed;
        right: 35px;
        bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        border-radius: 100%;
        box-shadow: 0px 0px 10px #0000006b;
        border: 1px solid #ffffff85;
    }

    .section-a-brf .go_top::before {
        content: "\f077";
        position: absolute;
        font-family: "FontAwesome";
        color: #fff;
        font-size: 20px;
        top: 8px;
        z-index: 1;
    }

    .section-a-brf .go_top::after {
        content: "";
        position: absolute;
        height: 40px;
        width: 40px;
        background-color: #e21f26;
        border-radius: 100%;
    }

    .section-a-brf .go_top a {
        height: 40px;
        width: 40px;
        display: block;
        z-index: 1;
    }

    /* video institucional */

    .section-brf-institucional {
        padding: 60px 0px 0px;
        background-image: url("../images/bg_brf_video.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-position-y: -85px;
        min-height: 700px;
        margin-top: 40px;
    }

    .section-brf-institucional .row {
        display: flex;
        align-items: center;
    }

    .section-brf-institucional .content-video img {
        border-radius: 20px;
        width: 100%;
        max-width: 100%;
        margin-top: -70px;
    }

    .section-brf-institucional .content-text {
        padding-left: 20px;
    }

    .section-brf-institucional .content-text h3 {
        font-size: 20px;
        line-height: 1.4;
        margin: 0px 0px 10px;
        color: #fff;
        font-family: "Co Text";
    }

    .section-brf-institucional .content-text p {
        font-size: 1.6em;
        line-height: 1.4;
        color: #fff;
        margin-bottom: 10px;
        font-family: "Co Text";
    }

    .section-brf-institucional .content-video p iframe {
        width: 100%;
        border-radius: 20px;
        min-height: 390px;
        margin-top: -70px;
    }

    /* Seção Governança corporativa */

    .section-governanca {
        padding: 210px 0px 160px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .section-governanca .d-none {
        display: none;
    }

    .section-governanca .mb-50 {
        margin-bottom: 50px;
    }

    .section-governanca .content-text h2 {
        font-size: 26px;
        line-height: 1.6;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #fff;
    }

    .section-governanca .content-text h4 {
        font-size: 20px;
        line-height: 1.6;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #fff;
    }

    .section-governanca .content-text p {
        font-size: 18px;
        line-height: 1.4;
        font-family: "Co Text";
        color: #fff;
        margin-bottom: 10px;
    }

    .section-governanca .content-text .icon img {
        max-width: 150px;
        margin-bottom: 0;
        position: relative;
        left: -20px;
    }

    .section-governanca .content-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-governanca .content-img img {
        width: fit-content;
        max-width: 100%;
    }

    /* box governanças */

    .section-governanca .content-box {
        display: flex;
        flex-direction: column;
        gap: 0px 20px;
        padding: 40px 30px;
        margin-top: 30px;
        border: 1px solid #00000030;
        border-radius: 20px;
        box-shadow: 0px 0px 10px #00000020;
        background-color: #fff;
    }

    .section-governanca .header-box {
        position: relative;
        cursor: pointer;
    }

    .section-governanca .header-box::before {
        content: "+";
        position: absolute;
        font-size: 34px;
        color: #e21f26;
        top: 5px;
        right: 20px;
    }

    .section-governanca .header-box.active::before {
        content: "_";
        font-size: 34px;
        top: -10px;
    }

    .section-governanca .header-box .content-box-icon h3 {
        font-size: 20px;
        font-family: "Co Bold";
        line-height: 1.6;
        margin: 0px;
        color: #e21f26;
    }

    .section-governanca .content-box .header-box .content-box-icon {
        display: flex;
        gap: 15px;
        align-items: center;
    }

    .section-governanca .content-box .header-box .content-box-icon img {
        max-width: 40px;
    }

    .section-governanca .content-box .content-box-text {
        padding: 15px 0px 0px 50px;
    }

    .section-governanca .content-box .content-box-text h3 {
        font-size: 2em;
        line-height: 1.6;
        font-weight: bold;
        margin: 0px 0px 10px;
        color: #e31f26;
    }

    .section-governanca .content-box .content-box-text p {
        font-size: 1.6em;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px;
    }

    .section-governanca .link-estrutura-corporativa {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 50px 0px;
    }

    .section-governanca .link-estrutura-corporativa a {
        font-family: "Co Text", sans-serif;
        font-size: 18px;
        color: #fff;
        text-decoration: underline;
    }

    /* Seção o que fazemos  */

    .section-o-que-fazemos {
        padding: 60px 0px 140px;
        margin-bottom: 100px;
        background-color: #e31f26;
        position: relative;
    }

    .section-o-que-fazemos .row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-o-que-fazemos .content-text h2 {
        font-size: 2.8em;
        line-height: 1.6;
        font-weight: bold;
        margin-bottom: 10px;
        color: #fff;
    }

    .section-o-que-fazemos .content-text p {
        font-size: 1.6em;
        line-height: 1.4;
        color: #fff;
        margin-bottom: 10px;
    }

    .section-o-que-fazemos .content-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-o-que-fazemos .content-img img {
        width: fit-content;
        max-width: 100%;
    }

    .section-o-que-fazemos .content-box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 40px;
    }

    .section-o-que-fazemos .content-box .content-icon img {
        width: 100px;
        margin-bottom: 20px;
    }

    .section-o-que-fazemos .content-box .content-text h2 {
        font-size: 2.8em;
        line-height: 1.6;
        font-weight: bold;
        margin: 0px;
        color: #fff;
    }

    .section-o-que-fazemos .content-box .content-text h3 {
        font-size: 1.8em;
        line-height: 1.6;
        font-weight: bold;
        margin: 0px;
        color: #fff;
    }

    .section-o-que-fazemos .box-producao {
        position: absolute;
        bottom: -80px;
        background: #e31f26;
        padding: 30px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        gap: 0px 30px;
        width: 100%;
        max-width: 1000px;
    }

    .section-o-que-fazemos .box-producao::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid #fff;
        border-radius: 14px;
        top: -10px;
        left: -10px;
    }

    .section-o-que-fazemos .box-producao .content-icon,
    .content-text {
        z-index: 1;
    }

    .section-o-que-fazemos .box-producao .content-icon img {
        width: 70px;
        margin-bottom: 20px;
    }

    .section-o-que-fazemos .box-producao .content-text h4 {
        font-size: 2em;
        line-height: 1.6;
        font-weight: bold;
        margin: 0px;
        color: #fff;
    }

    .section-o-que-fazemos .box-producao .content-text span {
        font-size: 2.8em;
    }

    .hidden_content {
        overflow: hidden;
    }

    /* Seção onde estamos */

    .section-onde-estamos {
        padding: 0px 0px 60px;
        position: relative;
    }

    .section-onde-estamos::before {
        content: "";
        position: absolute;
        left: 0px;
        bottom: -100%;
        width: 100%;
        height: 2000px;
        background-image: url("../images/bg_circulo-esq.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .section-onde-estamos::after {
        content: "";
        position: absolute;
        right: -295px;
        top: -39%;
        width: 100%;
        height: 2000px;
        background-image: url(../images/bg_circulo-dir.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .section-onde-estamos .title-section {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 50px;
    }

    .section-onde-estamos .title-section h2 {
        font-size: 2.8em;
        line-height: 1.6;
        margin: 0px 0px 10px;
        color: #e31f26;
        font-family: "Co Bold";
    }

    .section-onde-estamos .content-img-full img {
        width: 100%;
        max-width: 100%;
    }

    .section-onde-estamos .content-img-mobile {
        display: none;
    }

    .section-onde-estamos .box-onde-estamos {
        padding: 20px 10px;
        border-radius: 20px;
        border: 1px solid #00000011;
        margin-bottom: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        min-height: 220px;
        background-color: #fff;
        width: 100%;
    }

    .section-onde-estamos .box-onde-estamos img {
        width: 70px;
        margin-bottom: 10px;
    }

    .section-onde-estamos .box-onde-estamos p {
        font-size: 1.6em;
        line-height: 1.4;
        color: #000;
        margin: 0px;
        font-family: "Co Text";
    }

    .section-onde-estamos h2 {
        font-size: 3em;
        line-height: 1.6;
        margin: 0px;
        color: #e31f26;
        font-family: "Co Bold";
    }

    .section-onde-estamos .content-box-map_mobile {
        display: none;
    }

    .section-onde-estamos .content-box-map_mobile .box-location {
        padding: 10px 15px 10px;
        border: 1px solid #00000011;
        border-radius: 20px;
        background: #fff;
        border-bottom: 3px solid #e21f26;
        margin: 20px 10px 0px;
        min-width: 240px;
        display: block;
    }

    .section-onde-estamos .content-box-map_mobile .box-location .titulo {
        font-family: "Co Text";
        font-size: 16px;
        color: #e21f26;
        margin-bottom: 10px;
    }

    .section-onde-estamos .content-box-map_mobile .box-location .texto {
        margin-bottom: 10px;
        border-bottom: 2px solid #00000011;
    }

    .section-onde-estamos .content-box-map_mobile .box-location .texto p {
        font-family: "Co Text";
        font-size: 12px;
        color: #333333;
        line-height: 18px;
    }

    .section-onde-estamos .content-box-map_mobile .box-location ul.bandeiras {
        display: flex;
        gap: 5px;
        list-style: none;
        margin: 0;
    }

    .section-onde-estamos .content-box-map_mobile .box-location ul.bandeiras li img {
        max-width: 50px;
    }

    /* seção linha do tempo  */

    .section-video-linha-tempo {
        padding: 60px 0px;
        position: relative;
        z-index: 1;
    }

    .section-video-linha-tempo .bg-section {
        background-image: url("../images/bg_brf_video.svg");
        width: 100%;
        height: 100%;
        position: absolute;
        transform: rotate(180deg);
        background-position-y: 30px;
        background-repeat: no-repeat;
        background-size: cover;
        left: 0;
        top: 0;
    }

    .section-video-linha-tempo .content-video {
        max-width: 80%;
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin: 200px auto -20px;
        position: relative;
    }

    .section-video-linha-tempo .content-video .link {
        color: #e21f26;
        font-size: 18px;
        font-size: "Co Text";
        text-align: center;
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .section-video-linha-tempo .content-video img {
        width: 100%;
        max-width: 100%;
        border-radius: 20px;
    }

    .section-video-linha-tempo .content-video video {
        width: 100%;
        border-radius: 20px;
    }

    /* modal linha do tempo */

    .section-video-linha-tempo .modal-timeline {
        display: none;
        position: fixed;
        top: 50px;
        width: 80%;
        height: 90%;
        background: #fff;
        z-index: 99999;
        left: 10%;
        border-radius: 30px;
        padding: 50px;
        overflow-y: scroll;
        box-shadow: 0px 0px 10px #00000040;
        background-image: url("../images/bg_modal_timeline.png");
        background-repeat: no-repeat;
        background-position: top right;
    }

    .section-video-linha-tempo .modal-timeline.active {
        display: block;
    }

    .section-video-linha-tempo .d-none {
        display: none;
    }

    .section-video-linha-tempo .bg-modal {
        position: fixed;
        top: -20%;
        left: -20%;
        width: 1000%;
        height: 1000%;
        background-color: #00000090;
        z-index: 0;
    }

    .section-video-linha-tempo .close-modal {
        content: "";
        position: fixed;
        top: 50px;
        right: 50px;
        height: 35px;
        width: 35px;
        background-image: url(../images/icon/ico-close.svg);
        z-index: 999;
        filter: grayscale(1) brightness(100);
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .section-video-linha-tempo .content-timeline {
        position: relative;
    }

    .section-video-linha-tempo .content-timeline::after {
        content: "";
        position: absolute;
        top: -50px;
        left: 83px;
        height: 100%;
        width: 5px;
        background: #e31f26;
        z-index: -1;
    }

    .section-video-linha-tempo .content-timeline .row {
        display: flex;
        align-items: center;
    }

    .section-video-linha-tempo .content-timeline .content-img-timeline {
        margin: 20px 0px;
    }

    .section-video-linha-tempo .content-timeline .content-img-timeline img {
        width: 150px;
        object-fit: contain;
        height: 150px;
        /* border: 1px solid #e21; */
        border-radius: 100%;
        padding: 5px;
        /* background: #fff; */
    }

    .section-video-linha-tempo .content-timeline .content-text-timeline {
        display: flex;
        flex-direction: column;
        max-width: 70%;
    }

    .section-video-linha-tempo .content-timeline .content-text-timeline h3 {
        font-size: 28px;
        font-family: "Co Bold";
        margin-bottom: 0px;
        color: #e21f26;
    }

    .section-video-linha-tempo .content-timeline .content-text-timeline h4 {
        font-size: 22px;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #000;
    }

    .section-video-linha-tempo .content-timeline .content-text-timeline p {
        font-size: 16px;
        font-family: "Co Text";
        margin-bottom: 10px;
        line-height: 1.4;
        color: #000;
    }

    /* Seção inovação  */

    .section-inovacao {
        margin-bottom: 30px;
        position: relative;
        overflow: hidden;
        background-image: url("../images/bg_circulo-dir.svg");
        background-position: top right;
        background-repeat: no-repeat;
        background-position-y: 200px;
        background-position-x: 320px;
    }

    .section-inovacao.border {
        border-bottom: 5px solid #e21f26;
    }

    .section-inovacao .img-reverse {
        flex-direction: row-reverse;
    }

    .section-inovacao .img-reverse .content-text {
        max-width: 90%;
        margin: auto;
        padding-left: 120px;
    }

    .section-inovacao .img-reverse .content-img {
        justify-content: end;
        min-width: 100%;
    }

    .section-inovacao .row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-inovacao .row .col-md-6 {
        padding: 0;
    }

    .section-inovacao .content-text {
        max-width: 75%;
    }

    .section-inovacao .content-text a {
        font-size: 16px;
        line-height: 1.6;
        font-family: "Co Text";
        margin-bottom: 10px;
        color: #e21f26;
        text-decoration: underline;
    }

    .section-inovacao .content-text h2 {
        font-size: 26px;
        line-height: 1.6;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #e21f26;
    }

    .section-inovacao .content-text h4 {
        font-size: 20px;
        font-family: "Co Bold";
        margin-bottom: 10px;
        line-height: 1.4;
        color: #000;
    }

    .section-inovacao .content-text p {
        font-size: 18px;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px;
    }

    .section-inovacao .content-img {
        display: flex;
        align-items: center;
        justify-content: start;
        max-width: 95%;
    }

    .section-inovacao .content-img img {
        width: 600px;
        max-width: 100%;
        object-fit: contain;
    }

    /* Seção premios  */

    .section-premios {
        padding: 60px 0px;
        position: relative;
        overflow: hidden;
    }

    .section-premios .row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-premios .row .col-md-6 {
        padding: 0;
    }

    .section-premios .content-text {
        max-width: 70%;
    }

    .section-premios .content-text h2 {
        font-size: 2.8em;
        line-height: 1.6;
        font-weight: bold;
        margin-bottom: 10px;
        color: #e21f26;
    }

    .section-premios .content-text p {
        font-size: 1.6em;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px;
    }

    .section-premios .content-img {
        display: flex;
        align-items: center;
        justify-content: start;
        max-width: 90%;
    }

    .section-premios .content-img img {
        width: fit-content;
        max-width: 100%;
    }

    /* menu compre conosco */

    .wrapper-links .select_sub_menu {
        position: relative;
        padding: 6px 25px 0px 10px;
        margin: -10px 0px 0px 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        z-index: 2;
    }

    .wrapper-links .select_sub_menu.border {
        border: 1px solid #e21f26;
        border-radius: 4px;
        margin-right: 10px;
    }

    .wrapper-links .select_sub_menu.active::after {
        content: "";
        position: absolute;
        min-height: 80px;
        border: 1px solid #e21f26;
        border-radius: 4px;
        top: 0px;
        left: 0;
        width: 210px;
        background: #ffffff;
        z-index: 0;
        height: 170px;
        z-index: -1;
    }

    .wrapper-links .select_sub_menu .bold-item-menu {
        font-weight: bold;
        margin-top: 20px;
    }

    .wrapper-links .select_sub_menu.active .sub-menu {
        position: absolute;
    }

    .wrapper-links .select_sub_menu::before {
        content: "\f054";
        position: absolute;
        font-family: "FontAwesome";
        top: 8px;
        right: 10px;
        color: #e21f26;
        font-size: 10px;
        transform: rotate(90deg);
    }

    .wrapper-links .select_sub_menu .sub-menu {
        margin-top: 0px;
        display: none;
    }

    .wrapper-links .select_sub_menu ul {
        list-style: none;
        margin: 0;
    }

    .wrapper-links .select_sub_menu ul li {
        margin-bottom: 6px;
    }

    .wrapper-links .select_sub_menu ul li a {
        position: relative;
        font-size: 1.3rem;
        text-decoration: none;
        color: #e21f26;
        display: block;
    }

    .wrapper-links .select_sub_menu ul li:not(.menu-item-has-children) a {
        color: black !important;
    }

    .wrapper-links .select_sub_menu.active .sub-menu {
        display: flex;
        min-width: 200px;
        height: 100%;
        flex-direction: column;
    }

    .wrapper-links .main .btn-menu {
        position: relative;
    }

    .wrapper-links .main .btn-menu::before {
        content: "\f019";
        font-family: "FontAwesome";
        position: absolute;
        font-size: 14px;
        color: #fff;
        right: 8px;
        top: -2px;
    }

    .wrapper-links .main .btn-relatorio {
        background: #e21f26;
        padding: 10px 30px 10px 10px;
        border-radius: 4px;
        color: #fff;
        margin: 0px 0px 0px 10px;
        font-family: "Co Text", sans-serif;
        text-transform: uppercase;
        font-size: 1.1em;
        text-decoration: none;
    }

    /* seção nossa atuação */

    .section-nossa-atuacao {
        padding: 0 0px;
        margin-top: -300px;
        position: relative;
    }

    .section-nossa-atuacao .row {
        display: flex;
        align-items: center;
    }

    .section-nossa-atuacao .content-text {
        display: flex;
        flex-direction: column;
    }

    .section-nossa-atuacao .content-text h2 {
        color: #e21f26;
        font-family: "Co Bold";
        font-size: 26px;
        margin-bottom: 10px;
    }

    .section-nossa-atuacao .content-text h3 {
        color: #000;
        font-family: "Co Bold";
        font-size: 20px;
        margin-bottom: 10px;
    }

    .section-nossa-atuacao .content-text p {
        font-size: 18px;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px;
        font-family: "Co Text";
    }

    .section-nossa-atuacao .content-img img {
        width: fit-content;
    }

    /* banner home  */

    .section-banner-home {
        position: relative;
    }

    .section-banner-home .d-flex {
        display: flex;
    }

    .section-banner-home .container {
        margin: auto;
    }

    .section-banner-home .content-banner-home {
        display: flex !important;
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: top right;
        min-height: 350px;
        position: relative;
    }

    .section-banner-home .content-banner-home .img_mobile {
        display: none;
    }

    .section-banner-home::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 240px;
        width: 240px;
        background-image: url("../images/bg_banner_top.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .section-banner-home .content-banner-home.com-forma::after {
        content: "";
        position: absolute;
        bottom: -125px;
        right: 0;
        height: 240px;
        width: 45%;
        background-image: url("../images/bg_banner_bottom.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .section-banner-home .content-banner-home .content-text {
        display: flex;
        justify-content: center;
        flex-direction: column;
        max-width: 80%;
        padding-left: 40px;
    }

    .section-banner-home .content-banner-home .content-text h2,
    .section-banner-home .content-banner-home .content-text h3 strong {
        color: #e21f26;
        margin-bottom: 10px;
        font-family: "Co Bold";
    }

    .section-banner-home .content-banner-home .content-text h3 strong {
        font-size: 30px;
        line-height: normal;
    }

    .section-banner-home .content-banner-home .content-text h4 {
        color: #000;
        margin-bottom: 10px;
        font-family: "Co Bold";
    }

    .section-banner-home .content-banner-home .content-text h3,
    .section-banner-home .content-banner-home .content-text p {
        color: #000;
        margin-bottom: 10px;
        font-family: "Co Text";
        font-size: 18px;
        line-height: 1.6;
    }

    .section-banner-home .content-banner-home .content-text .btn-link {
        color: #fff;
        margin: 10px 0px;
        font-family: "Co Bold";
        padding: 10px 30px;
        border-radius: 100px;
        background-color: #e21f26;
        width: fit-content;
        font-size: 16px;
    }

    .section-banner-home .content-banner-home .content-text .btn-link:hover {
        text-decoration: none;
    }

    .section-banner-home .content-banner-home .content-img img {
        max-width: 100%;
    }

    .section-banner-home .slick-dots {
        padding: 5px 10px;
        border: 1px solid #e21f26;
        border-radius: 100px;
        max-width: fit-content;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        opacity: 0.5;
    }

    .section-banner-home .slick-dots li button {
        background-color: #e21f26;
        opacity: 0.3;
    }

    .section-banner-home .slick-dots .slick-active button {
        background-color: #e21f26;
        opacity: 0.8;
    }

    /* quem somos home  */

    .section-quem-somos {
        padding: 0;
        margin-top: 60px;
        position: relative;
    }

    .section-quem-somos .d-flex {
        display: flex;
    }

    .section-quem-somos .bg-section {
        background-image: url("../images/bg_nossas_marcas.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        top: 120px;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        min-height: 750px;
    }

    .section-quem-somos .img-box {
        width: 100%;
        border-radius: 20px 20px 0px 0px;
    }

    .section-quem-somos .content-box {
        background: #ffffff;
        border-radius: 20px;
        border-bottom: 8px solid #d12429;
        box-shadow: 0px 1px 15px 2px #00000014;
    }

    .section-quem-somos .px-20 {
        padding: 20px;
    }

    .section-quem-somos .content-box .title-section {
        color: #e31f26;
        font-weight: bold;
    }

    .section-quem-somos .content-box h3 {
        margin: 0px 0px 10px;
        color: #e21f26;
        font-family: "Co Bold";
    }

    .section-quem-somos .content-box p {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 20px;
        color: #000;
        font-family: "Co Text";
    }

    .section-quem-somos .content-box .btn {
        background: #e31f26;
        padding: 12px 20px;
        border-radius: 6px;
        color: #fff;
        min-width: 140px;
        font-size: 16px;
        font-family: "Co Bold";
        margin-bottom: 20px;
    }

    /* brands home */

    .section-brands-home {
        padding: 50px 0px;
        position: relative;
    }

    .section-brands-home .title-section-brands {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-brands-home .title-section-brands h2 {
        color: #fff;
        font-size: 32px;
        margin-bottom: 30px;
        font-family: "Co Bold";
    }

    .section-brands-home .slide-brands-home {
        max-width: 90%;
        margin: 20px 0px 0px auto;
    }

    .section-brands-home .slide-brands-home .slide-item {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .section-brands-home .slide-brands-home .slide-item a,
    .section-brands-home .slide-brands-home .slide-item span {
        padding: 0px;
        background: #fff;
        border-radius: 100%;
        height: 160px;
        width: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 0px 6px #0001;
        border-bottom: 4px solid #e21f26;
    }

    .section-brands-home .slide-brands-home .slide-item a img {
        max-width: 100%;
        width: fit-content;
    }

    /* seção atuações home  */

    .section-atuacoes {
        padding: 40px 0px;
        position: relative;
    }

    .section-atuacoes .img_mobile {
        display: none;
    }

    .section-atuacoes .box-slide {
        display: flex;
        flex-direction: column;
        height: 260px;
        box-sizing: border-box;
        justify-content: center;
        padding-left: 200px;
        border: 1px solid #e6e6e7;
        transition: 0.2s ease all;
        margin: 10px 0;
    }

    .section-atuacoes .box-slide {
        background-position: left center;
        background-repeat: no-repeat;
        border-radius: 20px;
    }

    .section-atuacoes .content-box {
        padding: 20px;
    }

    .section-atuacoes .content-box h3 {
        font-family: "Co Bold";
        margin-bottom: 10px;
        font-size: 32px;
        color: #000;
    }

    .section-atuacoes .content-box p {
        font-family: "Co Text";
        margin-bottom: 20px;
        font-size: 18px;
        color: #000;
        line-height: 1.4;
    }

    .section-atuacoes .content-box a.btn_link {
        font-family: "Co Text";
        margin-bottom: 10px;
        font-size: 16px;
        color: #e21f26;
        text-decoration: underline;
    }

    .section-atuacoes .relatorio {
        margin: 30px 0;
        box-shadow: 0px 0px 1px 1px #0003;
        border-radius: 20px;
        padding: 0px;
        display: flex;
        align-items: center;
    }

    .section-atuacoes .relatorio .text-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .section-atuacoes .relatorio p {
        font-family: "Co Text";
        margin-bottom: 0;
        font-size: 18px;
        color: #000;
        line-height: 1.3;
    }

    .section-atuacoes .relatorio .btn--comunicado {
        background: #e31f26;
        padding: 12px 30px;
        border-radius: 6px;
        color: #fff;
        font-size: 16px;
        font-family: "Co Bold";
    }

    .section-atuacoes .relatorio .icone-relatorio {
        display: flex;
        align-items: center;
        padding: 0;
    }

    .section-atuacoes .relatorio .icone-relatorio img {
        width: 150px;
    }

    .section-atuacoes .relatorio .icone-relatorio .icone_mobile {
        display: none;
    }

    @media screen and (max-width: 560px) {
        .section-atuacoes .relatorio .icone-relatorio .icone_mobile {
            display: block;
        }

        .section-atuacoes .relatorio .icone-relatorio .icone_desck {
            display: none;
        }
    }

    /* releases home  */

    .section-releases {
        padding: 110px 0px 0px;
        background-image: url("../images/bg_noticias_recentes.png");
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .section-releases .title-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .section-releases .title-section h2 {
        color: #e21f26;
        font-size: 32px;
        line-height: 1.4;
        font-family: "Co Bold";
        margin: 0px 0px 0px 10px;
    }

    .section-releases .title-section .ver-todos {
        font-family: "Co Text";
        color: #e31f26;
        font-size: 1.6em;
        font-weight: normal;
        text-decoration: underline;
        margin: 0px 20px 0px 0px;
    }

    .section-releases .content-item-release .content-item {
        margin: 10px 20px 10px 10px;
        padding: 20px 10px;
        min-height: 280px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .section-releases .content-item-release .content-item .date {
        color: #000;
        font-weight: bold;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-family: "Noto Sans";
        font-size: 16px;
    }

    .section-releases .content-item-release .content-item a {
        font-family: "Co Text";
        font-weight: normal;
        color: black;
    }

    .section-releases .content-item-release .content-item .title-release {
        font-family: "Co Text";
        font-weight: normal;
        font-size: 1.6em;
        line-height: 1.3;
        margin: 20px 0px 0px;
        min-height: 100px;
    }

    .section-releases .content-item-release .content-item hr {
        margin: 10px 0 20px;
        background-color: #0a0a0a2e;
    }

    .section-releases .content-item-release .content-item .link--release {
        font-family: "Co Text";
        color: #e31f26;
        font-size: 1.6em;
        font-weight: normal;
        text-decoration: underline;
    }

    /* HEADER PÁGINAS INTERNAS  */

    .section-new-header {
        padding: 60px 0px;
        min-height: 400px;
        position: relative;
        margin-left: auto;
        overflow: hidden;
    }

    .section-new-header::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 240px;
        width: 240px;
        background-image: url("../images/bg_banner_top.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .section-new-header .content-slide {
        position: absolute;
        right: 0px;
        top: 0;
        padding: 0;
    }

    .section-new-header .slide-banner-inner-pages {
        max-width: 90%;
        margin-left: auto;
    }

    .section-new-header .slide-banner-inner-pages .slick-dots {
        background-color: #fff;
        padding: 5px 10px;
        border: 1px solid #e21f26;
        border-radius: 100px;
        max-width: fit-content;
        position: absolute;
        left: 0;
        transform: translateX(-50%);
        bottom: 20px;
        opacity: 1;
    }

    .section-new-header .slide-banner-inner-pages .slick-dots li button {
        background-color: #e21f26;
        opacity: 0.3;
    }

    .section-new-header .slide-banner-inner-pages li.slick-active button {
        background-color: #e21f26;
        opacity: 0.8;
    }

    .section-new-header .content-slide.content-mobile {
        display: none;
    }

    .section-new-header .content-inner-page {
        min-height: 350px;
        display: flex !important;
        align-items: end;
        justify-content: center;
        width: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        position: relative;
        right: 1px;
    }

    .section-new-header .content-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 90%;
    }

    .section-new-header .content-text h2 {
        font-size: 38px;
        line-height: 1.4;
        margin-bottom: 0px;
        color: #e31f26;
        font-family: "Co Bold";
    }

    .section-new-header .content-text h3 {
        font-size: 32px;
        line-height: 1.4;
        margin-bottom: 0px;
        color: #e31f26;
        font-family: "Co Bold";
    }

    .section-new-header .content-text h4 {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
        color: #000;
        font-family: "Co Bold";
    }

    .section-new-header .content-text h5 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 10px;
        color: #000;
        font-family: "Co Bold";
    }

    .section-new-header .content-text p {
        font-size: 18px;
        line-height: 1.4;
        color: #000;
    }

    .section-new-header .content-text-slide {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
        position: relative;
        z-index: 1;
    }

    .section-new-header .content-text-slide::before {
        content: "";
        position: absolute;
        bottom: -125px;
        right: 0;
        height: 240px;
        width: 90%;
        background-image: url("../images/bg_banner_bottom.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .section-new-header .content-text-slide h4 {
        font-size: 2em;
        line-height: 1.4;
        font-weight: bold;
        margin-bottom: 20px;
        color: #fff;
    }

    .section-new-header .content-text-slide p {
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 0;
        color: #fff;
        z-index: 2;
        position: relative;
    }

    /* seção linha do tempo premios  */

    .section-timeline-premios {
        padding: 60px 0px;
        position: relative;
    }

    .section-timeline-premios .container::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 150px;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(360deg, white, transparent);
        z-index: 0;
    }

    .section-timeline-premios::before {
        content: "";
        position: absolute;
        left: -90px;
        top: -165%;
        width: 100%;
        height: 2000px;
        background-image: url("../images/bg_circulo-esq.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .section-timeline-premios::after {
        content: "";
        position: absolute;
        right: -260px;
        top: -65%;
        width: 100%;
        height: 2000px;
        background-image: url("../images/bg_circulo-dir.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .section-timeline-premios .d-none {
        display: none;
    }

    .section-timeline-premios .title-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 50%;
        margin: auto;
    }

    .section-timeline-premios .title-section h2 {
        font-family: "Co Bold";
        font-size: 30px;
        color: #e21f26;
        margin-bottom: 10px;
        text-align: center;
    }

    .section-timeline-premios .title-section p {
        color: #000;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.4;
        font-family: "Co Bold";
    }

    .section-timeline-premios .ano-timeline {
        margin-top: 60px;
        position: relative;
    }

    .section-timeline-premios .ano-timeline ul {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        list-style: none;
    }

    .section-timeline-premios .ano-timeline ul::before {
        content: "";
        position: absolute;
        height: calc(100% + 120px);
        width: 5px;
        background: #e21f26;
        z-index: -1;
        top: -50px;
        border-radius: 100px;
    }

    .section-timeline-premios .ano-timeline ul::after {
        content: "";
        position: absolute;
        height: calc(100% + 130px);
        width: 13px;
        background: #00000030;
        z-index: -2;
        top: -55px;
        border-radius: 100px;
    }

    .section-timeline-premios .ano-timeline ul li {
        margin-bottom: 40px;
    }

    .section-timeline-premios .ano-timeline ul li a {
        color: #fff;
        font-size: 26px;
        font-family: "Co Bold";
        padding: 8px 30px;
        background-color: #e21f26;
        border-radius: 50px;
        border-bottom: 4px solid #a50007;
    }

    .section-timeline-premios .ano-timeline ul li a:hover {
        text-decoration: none;
    }

    .section-timeline-premios .content-timeline-premios .bg-modal-timeline {
        position: fixed;
        top: -20%;
        left: -20%;
        width: 1000%;
        height: 1000%;
        background-color: #00000090;
        z-index: 999;
    }

    .section-timeline-premios .content-timeline-premios .close-modal-timeline {
        content: "";
        position: fixed;
        top: 50px;
        right: 50px;
        height: 35px;
        width: 35px;
        background-image: url(../images/icon/ico-close.svg);
        z-index: 9999;
        filter: grayscale(1) brightness(100);
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano {
        display: none;
        position: fixed;
        top: 50px;
        width: 80%;
        height: 90%;
        background: #fff;
        z-index: 99999;
        left: 10%;
        border-radius: 30px;
        padding: 140px 130px 60px;
        overflow-y: scroll;
        box-shadow: 0px 0px 10px #00000040;
        background-image: url("../images/bg_modal_timeline.png");
        background-repeat: no-repeat;
        background-position: top right;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano.active {
        display: block;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .content_post {
        margin-bottom: 50px;
        display: flex;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .icon_award {
        position: relative;
        top: 50px;
        left: -95px;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year {
        margin-bottom: 50px;
        position: relative;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year::before {
        content: "";
        position: absolute;
        width: 5px;
        height: calc(100% + 250px);
        background-color: #e21f26;
        top: -140px;
        left: -70px;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .title_award {
        font-size: 26px;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #e21f26;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .location {
        font-size: 18px;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #000;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .location {
        font-size: 18px;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #000;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .description {
        font-size: 18px;
        font-family: "Co Text";
        margin-bottom: 10px;
        color: #000;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .date_year span {
        background: #e21f26;
        border: 10px solid #fff;
        height: 30px;
        width: 30px;
        display: inline-block;
        border-radius: 100px;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .date_year {
        display: flex;
        justify-content: space-between;
        background-color: #e21f26;
        border-radius: 100px;
        padding: 10px 20px;
        margin: 0;
        position: absolute;
        top: -100px;
        left: -100px;
        width: 190px;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .date_year p {
        font-size: 38px;
        color: #fff;
        font-family: "Co Bold";
        margin: 0;
    }

    .section-timeline-premios .content-timeline-premios .content-timeline {
        position: relative;
    }

    .section-timeline-premios .content-timeline-premios .content-timeline::after {
        content: "";
        position: absolute;
        top: -50px;
        left: 83px;
        height: 100%;
        width: 5px;
        background: #e31f26;
        z-index: -1;
    }

    .section-timeline-premios .content-timeline-premios .content-timeline .row {
        display: flex;
        align-items: center;
    }

    #sustentabilidade-page .section-video-linha-tempo .content-video .content-indices-imgs {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        background: transparent;
        flex-wrap: wrap;
    }

    #sustentabilidade-page .section-video-linha-tempo .content-video {
        margin: 0 auto 88px;
        padding-top: 95px;
        max-width: 100%;
    }

    #sustentabilidade-page .section-video-linha-tempo .bg-section {
        background-image: url("../../../../uploads/2024/04/Grupo-de-mascara-259.png");
        transform: rotate(0deg);
        background-size: 105%;
        background-position: -65px 0;
        height: 674px;
        top: 0;
        background-size: 100%;
        background-position: -50% 0;
        height: 715px;
    }

    .section-video-linha-tempo .content-video h2,
    #sustentabilidade-page .section-video-linha-tempo .content-video h3 {
        text-align: center;
        color: #FFF;
        margin: 0 auto;
        width: 72%;
    }

    #sustentabilidade-page .section-video-linha-tempo .content-video h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    #sustentabilidade-page .section-video-linha-tempo .content-video .content-indices-imgs div {
        background: #FFF;
        width: 174px;
        height: 174px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

    #sustentabilidade-page .section-video-linha-tempo .content-video img {
        width: 80%;
    }

    #sustentabilidade-page .section-video-linha-tempo {
        margin-top: -104px;
    }

    @media screen and (max-width: 1280px) {
        #sustentabilidade-page .section-video-linha-tempo {
            margin-top: 0;
        }
    }

    #sustentabilidade-page .section-quem-somos .row.d-flex {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 0;
        padding-top: 115px;
    }

    #sustentabilidade-page .section-quem-somos .row-2.d-flex {
        padding-top: 45px;
    }

    #sustentabilidade-page .section-quem-somos .bg-section {
        background-image: url("../../../../uploads/2024/04/bg-plataforma.png");
        background-position: -316px -50px;
        top: -25px;
        background-size: 140%;
        background-position: -50% -50px;
        top: -35px;
        background-size: 100%;
    }

    #sustentabilidade-page .section-inovacao {
        overflow: visible;
    }

    #sustentabilidade-page .section-inovacao#inovacao .row {
        align-items: start;
    }

    #sustentabilidade-page .section-inovacao#inovacao .content-text {
        margin-top: 90px;
    }

    #sustentabilidade-page .section-inovacao .content-text p {
        font-size: 17px;
    }

    #sustentabilidade-page .section-quem-somos {
        margin-top: -50px;
        margin-bottom: 60px;
        position: relative;
    }

    #sustentabilidade-page .section-quem-somos:before {
        content: '';
        background: #f3f1ee;
        /* background-image: url(../images/bg_circulo-dir.svg); */
        border-radius: 50%;
        width: 1600px;
        height: 1600px;
        left: -70%;
        display: block;
        top: 35%;
        position: absolute;
        z-index: 0;
    }

    @media screen and (max-width: 1500px) {
        #sustentabilidade-page .section-quem-somos {
            margin-top: 0;
        }
    }

    @media screen and (max-width: 800px) {
        #sustentabilidade-page .section-inovacao .content-text p {
            font-size: 1.8em;
        }

        #sustentabilidade-page .section-inovacao .content-text h2 {
            font-size: 1.8em;
            line-height: 1.3;
        }
    }

    #sustentabilidade-page .section-quem-somos .d-flex h2 {
        position: absolute;
        color: #FFF;
        left: 50%;
        transform: translate(-50%, 0);
        top: 65px;
        font-weight: bold;
    }

    #sustentabilidade-page .section-quem-somos h3.subtitulo {
        color: #fff;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    #sustentabilidade-page .section-inovacao .content-img img {
        width: auto;
    }

    #sustentabilidade-page .section-quem-somos .content-box .btn {
        position: absolute;
        bottom: 0;
    }

    #sustentabilidade-page .section-quem-somos .col-lg-4.col-md-12.d-flex {
        min-height: 430px;
    }

    #sustentabilidade-page .section-brands-home .slide-brands-home .slide-item a,
    #sustentabilidade-page .section-brands-home .slide-brands-home .slide-item span {
        border-radius: 16px;
    }

    #sustentabilidade-page .section-brands-home .title-section-brands,
    #sustentabilidade-page .section-brands-home .slide-brands-home,
    #sustentabilidade-page .section-brands-home .subtitle-section-brands {
        max-width: 90%;
        margin: 20px 0px 0px auto;
        justify-content: flex-start;
    }

    #sustentabilidade-page .section-brands-home .title-section-brands p {
        font-size: 30px;
        font-weight: bold;
        color: #E31F27;
    }

    #sustentabilidade-page .section-brands-home .subtitle-section-brands {
        align-items: center;
        display: flex;
    }

    #sustentabilidade-page .section-brands-home .subtitle-section-brands p {
        font-size: 17px;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px;
    }

    /* variações de link (página de sustentabilidade) */

    #sustentabilidade-page .content-text a {
        color: white;
        text-decoration: none;
        margin: 10px 0px;
        font-family: "Co Bold";
        padding: 10px 30px;
        border-radius: 100px;
        background-color: #e21f26;
        width: fit-content;
        font-size: 16px;
    }

    #sustentabilidade-page .section-quem-somos .content-box .btn {
        border: 0 none;
        font-size: 16px;
        line-height: 1.6;
        font-family: "Co Text";
        margin-bottom: 10px;
        color: #e21f26;
        text-decoration: underline;
        background: none;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
    }

    #sustentabilidade-page .section-quem-somos .content-box .btn:hover {
        text-decoration: underline;
    }

    #sustentabilidade-page .section-inovacao {
        background-image: none;
    }

    #sustentabilidade-page .section-brands-home:before {
        content: '';
        background: #f3f1ee;
        /* background-image: url(../images/bg_circulo-dir.svg); */
        border-radius: 50%;
        width: 1500px;
        height: 1500px;
        right: -57%;
        display: block;
        top: -210%;
        position: absolute;
        z-index: -1;
    }

    /* banner */

    .section-banner-home .content-banner-home {
        /* background: inherit !important; */
        /* background-size: inherit !important; */
        min-height: 70vh;
    }

    .section-banner-home .content-banner-home .container {
        margin: 0 auto;
    }

    .section-banner-home .content-banner-home::before {
        content: "";
        display: none;
    }

    .section-banner-home .content-banner-home::after {
        width: 100%;
        bottom: -170px;
    }

    .section-banner-home .slick-dots {
        opacity: 1;
        background: #fff;
    }

    .section-banner-home .content-banner-home .img_mobile {
        display: block;
        position: relative;
        left: -30px;
        top: 0;
        width: calc(100% + 60px);
    }

    .section-banner-home .content-banner-home .img_mobile img {
        width: 100%;
    }

    .section-banner-home .content-banner-home .content-text {
        max-width: 100%;
        margin-bottom: 70px;
    }

    /* quem somos */
    /* ajuste sustentabilidade*/
    /* .section-quem-somos .row {
        flex-direction: column;
    }

    .section-quem-somos .content-box {
        margin-bottom: 40px;
    }

    .section-quem-somos .bg-section {
        display: none;
    } */
    /* nossas marcas .home */

    .section-brands-home {
        padding: 0;
    }

    .section-brands-home::before {
        content: "";
        color: black;
        font-size: 14px !important;
        opacity: 0.6;
        bottom: -15px;
        position: absolute;
        line-height: 20px !important;
    }

    .div-video-youtube-cultura {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .video-youtube-cultura {
        overflow: hidden;
        padding-top: 45.25%;
        position: relative;
        width: 80%;
    }

    .video-youtube-cultura iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .iframe-sales-channel {
        height: 2000px;
    }

    @media screen and (max-width: 1025px) {
        .covid-19 .taticas .acao {
            width: 100%;
        }

        .covid-19 .taticas .acao+.acao {
            margin-top: 60px;
        }

        .covid-19 .taticas h3 {
            font-size: 20px;
            min-height: auto;
            padding-bottom: 20px;
        }
    }

    /* forncedores paginas */
    /* fornecedor */

    .box-cards-fornecedor {
        width: 100%;
        min-height: 300px;
    }

    .box-cards-fornecedor .box-cards-fornecedor-item {
        box-shadow: 0px 13px 18px rgba(0, 0, 0, 0.15), 0px 11px 55px rgba(0, 0, 0, 0.07);
        width: 30%;
        float: left;
        background-color: #fff;
        min-height: 195px;
        margin-left: 3%;
        border-radius: 10px;
        margin-bottom: 30px;
        text-align: center;
    }

    .box-cards-fornecedor .box-cards-fornecedor-item ul {
        list-style: none outside none;
    }

    .box-cards-fornecedor-item p {
        margin: 10px;
        color: #666 !important;
        min-height: 62px;
        text-align: left;
        font-weight: bolder;
    }

    .box-cards-fornecedor .box-cards-fornecedor-item img {
        width: 100px;
        margin: 0 auto;
    }

    .box-cards-fornecedor .manual-fornecedor img {
        width: 88px;
    }

    .box-cards-fornecedor .box-cards-fornecedor-item img+p {
        font-size: 14px;
        min-height: auto;
    }

    .clear-both {
        clear: both;
    }

    .box-cards-fornecedor h3 {
        padding: 20px 0;
    }

    .box-cards-fornecedor-item:hover {
        box-shadow: 0px 13px 18px rgba(0, 0, 0, 0.15);
        transition: box-shadow 0.2s ease-in-out;
    }

    .portal-fornecedor-contato {
        margin-top: 40px;
    }

    .ctd-form {
        background-color: transparent;
        overflow: hidden;
        transition: all 0.3s ease-out;
        height: auto;
        max-height: 0;
        padding: 0 10px;
    }

    .ctd-form .w--form {
        display: none;
    }

    .ctd-form.opened {
        background-color: rgba(0, 0, 0, 0.1);
        max-height: 100%;
    }

    .ctd-form.opened .w--form {
        display: block;
    }

    .ctd-share {
        margin-top: 20px;
    }

    .ctd-share .gfield_label {
        font-size: 1.3rem;
        line-height: 1.3;
    }

    .ctd-share .gfield_description {
        font-size: 1.2rem;
        line-height: 1.4;
        margin-top: 5px;
    }

    @media only screen and (max-width: 500px) {
        .box-cards-fornecedor .box-cards-fornecedor-item {
            width: 80%;
            margin-left: 10%;
            margin-bottom: 20px;
        }
    }

    /* compras */

    .clear-both {
        clear: both;
    }

    .box-transparencia {
        width: 100%;
    }

    .box-transparencia-content-left {
        width: 50%;
        float: left;
    }

    .box-transparencia-content-right {
        float: left;
        width: 50%;
        margin-top: 20px;
    }

    .box-transparencia-content-item {
        border: 1px solid;
        width: 212px;
        text-decoration: none;
        margin: 50px;
        text-align: center;
        padding: 10px;
    }

    .box-transparencia-content-item:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: box-shadow 0.2s ease-in-out;
    }

    .box-transparencia-content-left a {
        text-decoration: none;
    }

    @media only screen and (max-width: 500px) {
        .box-transparencia-content-item {
            width: 80%;
            margin: 10%;
        }

        .box-transparencia-content-left {
            width: 100%;
            float: left;
        }

        .box-transparencia-content-right {
            float: left;
            width: 100%;
            margin-top: 20px;
        }
    }

    /* codigo conduta */

    .clear-both {
        clear: both;
    }

    .box-transparencia {
        width: 100%;
    }

    .box-transparencia-content-left {
        width: 50%;
        float: left;
    }

    .box-transparencia-content-right {
        float: left;
        width: 50%;
        margin-top: 20px;
    }

    .box-transparencia-content-item {
        border: 1px solid;
        width: 212px;
        text-decoration: none;
        margin: 50px;
        text-align: center;
        padding: 10px;
    }

    .box-transparencia-content-item:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: box-shadow 0.2s ease-in-out;
    }

    .box-transparencia-content-left a {
        text-decoration: none;
    }

    @media only screen and (max-width: 500px) {
        .box-transparencia-content-item {
            width: 80%;
            margin: 10%;
        }

        .box-transparencia-content-left {
            width: 100%;
            float: left;
        }

        .box-transparencia-content-right {
            float: left;
            width: 100%;
            margin-top: 20px;
        }
    }

    .content-list li {
        margin: 10px;
    }

    /* tutoriais */

    .content-tutorial-item:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: box-shadow 0.2s ease-in-out;
    }

    .content-tutorial-item {
        float: left;
        width: 47%;
        height: 105px;
        margin-right: 20px;
        margin-bottom: 20px;
        padding-top: 5%;
        text-align: center;
        border: 1px solid;
        border-radius: 6px;
    }

    .content-question {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .content-question .btn {
        margin-top: -20px;
        border: 1px solid #5c5e70;
        color: white;
        background-color: #5c5e70;
    }

    .content-portais-box {
        width: 100%;
    }

    .content_portais-item {
        width: 40%;
        float: left;
        margin: 5%;
    }

    @media only screen and (max-width: 500px) {
        .content-tutorial-item {
            float: left;
            width: 100%;
            height: 105px;
            margin-right: 20px;
            margin-bottom: 20px;
            padding-top: 10%;
            text-align: center;
            border: 1px solid;
        }

        .content_portais-item {
            width: 80%;
            float: left;
            margin: 10% 10% 2%;
        }
    }

    /* Compartilhar */

    .modal-share {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
    }

    .modal-share .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        max-width: 500px;
        width: 80%;
    }

    .modal-share .gfield_description {
        font-size: 11px;
        margin-top: 5px;
    }

    .button--compartilhar {
        color: #666;
        margin-top: 50px;
        text-transform: none;
    }

    .button--compartilhar img {
        transform: translateX(0px);
        width: 25px;
    }

    .button--compartilhar:hover img {
        transform: translateX(10px);
        transition: transform ease-in 0.3s;
    }

    .close,
    .close-email {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close:hover,
    .close-email:hover,
    .close-email:focus,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

    p.btn-enviar-e-mail:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: box-shadow 0.2s ease-in-out;
        text-decoration: none;
    }

    p.btn-enviar-e-mail {
        color: #7e4a93;
        margin-top: -11px;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;
        width: 140px;
        border: 2px solid;
        border-radius: 16px;
        text-align: center;
        padding: 15px;
        font-size: 16px;
    }

    /* forncedores */

    .divMenuFornecedores {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .yellowbackground {
        background-color: #e1ded5;
    }

    .yellowbackground h4 {
        padding-bottom: 15px;
        padding-top: 15px;
        padding-left: 10px;
    }

    .divMenuFornecedoresItem {
        width: 30%;
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        text-decoration: none;
        color: #666;
        border: 1px solid #f2f0f5;
        margin: auto;
        min-height: 255px;
        border-radius: 8px;
        background-color: #ffffff;
    }

    .divMenufornecedoresTutorialItems {
        width: 45%;
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        text-decoration: none;
        color: #666;
        border: 1px solid #f2f0f5;
        margin: auto;
        margin-bottom: 25px;
        min-height: 255px;
        border-radius: 8px;
        background-color: #ffffff;
    }

    .divMenufornecedoresTutorialItems:hover {
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) !important;
        text-decoration: none;
        color: #666;
    }

    .divMenufornecedoresTutorialItems img {
        margin-top: 15px;
    }

    .divMenuFornecedoresItem p {
        color: #666;
    }

    .divMenuFornecedoresItem a:hover {
        color: #666;
        text-decoration: none;
    }

    .divMenuFornecedoresItem:hover {
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) !important;
    }

    .divMenuFornecedoresItem:hover {
        text-decoration: none;
        color: #666;
    }

    .divMenuFornecedoresItem img {
        max-width: 135px;
        margin-top: 15px;
    }

    .VideoMiniaturesGrid {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .videoMiniatura {
        width: 45%;
        display: block;
        margin: auto;
    }

    .menuVerticalFornecedor {
        display: flex;
        flex-direction: column;
    }

    .menuVerticalFornecedorItem {
        padding: 25px;
        width: 250px;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
        border-radius: 15px;
        border: 1px solid #f2f0f5;
        color: #666;
    }

    .menuVerticalFornecedorItem:hover {
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) !important;
        text-decoration: none;
        color: #666;
    }

    .imageAndMenu {
        display: flex;
        flex-direction: row;
    }

    .DivComunicadosFornecedor {
        display: flex;
        justify-content: space-between;
    }

    @media only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px) {

        /* Force table to not be like tables anymore */
        .instituicoes table,
        .instituicoes head,
        .instituicoes tbody,
        .instituicoes th,
        .instituicoes td,
        .instituicoes tr {
            display: block;
        }

        .instituicoes thead tr {
            display: none;
        }

        .instituicoes tr {
            border: 1px solid white;
        }

        #TabelaModalMapa tr:nth-child(even) {
            background: #0c3c87;
            color: white;
        }

        #TabelaModalMapa tr:nth-child(odd) {
            background: white;
            color: #0c3c87;
        }

        .instituicoes td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

        .instituicoes td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: pre-wrap;
        }

        /*
	Label the data
    */
        /*português*/
        html[lang="pt-br"] .instituicoes td:nth-of-type(1):before {
            content: "Nome da instituição";
        }

        html[lang="pt-br"] .instituicoes td:nth-of-type(2):before {
            content: "Tipo de Instituição";
        }

        html[lang="pt-br"] .instituicoes td:nth-of-type(3):before {
            content: "Município Destino";
        }

        html[lang="pt-br"] .instituicoes td:nth-of-type(4):before {
            content: "Unidade BRF";
        }

        /*ingles*/
        html[lang="en-US"] .instituicoes td:nth-of-type(1):before {
            content: "Institution";
        }

        html[lang="en-US"] .instituicoes td:nth-of-type(2):before {
            content: "Category";
        }

        html[lang="en-US"] .instituicoes td:nth-of-type(3):before {
            content: "Destination City";
        }

        html[lang="en-US"] .instituicoes td:nth-of-type(4):before {
            content: "BRF unity";
        }

        /*espanhol*/
        html[lang="en-US"] .instituicoes td:nth-of-type(1):before {
            content: "Nombre De La Institución";
        }

        html[lang="en-US"] .instituicoes td:nth-of-type(2):before {
            content: "Tipo De Institución";
        }

        html[lang="en-US"] .instituicoes td:nth-of-type(3):before {
            content: "Município Destino";
        }

        html[lang="en-US"] .instituicoes td:nth-of-type(4):before {
            content: "Unidad BRF";
        }

        #TabelaModalMapa tbody td {
            padding-top: 5px;
            padding-right: 0px;
            padding-left: 80px;
            padding-bottom: 20px;
            font-size: 12px;
            white-space: pre-wrap;
        }
    }

    @media (max-width: 1200px) {
        #doacoes .contador {
            padding: 30px 0px;
        }

        #dvMap {
            height: 600px;
        }
    }

    @media (max-width: 1025px) {
        #TabelaModalMapa tbody td {
            padding-left: 140px;
        }

        #banner-top {
            height: 310px;
        }

        #banner-top:after {
            background-size: 204%;
            background-size: 175%;
        }

        #banner-top .conteudo {
            width: 50%;
            margin: 20px 35%;
        }

        #juntos-proposito {
            background: #f1efeb;
            padding: 190px 0 80px;
        }

        #juntos-proposito .container {
            display: flex;
            flex-direction: column-reverse;
        }

        .covid-19 #juntos-proposito .video {
            margin-right: 0;
        }

        .covid-19 #juntos-proposito .conteudo {
            width: 100%;
            margin: 30px 0;
        }

        .covid-19 #juntos-proposito .video {
            margin-right: 0;
        }

        .covid-19 #juntos-proposito .conteudo {
            width: 100%;
        }

        #doacoes {
            padding: 20px 0 100px;
        }

        #doacoes .contador.desktop {
            display: none;
        }

        #doacoes .contador.mobile {
            display: block;
            margin: 30px auto;
        }

        #doacoes .contador {
            width: 90%;
            display: block;
            margin: 20px auto;
            order: 3;
            padding: 30px;
        }

        #doacoes .contador span {
            font-size: 22px;
        }

        #doacoes .contador #odometer-mobile span {
            font-size: 52px !important;
            line-height: 60px;
        }

        #doacoes .mapa svg {
            width: 100%;
            /* background: aliceblue; */
            transform: scale(1.25);
            height: 500px;
        }

        #doacoes svg a.regiao {
            opacity: 1;
            transform: scale(1);
        }

        #cuidados-redobrados {
            padding: 90px 0 478px;
            overflow: hidden;
        }

        #cuidados-redobrados .conteudo {
            width: 100%;
        }

        #cuidados-redobrados .cuidados a {
            margin: 10px;
            justify-content: center;
            width: 45%;
        }

        #cuidados-redobrados .imagem {
            width: 100%;
        }

        #cuidados-redobrados .imagem:after {
            top: 41%;
            left: -25%;
            /* transform: scale(1.1); */
        }

        .cuidados.modal .modal-dialog {
            width: 90% !important;
        }

        .covid-19-modal.instituicoes .modal-body {
            padding: 30px 30px 60px !important;
            text-align: left;
            font-size: 14px;
            line-height: 24px;
        }

        .covid-19 #duvidas-covid {
            padding: 180px 0 0;
        }

        .covid-19 #duvidas-covid .conteudo {
            width: 100%;
        }

        .covid-19 #outras-duvidas .panel-default>.panel-heading {
            padding: 30px 30px;
        }

        .covid-19 #outras-duvidas .panel-default>.panel-heading+.panel-collapse>.panel-body {
            padding: 30px;
        }

        .covid-19 #ministerio {
            margin: -270px auto 140px;
            background: #f1efeb;
            height: 525px;
            position: relative;
        }

        .covid-19 #ministerio .conteudo {
            background: #f0f4f7;
            width: 100%;
            padding: 20px 40px 40px;
        }

        .covid-19 #ministerio .imagem:after {
            bottom: -55px;
            left: -30%;
            transform: scale(1);
        }

        .covid-19 #videos-noticias #acoes {
            width: 100%;
        }

        .covid-19 #videos-noticias #acoes .noticia .img-noticia {
            display: none;
        }

        .covid-19 #videos-noticias #videos {
            width: 100%;
            margin-top: 60px;
        }

        .covid-19 #videos-noticias #videos .depoimentos {
            margin: 30px 0;
        }

        .covid-19 #videos-noticias #videos .eco {
            margin: 30px 0;
        }

        .doacoes-mundi .conteudo {
            width: 100%;
        }
    }

    @media (max-width: 991px) {
        #banner-top .conteudo {
            width: 80%;
            margin: 20px 5%;
        }

        #banner-top:after {
            background-size: 190%;
            top: 130px;
        }

        #doacoes .qtd-doacoes .doacao h3 {
            font-size: 20px;
        }

        #doacoes .qtd-doacoes .doacao {
            height: 250px;
        }

        .video-proposito .fancybox-content,
        .horizontal .fancybox-content {
            width: 80% !important;
            height: auto !important;
        }

        .video-proposito .fancybox-close-small,
        .video-depoimento .fancybox-close-small,
        .video-galeria .fancybox-close-small {
            top: -70px !important;
            right: 0;
        }

        .covid-19-modal.modal.instituicoes .modal-dialog {
            width: 95% !important;
        }

        .covid-19-modal.instituicoes .modal-body {
            padding: 10px 30px 40px !important;
        }

        .covid-19 #doacoes button.anterior.slick-arrow {
            left: 42% !important;
        }

        .covid-19 #doacoes button.proximo.slick-arrow {
            right: 42% !important;
        }

        #cuidados-redobrados .imagem:after {
            left: -31%;
            top: 45%;
            transform: scale(0.95);
        }

        .btn.btn--purple.btn--border-radius.covid-mandarim-btn {
            display: none !important;
        }

        .btn.btn--purple.btn--border-radius.covid-mandarim-btn-mobile {
            display: block;
        }
    }

    @media (max-width: 767px) {
        #banner-top .conteudo {
            width: 80%;
            margin: 20px 10%;
        }

        #banner-top:after {
            background-size: 193%;
            top: 135px;
        }

        .covid-19 #juntos-proposito {
            background: white;
            padding: 160px 0 40px;
        }

        #doacoes {
            padding: 40px 0 100px;
        }

        #doacoes .mapa svg {
            transform: scale(1.15);
        }

        #doacoes .qtd-doacoes .doacao {
            min-height: 250px;
        }

        #cuidados-redobrados .cuidados a {
            width: 100%;
        }

        #doacoes .slider-doacoes {
            display: none;
        }

        #cuidados-redobrados .imagem:after {
            left: -83%;
            top: 75%;
            transform: scale(0.75);
        }

        .covid-19 #outras-duvidas .panel-title>a,
        .panel-title>a:active {
            line-height: 30px;
        }

        #duvidas-covid:before {
            height: 101%;
        }

        #dvMap {
            height: 500px;
        }

        .mapa.modal .modal-dialog {
            width: 100% !important;
        }
    }

    @media (max-width: 568px) {
        #banner-top:after {
            background-size: 235%;
            top: 200px;
        }

        .covid-19-modal .modal-header {
            padding: 20px;
        }

        .modal.instituicoes .buscaTabela input {
            padding: 10px 30px;
        }

        .covid-19-modal.instituicoes .modal-body {
            padding: 10px 20px 30px !important;
        }

        .covid-19-modal.instituicoes table {
            width: 100%;
            margin: 0 auto;
            display: block;
            overflow: auto;
        }

        .modal.instituicoes tbody {
            height: 450px;
            width: 550px;
            overflow-y: initial;
        }

        .modal.instituicoes thead {
            width: 550px;
        }

        .covid-19 #ministerio {
            height: 518px;
        }

        .covid-19 #ministerio .imagem:after {
            bottom: -120px;
            left: -57%;
            transform: scale(0.5);
        }

        .covid-19 #videos-noticias {
            padding: 55px 0;
        }

        .covid-19 #videos-noticias #videos .eco {
            background: #f0f4f7;
        }

        .covid-19 .container {
            max-width: 100%;
        }

        #dvMap {
            height: 500px;
        }

        #TabelaModalMapa tbody td {
            padding-left: 110px;
        }
    }

    @media (max-width: 445px) {
        #TabelaModalMapa tbody td {
            padding-left: 90px;
        }
    }

    @media (max-width: 425px) {

        .covid-19 p,
        .covid-19 a p,
        .covid-19-modal {
            font-size: 15px;
            line-height: 24px;
        }

        .covid li {
            font-size: 15px;
            line-height: 24px;
            font-family: "Noto Sans";
        }

        .covid-19 h2,
        .covid-19 a h2,
        .covid-19-modal h2 {
            font-size: 23px;
        }

        .covid-19 a.informacoes {
            font-size: 16px;
        }

        #banner-top:after {
            background-size: 312%;
            top: 175px;
            background-position-x: 53%;
        }

        .covid-19 #juntos-proposito {
            background: white;
            padding: 105px 0 60px;
        }

        #doacoes {
            padding: 40px 0;
        }

        #doacoes .contador {
            padding: 20px;
        }

        #doacoes .contador span {
            font-size: 16px;
        }

        #doacoes .contador.mobile {
            display: block;
            margin: 20px auto;
        }

        #doacoes .color-black {
            font-size: 28px !important;
        }

        #doacoes .contador #odometer-mobile span {
            font-size: 38px !important;
            line-height: 45px;
        }

        #doacoes .mapa svg {
            transform: scale(1.05);
            height: 285px;
            margin: 20px 0;
        }

        #doacoes .contador span {
            font-size: 14px;
        }

        #doacoes .qtd-doacoes .doacao {
            min-height: 235px;
        }

        .covid-19-modal.modal.instituicoes .modal-dialog {
            width: 99%;
        }

        .covid-19-modal.instituicoes table {
            width: 100%;
            overflow: auto;
            font-size: 90%;
        }

        .modal.instituicoes tbody {
            width: 450px;
        }

        .modal.instituicoes thead {
            width: 450px;
        }

        .covid-19-modal .modal-body {
            padding: 10px 30px 30px 30px !important;
        }

        .covid-19-modal .modal-dialog h2 {
            font-size: 26px;
            line-height: 30px;
        }

        .covid-19-modal .modal-dialog p {
            font-size: 15px;
            line-height: 29px;
        }

        .covid-19-modal .modal-dialog p {
            font-size: 16px;
            line-height: 26px;
        }

        #cuidados-redobrados {
            padding: 50px 0 478px;
        }

        #cuidados-redobrados .imagem:after {
            left: -104%;
            top: 78%;
        }

        .covid-19 #duvidas-covid {
            padding: 140px 0 0;
        }

        #duvidas-covid:before {
            width: 116%;
            height: 47%;
            top: 0px;
            border-radius: 0 100% 0 0%;
        }

        .covid-19 #duvidas-covid .container {
            background: #f1efeb;
        }

        .covid-19 #outras-duvidas .panel-title>a,
        .panel-title>a:active {
            line-height: 24px;
            font-size: 18px;
        }

        .covid-19 #outras-duvidas .panel-default>.panel-heading+.panel-collapse>.panel-body {
            padding: 20px 30px;
            font-size: 16px;
        }

        .covid-19 #outras-duvidas .panel-default>.panel-heading {
            padding: 20px 20px;
        }

        .covid-19 #ministerio {
            height: 555px;
            margin: -270px auto 100px;
        }

        .covid-19 #ministerio .imagem:after {
            bottom: -132px;
            left: -56%;
            transform: scale(0.45);
        }

        .covid-19 #ministerio .conteudo {
            padding: 20px 30px 40px;
        }

        .covid-19 #videos-noticias {
            padding: 20px 0 40px;
        }

        .covid-19 #videos-noticias #videos {
            margin-top: 20px;
        }

        #videos .galeria .slick-track .video {
            width: 226px !important;
        }

        .covid-19 #videos-noticias #videos .galeria .slick-dots .slick-active button {
            background: #1c3286;
        }

        .covid-19 #videos-noticias #videos .galeria .slick-dots li button {
            background: rgba(132, 132, 132, 0.32);
        }

        #dvMap {
            height: 350px;
        }

        #TabelaModalMapa tbody td {
            padding-left: 65px;
            font-size: 10px;
        }
    }

    @media (max-width: 375px) {
        #TabelaModalMapa tbody td {
            font-size: 9px;
        }
    }

    @media (max-width: 365px) {
        #banner-top:after {
            background-size: 318%;
            top: 197px;
        }

        #cuidados-redobrados .imagem:after {
            left: -140%;
        }

        .covid-19 #ministerio .imagem:after {
            bottom: -146px;
            left: -65%;
        }

        .covid-19 #ministerio .conteudo {
            padding: 20px 20px 40px;
        }

        .covid-19 #videos-noticias #videos .galeria {
            padding: 10px 20px 40px;
        }

        .covid-19 #videos-noticias #videos .galeria .video {
            width: 210px !important;
        }
    }

    @media (max-width: 320px) {
        #banner-top .conteudo {
            width: 85%;
            margin: 20px auto;
        }

        #doacoes .qtd-doacoes .doacao {
            min-height: 275px;
        }

        .covid-19 #ministerio a.informacoes {
            font-size: 13px;
        }

        .disclaimer {
            font-size: 10px !important;
        }
    }

    /**** Nova identidade ****/

    .mr-5,
    .mx-5 {
        margin-right: 3rem !important;
    }

    .float-left {
        float: left;
    }

    .pb-3,
    .py-3 {
        padding-bottom: 1rem !important;
    }

    .pt-3,
    .py-3 {
        padding-top: 1rem !important;
    }

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

    /**** Nova identidade - FIM ****/
    /* portal do fornecedor */

    .portaldofornecedor p {
        font-size: 1.5rem;
    }

    .port
    /* flipbook */

    .hidden-button {
        position: absolute;
        bottom: 14.2%;
        left: 18%;
        width: 9vw;
        padding: 1vw;
        background-color: Transparent;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        overflow: hidden;
        outline: none;
    }

    .wrapper {
        align-items: center;
        display: flex;
        height: 90%;
        justify-content: center;
        margin: 5%;
        width: 90%;
    }

    .aspect {
        padding-bottom: 70%;
        position: relative;
        width: 100%;
    }

    .aspect-inner {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .flipbook {
        height: 100%;
        transition: margin-left 0.25s ease-out;
        width: 100%;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .flipbook .page {
        height: 100%;
        width: 100%;
    }

    .flipbook .page img {
        max-width: 100%;
        height: 100%;
    }

    /*fim flipbook */

    .font-sustentabilidae p {
        font-family: "Noto Sans Light" !important;
        font-size: 18px;
        line-height: 26px;
    }

    /* net zero*/

    .netzero .category__header h1 {
        display: none;
    }

    .netzero .category__header {
        background-image: url(../images/headerNETZERO.jpg) !important;
    }

    .netzero .panel-default>.panel-heading+.panel-collapse>.panel-body {
        font-family: inherit;
        font-weight: normal;
        color: inherit;
        font-size: 18px;
        border-top-color: #ddd;
        font-size: inherit;
        padding: 20px 40px;
    }

    .netzero .panel-default>.panel-heading {
        background: none;
        padding: 20px 30px;
    }

    .netzero .panel-default>.panel-heading:hover {
        background: #f7f7f7;
    }

    .page-template-template-level-2 .netzero .panel-default>.panel-heading a {
        font-weight: 600;
    }

    .netzero .panel-default>.panel-heading a:hover,
    .netzero .panel-default>.panel-heading a:focus {
        text-decoration: none;
    }

    .netzero .panel.panel-default {
        border-radius: 30px;
        overflow: hidden;
    }

    .netzero a:not(.btn):not(.button):not(.panel-title a) {
        color: #0767b1;
    }

    .netzero #collapseTwo .panel-body table tr:first-of-type {
        background: #f7f7f7;
    }

    .netzero #collapseTwo .panel-body table tr {
        border: 1px solid #ddd;
    }

    .netzero #collapseTwo .panel-body table tr td {
        padding: 5px 10px;
    }

    .netzero .quadro {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .netzero .quadro .item {
        width: 50%;
        float: left;
        text-align: center;
    }

    .netzero .quadro .icone {
        width: 85px;
    }

    /*fim net zero*/
    /* pág Nossas marcas */

    .section-boxes-text {
        padding: 0px;
        position: relative;
    }

    .section-boxes-text::before {
        content: "";
        position: absolute;
        background-image: url("../images/bg_page_nossas_marcas.png");
        background-size: 100%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
    }

    .section-boxes-text::after {
        content: "";
        position: absolute;
        background-image: url("../images/bg_circulo-esq.svg");
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        top: -80px;
        height: 200%;
        width: 100%;
        z-index: -1;
    }

    .section-boxes-text .d-flex {
        display: flex;
    }

    .section-boxes-text .row {
        display: flex;
        flex-wrap: wrap;
    }

    .section-boxes-text .header-box img {
        width: 100%;
        height: 140px;
        object-fit: cover;
        max-width: 100%;
        border-radius: 20px 20px 0px 0px;
    }

    .section-boxes-text .content-brands {
        background: #fff;
        border-radius: 20px;
        border: 1px solid #00000011;
        border-bottom: 8px solid #d12429;
        margin-bottom: 40px;
    }

    .section-boxes-text .content-box {
        padding: 0px 20px 20px;
    }

    .section-boxes-text .content-box .text-box {
        margin-top: 20px;
    }

    .section-boxes-text .content-box .text-box h3 {
        color: #e31f26;
        font-weight: bold;
        margin: 0px 0px 20px 0px;
        font-size: 20px;
        font-family: "Co Bold";
    }

    .section-boxes-text .content-box .text-box p {
        color: #000;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.3;
        font-family: "Co Text";
    }

    .section-boxes-text .content-box .text-box a {
        color: #e31f26;
        font-size: 1.6em;
        line-height: 1.2;
        text-decoration: underline;
    }

    /* seção nossas marcas com filtro por região */

    .section-main-brands {
        padding: 40px 0px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .section-main-brands .text_mobile {
        display: none;
    }

    .section-main-brands::after {
        content: "";
        position: absolute;
        background-image: url("../images/bg_circulo-dir.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        top: 300px;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        left: auto;
    }

    .section-main-brands .d-none {
        display: none;
    }

    .section-main-brands .title-section {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-main-brands .title-section h2 {
        color: #e21f26;
        font-family: "Co Bold";
        margin-bottom: 60px;
    }

    .section-main-brands .text-filter-region.text_mobile {
        display: none;
    }

    .section-main-brands .text-filter-region {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 30px 0px;
    }

    .section-main-brands .text-filter-region p {
        color: #e21f26;
        font-size: 18px;
        font-family: "Co Text";
    }

    .container_brands {
        visibility: hidden;
        height: 300px;
    }

    .section-main-brands .content-region {
        margin-bottom: 40px;
        position: relative;
        width: 100%;
    }

    .section-main-brands .filter-region {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
    }

    .section-main-brands .filter-region .box-filter {
        background-color: #fff;
        padding: 10px 20px;
        border-radius: 20px;
        border: 1px solid #00000014;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: 180px;
        min-width: 175px;
        cursor: pointer;
        transition: 400ms;
    }

    .section-main-brands .filter-region .box-filter.active {
        transition: 400ms;
        border: 2px solid #e21f26;
        border-bottom: 8px solid #e21f26;
        transform: translateY(-10px);
    }

    .section-main-brands .filter-region .box-filter:hover {
        transition: 400ms;
        border: 2px solid #e21f26;
        border-bottom: 8px solid #e21f26;
        transform: translateY(-10px);
    }

    .section-main-brands .filter-region .box-filter .icon_region img {
        width: 130px;
    }

    .section-main-brands .filter-region .box-filter h4 {
        margin: 0;
        font-family: "Co Bold";
    }

    .section-main-brands .content-region .title-region {
        color: #e21f26;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .section-main-brands .content-region .slide_brands .content-post-brands {
        position: relative;
        padding: 20px;
        background: #fff;
        max-width: 90%;
        border-radius: 10px;
        min-height: 190px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        border: 1px solid #00000014;
        border-bottom: 4px solid #e21f26;
        margin: 20px 0;
        transition: 400ms;
    }

    .section-main-brands .content-region .slide_brands .content-post-brands:hover {
        transform: translateY(-10px);
        transition: 400ms;
        border-bottom: 6px solid #e21f26;
    }

    .section-main-brands .content-region .slide_brands .content-post-brands img {
        width: 120px;
        min-height: 100px;
        object-fit: contain;
    }

    .section-main-brands .content-region .slide_brands .content-post-brands .post_link a {
        font-size: 14px;
        text-decoration: underline;
        color: #ec6624;
        font-family: "Co Text", sans-serif;
    }

    .section-main-brands .content-region .slide_brands .slick-arrow {
        background-color: #fff;
        width: 30px;
        height: 30px;
        top: -50px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 2px 2px 5px #0000003b;
    }

    .section-main-brands .content-region .slide_brands .slick-prev {
        right: 50px !important;
    }

    .section-main-brands .content-region .slide_brands .slick-prev::after {
        content: "\f054";
        position: relative;
        font-family: "FontAwesome";
        color: #e21f26;
        font-size: 17px;
        transform: rotate(180deg);
    }

    .section-main-brands .content-region .slide_brands .slick-next::after {
        content: "\f054";
        position: relative;
        font-family: "FontAwesome";
        color: #e21f26;
        font-size: 17px;
    }

    .section-main-brands .content-region .slide_brands .slick-track {
        display: flex;
        align-items: start;
        justify-content: start;
        margin: 0;
    }

    /* pagina a BRF */
    /* .section-a-brf {
    padding: 60px 0px;
} */

    .section-a-brf .fix-menu {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
    }

    .section-a-brf .fix-menu .d-none {
        display: none;
    }

    .section-a-brf .fix-menu ul {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        padding: 20px 30px;
        border-radius: 20px 20px 0px 0px;
        z-index: 999999;
        position: relative;
        gap: 0px 20px;
        list-style: none;
        margin: 0;
        border-top: 4px solid #e31f26;
        box-shadow: 0px 1px 15px 2px #00000014;
    }

    .section-a-brf .fix-menu ul li {
        border-left: 1px solid #00000026;
        padding: 0px 25px;
    }

    .section-a-brf .fix-menu ul li:first-of-type {
        border-left: 0px;
        padding: 0px;
    }

    .section-a-brf .fix-menu ul li a {
        font-family: "Co Text", sans-serif;
        font-size: 1.6em;
        line-height: 1.4;
        color: #e31f26;
        text-decoration: none;
    }

    .section-a-brf .fix-menu ul li a:hover {
        text-decoration: none;
    }

    .section-a-brf .go_top {
        position: fixed;
        right: 35px;
        bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        border-radius: 100%;
        box-shadow: 0px 0px 10px #0000006b;
        border: 1px solid #ffffff85;
    }

    .section-a-brf .go_top::before {
        content: "\f077";
        position: absolute;
        font-family: "FontAwesome";
        color: #fff;
        font-size: 20px;
        top: 8px;
        z-index: 1;
    }

    .section-a-brf .go_top::after {
        content: "";
        position: absolute;
        height: 40px;
        width: 40px;
        background-color: #e21f26;
        border-radius: 100%;
    }

    .section-a-brf .go_top a {
        height: 40px;
        width: 40px;
        display: block;
        z-index: 1;
    }

    /* video institucional */

    .section-brf-institucional {
        padding: 60px 0px 0px;
        background-image: url("../images/bg_brf_video.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        background-position-y: -85px;
        min-height: 700px;
        margin-top: 40px;
    }

    .section-brf-institucional .row {
        display: flex;
        align-items: center;
    }

    .section-brf-institucional .content-video img {
        border-radius: 20px;
        width: 100%;
        max-width: 100%;
        margin-top: -70px;
    }

    .section-brf-institucional .content-text {
        padding-left: 20px;
    }

    .section-brf-institucional .content-text h3 {
        font-size: 20px;
        line-height: 1.4;
        margin: 0px 0px 10px;
        color: #fff;
        font-family: "Co Text";
    }

    .section-brf-institucional .content-text p {
        font-size: 1.6em;
        line-height: 1.4;
        color: #fff;
        margin-bottom: 10px;
        font-family: "Co Text";
    }

    .section-brf-institucional .content-video p iframe {
        width: 100%;
        border-radius: 20px;
        min-height: 390px;
        margin-top: -70px;
    }

    /* Seção Governança corporativa */

    .section-governanca {
        padding: 210px 0px 160px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .section-governanca .d-none {
        display: none;
    }

    .section-governanca .mb-50 {
        margin-bottom: 50px;
    }

    .section-governanca .content-text h2 {
        font-size: 26px;
        line-height: 1.6;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #fff;
    }

    .section-governanca .content-text h4 {
        font-size: 20px;
        line-height: 1.6;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #fff;
    }

    .section-governanca .content-text p {
        font-size: 18px;
        line-height: 1.4;
        font-family: "Co Text";
        color: #fff;
        margin-bottom: 10px;
    }

    .section-governanca .content-text .icon img {
        max-width: 150px;
        margin-bottom: 0;
        position: relative;
        left: -20px;
    }

    .section-governanca .content-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-governanca .content-img img {
        width: fit-content;
        max-width: 100%;
    }

    /* box governanças */

    .section-governanca .content-box {
        display: flex;
        flex-direction: column;
        gap: 0px 20px;
        padding: 40px 30px;
        margin-top: 30px;
        border: 1px solid #00000030;
        border-radius: 20px;
        box-shadow: 0px 0px 10px #00000020;
        background-color: #fff;
    }

    .section-governanca .header-box {
        position: relative;
        cursor: pointer;
    }

    .section-governanca .header-box::before {
        content: "+";
        position: absolute;
        font-size: 34px;
        color: #e21f26;
        top: 5px;
        right: 20px;
    }

    .section-governanca .header-box.active::before {
        content: "_";
        font-size: 34px;
        top: -10px;
    }

    .section-governanca .header-box .content-box-icon h3 {
        font-size: 20px;
        font-family: "Co Bold";
        line-height: 1.6;
        margin: 0px;
        color: #e21f26;
    }

    .section-governanca .content-box .header-box .content-box-icon {
        display: flex;
        gap: 15px;
        align-items: center;
    }

    .section-governanca .content-box .header-box .content-box-icon img {
        max-width: 40px;
    }

    .section-governanca .content-box .content-box-text {
        padding: 15px 0px 0px 50px;
    }

    .section-governanca .content-box .content-box-text h3 {
        font-size: 2em;
        line-height: 1.6;
        font-weight: bold;
        margin: 0px 0px 10px;
        color: #e31f26;
    }

    .section-governanca .content-box .content-box-text p {
        font-size: 1.6em;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px;
    }

    .section-governanca .link-estrutura-corporativa {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 50px 0px;
    }

    .section-governanca .link-estrutura-corporativa a {
        font-family: "Co Text", sans-serif;
        font-size: 18px;
        color: #fff;
        text-decoration: underline;
    }

    /* Seção o que fazemos  */

    .section-o-que-fazemos {
        padding: 60px 0px 140px;
        margin-bottom: 100px;
        background-color: #e31f26;
        position: relative;
    }

    .section-o-que-fazemos .row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-o-que-fazemos .content-text h2 {
        font-size: 2.8em;
        line-height: 1.6;
        font-weight: bold;
        margin-bottom: 10px;
        color: #fff;
    }

    .section-o-que-fazemos .content-text p {
        font-size: 1.6em;
        line-height: 1.4;
        color: #fff;
        margin-bottom: 10px;
    }

    .section-o-que-fazemos .content-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-o-que-fazemos .content-img img {
        width: fit-content;
        max-width: 100%;
    }

    .section-o-que-fazemos .content-box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 40px;
    }

    .section-o-que-fazemos .content-box .content-icon img {
        width: 100px;
        margin-bottom: 20px;
    }

    .section-o-que-fazemos .content-box .content-text h2 {
        font-size: 2.8em;
        line-height: 1.6;
        font-weight: bold;
        margin: 0px;
        color: #fff;
    }

    .section-o-que-fazemos .content-box .content-text h3 {
        font-size: 1.8em;
        line-height: 1.6;
        font-weight: bold;
        margin: 0px;
        color: #fff;
    }

    .section-o-que-fazemos .box-producao {
        position: absolute;
        bottom: -80px;
        background: #e31f26;
        padding: 30px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        gap: 0px 30px;
        width: 100%;
        max-width: 1000px;
    }

    .section-o-que-fazemos .box-producao::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid #fff;
        border-radius: 14px;
        top: -10px;
        left: -10px;
    }

    .section-o-que-fazemos .box-producao .content-icon,
    .content-text {
        z-index: 1;
    }

    .section-o-que-fazemos .box-producao .content-icon img {
        width: 70px;
        margin-bottom: 20px;
    }

    .section-o-que-fazemos .box-producao .content-text h4 {
        font-size: 2em;
        line-height: 1.6;
        font-weight: bold;
        margin: 0px;
        color: #fff;
    }

    .section-o-que-fazemos .box-producao .content-text span {
        font-size: 2.8em;
    }

    .hidden_content {
        overflow: hidden;
    }

    /* Seção onde estamos */

    .section-onde-estamos {
        padding: 0px 0px 60px;
        position: relative;
    }

    .section-onde-estamos::before {
        content: "";
        position: absolute;
        left: 0px;
        bottom: -100%;
        width: 100%;
        height: 2000px;
        background-image: url("../images/bg_circulo-esq.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .section-onde-estamos::after {
        content: "";
        position: absolute;
        right: -295px;
        top: -39%;
        width: 100%;
        height: 2000px;
        background-image: url(../images/bg_circulo-dir.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .section-onde-estamos .title-section {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 50px;
    }

    .section-onde-estamos .title-section h2 {
        font-size: 2.8em;
        line-height: 1.6;
        margin: 0px 0px 10px;
        color: #e31f26;
        font-family: "Co Bold";
    }

    .section-onde-estamos .content-img-full img {
        width: 100%;
        max-width: 100%;
    }

    .section-onde-estamos .content-img-mobile {
        display: none;
    }

    .section-onde-estamos .box-onde-estamos {
        padding: 20px 10px;
        border-radius: 20px;
        border: 1px solid #00000011;
        margin-bottom: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        min-height: 220px;
        background-color: #fff;
        width: 100%;
    }

    .section-onde-estamos .box-onde-estamos img {
        width: 70px;
        margin-bottom: 10px;
    }

    .section-onde-estamos .box-onde-estamos p {
        font-size: 1.6em;
        line-height: 1.4;
        color: #000;
        margin: 0px;
        font-family: "Co Text";
    }

    .section-onde-estamos h2 {
        font-size: 3em;
        line-height: 1.6;
        margin: 0px;
        color: #e31f26;
        font-family: "Co Bold";
    }

    .section-onde-estamos .content-box-map_mobile {
        display: none;
    }

    .section-onde-estamos .content-box-map_mobile .box-location {
        padding: 10px 15px 10px;
        border: 1px solid #00000011;
        border-radius: 20px;
        background: #fff;
        border-bottom: 3px solid #e21f26;
        margin: 20px 10px 0px;
        min-width: 240px;
        display: block;
    }

    .section-onde-estamos .content-box-map_mobile .box-location .titulo {
        font-family: "Co Text";
        font-size: 16px;
        color: #e21f26;
        margin-bottom: 10px;
    }

    .section-onde-estamos .content-box-map_mobile .box-location .texto {
        margin-bottom: 10px;
        border-bottom: 2px solid #00000011;
    }

    .section-onde-estamos .content-box-map_mobile .box-location .texto p {
        font-family: "Co Text";
        font-size: 12px;
        color: #333333;
        line-height: 18px;
    }

    .section-onde-estamos .content-box-map_mobile .box-location ul.bandeiras {
        display: flex;
        gap: 5px;
        list-style: none;
        margin: 0;
    }

    .section-onde-estamos .content-box-map_mobile .box-location ul.bandeiras li img {
        max-width: 50px;
    }

    /* seção linha do tempo  */

    .section-video-linha-tempo {
        padding: 60px 0px;
        position: relative;
        z-index: 1;
    }

    .section-video-linha-tempo .bg-section {
        background-image: url("../images/bg_brf_video.svg");
        width: 100%;
        height: 100%;
        position: absolute;
        transform: rotate(180deg);
        background-position-y: 30px;
        background-repeat: no-repeat;
        background-size: cover;
        left: 0;
        top: 0;
    }

    .section-video-linha-tempo .content-video {
        max-width: 80%;
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin: 200px auto -20px;
        position: relative;
    }

    .section-video-linha-tempo .content-video .link {
        color: #e21f26;
        font-size: 18px;
        font-size: "Co Text";
        text-align: center;
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .section-video-linha-tempo .content-video img {
        width: 100%;
        max-width: 100%;
        border-radius: 20px;
    }

    .section-video-linha-tempo .content-video video {
        width: 100%;
        border-radius: 20px;
    }

    /* modal linha do tempo */

    .section-video-linha-tempo .modal-timeline {
        display: none;
        position: fixed;
        top: 50px;
        width: 80%;
        height: 90%;
        background: #fff;
        z-index: 99999;
        left: 10%;
        border-radius: 30px;
        padding: 50px;
        overflow-y: scroll;
        box-shadow: 0px 0px 10px #00000040;
        background-image: url("../images/bg_modal_timeline.png");
        background-repeat: no-repeat;
        background-position: top right;
    }

    .section-video-linha-tempo .modal-timeline.active {
        display: block;
    }

    .section-video-linha-tempo .d-none {
        display: none;
    }

    .section-video-linha-tempo .bg-modal {
        position: fixed;
        top: -20%;
        left: -20%;
        width: 1000%;
        height: 1000%;
        background-color: #00000090;
        z-index: 0;
    }

    .section-video-linha-tempo .close-modal {
        content: "";
        position: fixed;
        top: 50px;
        right: 50px;
        height: 35px;
        width: 35px;
        background-image: url(../images/icon/ico-close.svg);
        z-index: 999;
        filter: grayscale(1) brightness(100);
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .section-video-linha-tempo .content-timeline {
        position: relative;
    }

    .section-video-linha-tempo .content-timeline::after {
        content: "";
        position: absolute;
        top: -50px;
        left: 83px;
        height: 100%;
        width: 5px;
        background: #e31f26;
        z-index: -1;
    }

    .section-video-linha-tempo .content-timeline .row {
        display: flex;
        align-items: center;
    }

    .section-video-linha-tempo .content-timeline .content-img-timeline {
        margin: 20px 0px;
    }

    .section-video-linha-tempo .content-timeline .content-img-timeline img {
        width: 150px;
        object-fit: contain;
        height: 150px;
        /* border: 1px solid #e21; */
        border-radius: 100%;
        padding: 5px;
        /* background: #fff; */
    }

    .section-video-linha-tempo .content-timeline .content-text-timeline {
        display: flex;
        flex-direction: column;
        max-width: 70%;
    }

    .section-video-linha-tempo .content-timeline .content-text-timeline h3 {
        font-size: 28px;
        font-family: "Co Bold";
        margin-bottom: 0px;
        color: #e21f26;
    }

    .section-video-linha-tempo .content-timeline .content-text-timeline h4 {
        font-size: 22px;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #000;
    }

    .section-video-linha-tempo .content-timeline .content-text-timeline p {
        font-size: 16px;
        font-family: "Co Text";
        margin-bottom: 10px;
        line-height: 1.4;
        color: #000;
    }

    /* Seção inovação  */

    .section-inovacao {
        margin-bottom: 30px;
        position: relative;
        overflow: hidden;
        background-image: url("../images/bg_circulo-dir.svg");
        background-position: top right;
        background-repeat: no-repeat;
        background-position-y: 200px;
        background-position-x: 320px;
    }

    .section-inovacao.border {
        border-bottom: 5px solid #e21f26;
    }

    .section-inovacao .img-reverse {
        flex-direction: row-reverse;
    }

    .section-inovacao .img-reverse .content-text {
        max-width: 90%;
        margin: auto;
        padding-left: 120px;
    }

    .section-inovacao .img-reverse .content-img {
        justify-content: end;
        min-width: 100%;
    }

    .section-inovacao .row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-inovacao .row .col-md-6 {
        padding: 0;
    }

    .section-inovacao .content-text {
        max-width: 75%;
    }

    .section-inovacao .content-text a {
        font-size: 16px;
        line-height: 1.6;
        font-family: "Co Text";
        margin-bottom: 10px;
        color: #e21f26;
        text-decoration: underline;
    }

    .section-inovacao .content-text h2 {
        /* font-size: 26px;
        line-height: 1.6; */
        font-size: 2.0em;
        line-height: 1.4;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #e21f26;
    }

    .section-inovacao .content-text h4 {
        font-size: 20px;
        font-size: 2.2em;
        font-family: "Co Bold";
        margin-bottom: 10px;
        line-height: 1.4;
        color: #000;
    }

    .section-inovacao .content-text p {
        font-size: 18px;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px;
    }

    .section-inovacao .content-img {
        display: flex;
        align-items: center;
        justify-content: start;
        max-width: 95%;
    }

    .section-inovacao .content-img img {
        width: 600px;
        max-width: 100%;
        object-fit: contain;
    }

    /* Seção premios  */

    .section-premios {
        padding: 60px 0px;
        position: relative;
        overflow: hidden;
    }

    .section-premios .row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-premios .row .col-md-6 {
        padding: 0;
    }

    .section-premios .content-text {
        max-width: 70%;
    }

    .section-premios .content-text h2 {
        font-size: 2.8em;
        line-height: 1.6;
        font-weight: bold;
        margin-bottom: 10px;
        color: #e21f26;
    }

    .section-premios .content-text p {
        font-size: 1.6em;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px;
    }

    .section-premios .content-img {
        display: flex;
        align-items: center;
        justify-content: start;
        max-width: 90%;
    }

    .section-premios .content-img img {
        width: fit-content;
        max-width: 100%;
    }

    /* menu compre conosco */

    .wrapper-links .select_sub_menu {
        position: relative;
        padding: 6px 25px 0px 10px;
        margin: -10px 0px 0px 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        z-index: 2;
    }

    .wrapper-links .select_sub_menu.border {
        border: 1px solid #e21f26;
        border-radius: 4px;
        margin-right: 10px;
    }

    .wrapper-links .select_sub_menu.active::after {
        content: "";
        position: absolute;
        min-height: 80px;
        border: 1px solid #e21f26;
        border-radius: 4px;
        top: 0px;
        left: 0;
        width: 210px;
        background: #ffffff;
        z-index: 0;
        height: 170px;
        z-index: -1;
    }

    .wrapper-links .select_sub_menu .bold-item-menu {
        font-weight: bold;
        margin-top: 20px;
    }

    .wrapper-links .select_sub_menu.active .sub-menu {
        position: absolute;
    }

    .wrapper-links .select_sub_menu::before {
        content: "\f054";
        position: absolute;
        font-family: "FontAwesome";
        top: 8px;
        right: 10px;
        color: #e21f26;
        font-size: 10px;
        transform: rotate(90deg);
    }

    .wrapper-links .select_sub_menu .sub-menu {
        margin-top: 0px;
        display: none;
    }

    .wrapper-links .select_sub_menu ul {
        list-style: none;
        margin: 0;
    }

    .wrapper-links .select_sub_menu ul li {
        margin-bottom: 6px;
    }

    .wrapper-links .select_sub_menu ul li a {
        position: relative;
        font-size: 1.3rem;
        text-decoration: none;
        color: #e21f26;
        display: block;
    }

    .wrapper-links .select_sub_menu ul li:not(.menu-item-has-children) a {
        color: black !important;
    }

    .wrapper-links .select_sub_menu.active .sub-menu {
        display: flex;
        min-width: 200px;
        height: 100%;
        flex-direction: column;
    }

    .wrapper-links .main .btn-menu {
        position: relative;
    }

    .wrapper-links .main .btn-menu::before {
        content: "\f019";
        font-family: "FontAwesome";
        position: absolute;
        font-size: 14px;
        color: #fff;
        right: 8px;
        top: -2px;
    }

    .wrapper-links .main .btn-relatorio {
        background: #e21f26;
        padding: 10px 30px 10px 10px;
        border-radius: 4px;
        color: #fff;
        margin: 0px 0px 0px 10px;
        font-family: "Co Text", sans-serif;
        text-transform: uppercase;
        font-size: 1.1em;
        text-decoration: none;
    }

    /* seção nossa atuação */

    .section-nossa-atuacao {
        padding: 0 0px;
        margin-top: -300px;
        position: relative;
    }

    .section-nossa-atuacao .row {
        display: flex;
        align-items: center;
    }

    .section-nossa-atuacao .content-text {
        display: flex;
        flex-direction: column;
    }

    .section-nossa-atuacao .content-text h2 {
        color: #e21f26;
        font-family: "Co Bold";
        font-size: 26px;
        margin-bottom: 10px;
    }

    .section-nossa-atuacao .content-text h3 {
        color: #000;
        font-family: "Co Bold";
        font-size: 20px;
        margin-bottom: 10px;
    }

    .section-nossa-atuacao .content-text p {
        font-size: 18px;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px;
        font-family: "Co Text";
    }

    .section-nossa-atuacao .content-img img {
        width: fit-content;
    }

    /* banner home  */

    .section-banner-home {
        position: relative;
    }

    .section-banner-home .d-flex {
        display: flex;
    }

    .section-banner-home .container {
        margin: auto;
    }

    .section-banner-home .content-banner-home {
        display: flex !important;
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: top right;
        min-height: 350px;
        position: relative;
    }

    .section-banner-home .content-banner-home .img_mobile {
        display: none;
    }

    .section-banner-home .content-banner-home::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 240px;
        width: 240px;
        background-image: url("../images/bg_banner_top.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .section-banner-home .content-banner-home.com-forma::after {
        content: "";
        position: absolute;
        bottom: -125px;
        right: 0;
        height: 240px;
        width: 45%;
        background-image: url("../images/bg_banner_bottom.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .section-banner-home .content-banner-home .content-text {
        display: flex;
        justify-content: center;
        flex-direction: column;
        max-width: 80%;
        padding-left: 40px;
        margin-top: 40px;
    }

    .section-banner-home .content-banner-home .content-text h2,
    .section-banner-home .content-banner-home .content-text h3 strong {
        color: #e21f26;
        margin-bottom: 10px;
        font-family: "Co Bold";
    }

    .section-banner-home .content-banner-home .content-text h3 strong {
        font-size: 30px;
        line-height: normal;
    }

    .section-banner-home .content-banner-home .content-text h4 {
        color: #000;
        margin-bottom: 10px;
        font-family: "Co Bold";
    }

    .section-banner-home .content-banner-home .content-text h3,
    .section-banner-home .content-banner-home .content-text p {
        color: #000;
        margin-bottom: 10px;
        font-family: "Co Text";
        font-size: 18px;
        line-height: 1.6;
    }

    .section-banner-home .content-banner-home .content-text .btn-link {
        color: #fff;
        margin: 10px 0px;
        font-family: "Co Bold";
        padding: 10px 30px;
        border-radius: 100px;
        background-color: #e21f26;
        width: fit-content;
        font-size: 16px;
    }

    .section-banner-home .content-banner-home .content-text .btn-link:hover {
        text-decoration: none;
    }

    .section-banner-home .content-banner-home.largura-maior .content-text {
        max-width: 100%;
    }

    .section-banner-home .content-banner-home .content-img img {
        max-width: 100%;
    }

    .section-banner-home .slick-dots {
        padding: 5px 10px;
        border: 1px solid #e21f26;
        border-radius: 100px;
        max-width: fit-content;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        opacity: 0.5;
    }

    .section-banner-home .slick-dots li button {
        background-color: #e21f26;
        opacity: 0.3;
    }

    .section-banner-home .slick-dots .slick-active button {
        background-color: #e21f26;
        opacity: 0.8;
    }

    @media screen and (min-width: 561px) and (max-width: 1700px) {
        .section-banner-home .content-banner-home.banner-rs {
            background-size: auto !important;
        }       
    }

    /* quem somos home  */

    .section-quem-somos {
        padding: 0;
        margin-top: 60px;
        position: relative;
    }

    .section-quem-somos .d-flex {
        display: flex;
    }

    .section-quem-somos .bg-section {
        background-image: url("../images/bg_nossas_marcas.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        top: 120px;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        min-height: 750px;
    }

    .section-quem-somos .img-box {
        width: 100%;
        border-radius: 20px 20px 0px 0px;
    }

    .section-quem-somos .content-box {
        background: #ffffff;
        border-radius: 20px;
        border-bottom: 8px solid #d12429;
        box-shadow: 0px 1px 15px 2px #00000014;
    }

    .section-quem-somos .px-20 {
        padding: 20px;
    }

    .section-quem-somos .content-box .title-section {
        color: #e31f26;
        font-weight: bold;
    }

    .section-quem-somos .content-box h3 {
        margin: 0px 0px 10px;
        color: #e21f26;
        font-family: "Co Bold";
    }

    .section-quem-somos .content-box p {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 20px;
        color: #000;
        font-family: "Co Text";
    }

    .section-quem-somos .content-box .btn {
        background: #e31f26;
        padding: 12px 20px;
        border-radius: 6px;
        color: #fff;
        min-width: 140px;
        font-size: 16px;
        font-family: "Co Bold";
        margin-bottom: 20px;
    }

    /* brands home */

    .section-brands-home {
        padding: 50px 0px;
        position: relative;
    }

    .section-brands-home .title-section-brands {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-brands-home .title-section-brands h2 {
        color: #fff;
        font-size: 32px;
        margin-bottom: 30px;
        font-family: "Co Bold";
    }

    .section-brands-home .slide-brands-home {
        max-width: 90%;
        margin: 20px 0px 0px auto;
    }

    .section-brands-home .slide-brands-home .slide-item {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .section-brands-home .slide-brands-home .slide-item a {
        padding: 0px;
        background: #fff;
        border-radius: 100%;
        height: 160px;
        width: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 0px 6px #0001;
        border-bottom: 4px solid #e21f26;
    }

    .section-brands-home .slide-brands-home .slide-item a img {
        max-width: 100%;
        width: fit-content;
    }

    /* seção atuações home  */

    .section-atuacoes {
        padding: 40px 0px;
        position: relative;
    }

    .section-atuacoes .img_mobile {
        display: none;
    }

    .section-atuacoes .box-slide {
        display: flex;
        flex-direction: column;
        height: 260px;
        box-sizing: border-box;
        justify-content: center;
        padding-left: 200px;
        border: 1px solid #e6e6e7;
        transition: 0.2s ease all;
        margin: 10px 0;
    }

    .section-atuacoes .box-slide {
        background-position: left center;
        background-repeat: no-repeat;
        border-radius: 20px;
    }

    .section-atuacoes .content-box {
        padding: 20px;
    }

    .section-atuacoes .content-box h3 {
        font-family: "Co Bold";
        margin-bottom: 10px;
        font-size: 32px;
        color: #000;
    }

    .section-atuacoes .content-box p {
        font-family: "Co Text";
        margin-bottom: 20px;
        font-size: 18px;
        color: #000;
        line-height: 1.4;
    }

    .section-atuacoes .content-box a.btn_link {
        font-family: "Co Text";
        margin-bottom: 10px;
        font-size: 16px;
        color: #e21f26;
        text-decoration: underline;
    }

    .section-atuacoes .relatorio {
        margin: 30px 0;
        box-shadow: 0px 0px 1px 1px #0003;
        border-radius: 20px;
        padding: 0px;
        display: flex;
        align-items: center;
    }

    .section-atuacoes .relatorio .text-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .section-atuacoes .relatorio p {
        font-family: "Co Text";
        margin-bottom: 0;
        font-size: 18px;
        color: #000;
        line-height: 1.3;
    }

    .section-atuacoes .relatorio .btn--comunicado {
        background: #e31f26;
        padding: 12px 30px;
        border-radius: 6px;
        color: #fff;
        font-size: 16px;
        font-family: "Co Bold";
    }

    .section-atuacoes .relatorio .icone-relatorio {
        display: flex;
        align-items: center;
        padding: 0;
    }

    .section-atuacoes .relatorio .icone-relatorio img {
        width: 150px;
    }

    .section-atuacoes .relatorio .icone-relatorio .icone_mobile {
        display: none;
    }

    @media screen and (max-width: 560px) {
        .section-atuacoes .relatorio .icone-relatorio .icone_mobile {
            display: block;
        }

        .section-atuacoes .relatorio .icone-relatorio .icone_desck {
            display: none;
        }
    }

    /* releases home  */

    .section-releases {
        padding: 110px 0px 0px;
        background-image: url("../images/bg_noticias_recentes.png");
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .section-releases .title-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .section-releases .title-section h2 {
        color: #e21f26;
        font-size: 32px;
        line-height: 1.4;
        font-family: "Co Bold";
        margin: 0px 0px 0px 10px;
    }

    .section-releases .title-section .ver-todos {
        font-family: "Co Text";
        color: #e31f26;
        font-size: 1.6em;
        font-weight: normal;
        text-decoration: underline;
        margin: 0px 20px 0px 0px;
    }

    .section-releases .content-item-release .content-item {
        margin: 10px 20px 10px 10px;
        padding: 20px 10px;
        min-height: 280px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .section-releases .content-item-release .content-item .date {
        color: #000;
        font-weight: bold;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-family: "Noto Sans";
        font-size: 16px;
    }

    .section-releases .content-item-release .content-item a {
        font-family: "Co Text";
        font-weight: normal;
        color: black;
    }

    .section-releases .content-item-release .content-item .title-release {
        font-family: "Co Text";
        font-weight: normal;
        font-size: 1.6em;
        line-height: 1.3;
        margin: 20px 0px 0px;
        min-height: 100px;
    }

    .section-releases .content-item-release .content-item hr {
        margin: 10px 0 20px;
        background-color: #0a0a0a2e;
    }

    .section-releases .content-item-release .content-item .link--release {
        font-family: "Co Text";
        color: #e31f26;
        font-size: 1.6em;
        font-weight: normal;
        text-decoration: underline;
    }

    /* HEADER PÁGINAS INTERNAS  */

    .section-new-header {
        padding: 60px 0px;
        min-height: 400px;
        position: relative;
        margin-left: auto;
        overflow: hidden;
    }

    .section-new-header::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 240px;
        width: 240px;
        background-image: url("../images/bg_banner_top.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .section-new-header .content-slide {
        position: absolute;
        right: 0px;
        top: 0;
        padding: 0;
    }

    .section-new-header .slide-banner-inner-pages {
        max-width: 90%;
        margin-left: auto;
    }

    .section-new-header .slide-banner-inner-pages .slick-dots {
        background-color: #fff;
        padding: 5px 10px;
        border: 1px solid #e21f26;
        border-radius: 100px;
        max-width: fit-content;
        position: absolute;
        left: 0;
        transform: translateX(-50%);
        bottom: 20px;
        opacity: 1;
    }

    .section-new-header .slide-banner-inner-pages .slick-dots li button {
        background-color: #e21f26;
        opacity: 0.3;
    }

    .section-new-header .slide-banner-inner-pages li.slick-active button {
        background-color: #e21f26;
        opacity: 0.8;
    }

    .section-new-header .content-slide.content-mobile {
        display: none;
    }

    .section-new-header .content-inner-page {
        min-height: 350px;
        display: flex !important;
        align-items: end;
        justify-content: center;
        width: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        position: relative;
        right: 1px;
    }

    .section-new-header .content-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 90%;
    }

    .section-new-header .content-text h2 {
        font-size: 38px;
        line-height: 1.4;
        margin-bottom: 0px;
        color: #e31f26;
        font-family: "Co Bold";
    }

    .section-new-header .content-text h3 {
        font-size: 32px;
        line-height: 1.4;
        margin-bottom: 0px;
        color: #e31f26;
        font-family: "Co Bold";
    }

    .section-new-header .content-text h4 {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
        color: #000;
        font-family: "Co Bold";
    }

    .section-new-header .content-text h5 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 10px;
        color: #000;
        font-family: "Co Bold";
    }

    .section-new-header .content-text p {
        font-size: 18px;
        line-height: 1.4;
        color: #000;
    }

    .section-new-header .content-text-slide {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
        position: relative;
        z-index: 1;
    }

    .section-new-header .content-text-slide::before {
        content: "";
        position: absolute;
        bottom: -125px;
        right: 0;
        height: 240px;
        width: 90%;
        background-image: url("../images/bg_banner_bottom.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .section-new-header .content-text-slide h4 {
        font-size: 2em;
        line-height: 1.4;
        font-weight: bold;
        margin-bottom: 20px;
        color: #fff;
    }

    .section-new-header .content-text-slide p {
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 0;
        color: #fff;
        z-index: 2;
        position: relative;
    }

    /* seção linha do tempo premios  */

    .section-timeline-premios {
        padding: 60px 0px;
        position: relative;
    }

    .section-timeline-premios .container::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 150px;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(360deg, white, transparent);
        z-index: 0;
    }

    .section-timeline-premios::before {
        content: "";
        position: absolute;
        left: -90px;
        top: -165%;
        width: 100%;
        height: 2000px;
        background-image: url("../images/bg_circulo-esq.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .section-timeline-premios::after {
        content: "";
        position: absolute;
        right: -260px;
        top: -65%;
        width: 100%;
        height: 2000px;
        background-image: url("../images/bg_circulo-dir.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .section-timeline-premios .d-none {
        display: none;
    }

    .section-timeline-premios .title-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 50%;
        margin: auto;
    }

    .section-timeline-premios .title-section h2 {
        font-family: "Co Bold";
        font-size: 30px;
        color: #e21f26;
        margin-bottom: 10px;
        text-align: center;
    }

    .section-timeline-premios .title-section p {
        color: #000;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.4;
        font-family: "Co Bold";
    }

    .section-timeline-premios .ano-timeline {
        margin-top: 60px;
        position: relative;
    }

    .section-timeline-premios .ano-timeline ul {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        list-style: none;
    }

    .section-timeline-premios .ano-timeline ul::before {
        content: "";
        position: absolute;
        height: calc(100% + 120px);
        width: 5px;
        background: #e21f26;
        z-index: -1;
        top: -50px;
        border-radius: 100px;
    }

    .section-timeline-premios .ano-timeline ul::after {
        content: "";
        position: absolute;
        height: calc(100% + 130px);
        width: 13px;
        background: #00000030;
        z-index: -2;
        top: -55px;
        border-radius: 100px;
    }

    .section-timeline-premios .ano-timeline ul li {
        margin-bottom: 40px;
    }

    .section-timeline-premios .ano-timeline ul li a {
        color: #fff;
        font-size: 26px;
        font-family: "Co Bold";
        padding: 8px 30px;
        background-color: #e21f26;
        border-radius: 50px;
        border-bottom: 4px solid #a50007;
    }

    .section-timeline-premios .ano-timeline ul li a:hover {
        text-decoration: none;
    }

    .section-timeline-premios .content-timeline-premios .bg-modal-timeline {
        position: fixed;
        top: -20%;
        left: -20%;
        width: 1000%;
        height: 1000%;
        background-color: #00000090;
        z-index: 999;
    }

    .section-timeline-premios .content-timeline-premios .close-modal-timeline {
        content: "";
        position: fixed;
        top: 50px;
        right: 50px;
        height: 35px;
        width: 35px;
        background-image: url(../images/icon/ico-close.svg);
        z-index: 9999;
        filter: grayscale(1) brightness(100);
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano {
        display: none;
        position: fixed;
        top: 50px;
        width: 80%;
        height: 90%;
        background: #fff;
        z-index: 99999;
        left: 10%;
        border-radius: 30px;
        padding: 140px 130px 60px;
        overflow-y: scroll;
        box-shadow: 0px 0px 10px #00000040;
        background-image: url("../images/bg_modal_timeline.png");
        background-repeat: no-repeat;
        background-position: top right;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano.active {
        display: block;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .content_post {
        margin-bottom: 50px;
        display: flex;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .icon_award {
        position: relative;
        top: 50px;
        left: -95px;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year {
        margin-bottom: 50px;
        position: relative;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year::before {
        content: "";
        position: absolute;
        width: 5px;
        height: calc(100% + 250px);
        background-color: #e21f26;
        top: -140px;
        left: -70px;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .title_award {
        font-size: 26px;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #e21f26;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .location {
        font-size: 18px;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #000;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .location {
        font-size: 18px;
        font-family: "Co Bold";
        margin-bottom: 10px;
        color: #000;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .description {
        font-size: 18px;
        font-family: "Co Text";
        margin-bottom: 10px;
        color: #000;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .date_year span {
        background: #e21f26;
        border: 10px solid #fff;
        height: 30px;
        width: 30px;
        display: inline-block;
        border-radius: 100px;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .date_year {
        display: flex;
        justify-content: space-between;
        background-color: #e21f26;
        border-radius: 100px;
        padding: 10px 20px;
        margin: 0;
        position: absolute;
        top: -100px;
        left: -100px;
        width: 190px;
    }

    .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .date_year p {
        font-size: 38px;
        color: #fff;
        font-family: "Co Bold";
        margin: 0;
    }

    .section-timeline-premios .content-timeline-premios .content-timeline {
        position: relative;
    }

    .section-timeline-premios .content-timeline-premios .content-timeline::after {
        content: "";
        position: absolute;
        top: -50px;
        left: 83px;
        height: 100%;
        width: 5px;
        background: #e31f26;
        z-index: -1;
    }

    .section-timeline-premios .content-timeline-premios .content-timeline .row {
        display: flex;
        align-items: center;
    }

    #sustentabilidade-page .section-video-linha-tempo .content-video .content-indices-imgs {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        background: transparent;
        flex-wrap: wrap;
    }

    #sustentabilidade-page .section-video-linha-tempo .content-video {
        margin: 0 auto 88px;
        padding-top: 95px;
        max-width: 100%;
    }

    #sustentabilidade-page .section-video-linha-tempo .bg-section {
        background-image: url("../../../../uploads/2024/04/Grupo%20de%20m%C3%A1scara%20259.png");
        transform: rotate(0deg);
        background-size: 105%;
        background-position: -65px 0;
        height: 674px;
        top: 0;
        background-size: 100%;
        background-position: -50% 0;
        height: 715px;
    }

    .section-video-linha-tempo .content-video h2,
    #sustentabilidade-page .section-video-linha-tempo .content-video h3 {
        text-align: center;
        color: #FFF;
        margin: 0 auto;
        width: 72%;
    }

    #sustentabilidade-page .section-video-linha-tempo .content-video h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    #sustentabilidade-page .section-video-linha-tempo .content-video .content-indices-imgs div {
        background: #FFF;
        width: 174px;
        height: 174px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

    #sustentabilidade-page .section-video-linha-tempo .content-video img {
        width: 80%;
    }

    #sustentabilidade-page .section-video-linha-tempo {
        margin-top: -87px;
        margin-top: -104px;
        margin-bottom: 80px;
    }

    #sustentabilidade-page .section-quem-somos .row.d-flex {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 0;
        padding-top: 115px;
    }

    #sustentabilidade-page .section-quem-somos .row-2.d-flex {
        padding-top: 45px;
    }

    #sustentabilidade-page .section-quem-somos .bg-section {
        background-image: url("../../../../uploads/2024/04/bg-plataforma.png");
        background-position: -316px -50px;
        top: -25px;
        background-size: 140%;
        background-position: -50% -50px;
        top: -35px;
        background-size: 100%;
    }

    #sustentabilidade-page .section-inovacao {
        overflow: visible;
    }

    #sustentabilidade-page .section-inovacao#inovacao .row {
        align-items: start;
    }

    #sustentabilidade-page .section-inovacao#inovacao .content-text {
        margin-top: 90px;
    }

    #sustentabilidade-page .section-inovacao .content-text p {
        font-size: 17px;
    }

    #sustentabilidade-page .section-quem-somos {
        margin-top: -50px;
        margin-bottom: 60px;
        position: relative;
    }

    #sustentabilidade-page .section-quem-somos:before {
        content: '';
        background: #f3f1ee;
        /* background-image: url(../images/bg_circulo-dir.svg); */
        border-radius: 50%;
        width: 1600px;
        height: 1600px;
        left: -70%;
        display: block;
        top: 35%;
        position: absolute;
        z-index: 0;
    }

    #sustentabilidade-page .section-quem-somos .d-flex h2 {
        position: absolute;
        color: #FFF;
        left: 50%;
        transform: translate(-50%, 0);
        top: 65px;
        font-weight: bold;
    }

    #sustentabilidade-page .section-quem-somos h3.subtitulo {
        color: #fff;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    #sustentabilidade-page .section-inovacao .content-img img {
        width: auto;
    }

    #sustentabilidade-page .section-quem-somos .content-box .btn {
        position: absolute;
        bottom: 0;
    }

    #sustentabilidade-page .section-quem-somos .col-lg-4.col-md-12.d-flex {
        min-height: 560px;
    }

    #sustentabilidade-page .section-brands-home .slide-brands-home .slide-item a {
        border-radius: 16px;
    }

    #sustentabilidade-page .section-brands-home .title-section-brands,
    #sustentabilidade-page .section-brands-home .slide-brands-home {
        max-width: 90%;
        margin: 20px 0px 0px auto;
        justify-content: flex-start;
    }

    #sustentabilidade-page .section-brands-home .title-section-brands p {
        font-size: 30px;
        font-weight: bold;
        color: #E31F27;
    }

    /* variações de link (página de sustentabilidade) */

    #sustentabilidade-page .content-text a {
        color: white;
        text-decoration: none;
        margin: 10px 0px;
        font-family: "Co Bold";
        padding: 10px 30px;
        border-radius: 100px;
        background-color: #e21f26;
        width: fit-content;
        font-size: 16px;
    }

    #sustentabilidade-page .section-quem-somos .content-box .btn {
        border: 0 none;
        font-size: 16px;
        line-height: 1.6;
        font-family: "Co Text";
        margin-bottom: 10px;
        color: #e21f26;
        text-decoration: underline;
        background: none;
    }

    #sustentabilidade-page .section-quem-somos .content-box .btn:hover {
        text-decoration: underline;
    }

    #sustentabilidade-page .section-inovacao {
        background-image: none;
    }

    #sustentabilidade-page .section-brands-home:before {
        content: '';
        background: #f3f1ee;
        /* background-image: url(../images/bg_circulo-dir.svg); */
        border-radius: 50%;
        width: 1500px;
        height: 1500px;
        right: -57%;
        display: block;
        top: -210%;
        position: absolute;
        z-index: 0;
    }

    @media screen and (max-width: 1500px) {
        #sustentabilidade-page .section-quem-somos {
            margin-top: 0;
        }

        .section-inovacao .content-text h2 {
            font-size: 1.88em;
            line-height: 1.4;
        }
    }

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

        /* banner */
        .section-banner-home .content-banner-home {
            background: inherit !important;
            background-size: inherit !important;
            min-height: 70vh;
        }

        .section-banner-home .content-banner-home .container {
            margin: 0 auto;
        }

        .section-banner-home .content-banner-home::before {
            content: "";
            display: none;
        }

        .section-banner-home .content-banner-home::after {
            width: 100%;
            bottom: -170px;
        }

        .section-banner-home .slick-dots {
            opacity: 1;
            background: #fff;
        }

        .section-banner-home .content-banner-home .img_mobile {
            display: block;
            position: relative;
            left: -30px;
            top: 0;
            width: calc(100% + 60px);
        }

        .section-banner-home .content-banner-home .img_mobile img {
            width: 100%;
        }

        .section-banner-home .content-banner-home .content-text {
            max-width: 100%;
            margin-bottom: 70px;
        }

        /* quem somos */
        .section-quem-somos .row {
            flex-direction: column;
        }

        .section-quem-somos .content-box {
            margin-bottom: 40px;
        }

        /* .section-quem-somos .bg-section {
            display: none;
        } */
        /* nossas marcas .home */
        .section-brands-home {
            padding: 0;
        }

        .section-brands-home::before {
            content: "";
            position: absolute;
            background-image: url("../images/bg_nossas_marcas.svg");
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top;
            top: -90px;
            width: 100%;
            height: 130%;
            left: 0;
            z-index: -1;
        }

        .section-brands-home .slide-brands-home {
            max-width: 100%;
        }

        /* atuações home */
        .section-atuacoes .box-slide {
            padding-left: 0;
            height: auto;
            background-size: 0;
            margin-bottom: 40px;
        }

        .section-atuacoes .img_mobile {
            display: block;
        }

        .section-atuacoes .relatorio {
            flex-direction: column;
            align-items: normal;
            margin: 0px 20px;
        }

        .section-atuacoes .relatorio .icone-relatorio {
            overflow: hidden;
            border-radius: 20px 20px 0px 0px;
        }

        .section-atuacoes .relatorio .icone-relatorio .icone_mobile {
            min-width: 115%;
            position: relative;
            left: -15px;
        }

        .section-atuacoes .relatorio .text-box {
            align-items: start;
            justify-content: space-between;
            flex-direction: column;
            padding: 20px;
            gap: 20px;
        }

        /* noticias home */
        .section-releases {
            background-size: cover;
            position: relative;
        }

        .section-releases .content-item-release .content-item {
            min-height: auto;
            padding: 20px 0px 20px;
        }

        .section-releases .content-item-release .content-item .title-release {
            margin: 20px 0px 20px;
            min-height: auto;
        }

        .section-releases .title-section .ver-todos {
            position: absolute;
            bottom: 20px;
            left: 30px;
        }

        .section-releases .content-item-release .content-item hr {
            height: 2px;
        }

        /* footer */
        footer.main .custom-footer {
            flex-direction: column;
        }

        footer.main .custom-footer .brand {
            display: none;
        }

        footer.main .custom-footer ul {
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        footer.main .custom-footer ul li {
            text-align: center;
        }

        html body footer.main .subfooter .container .col.phone {
            display: none;
        }

        footer.main .subfooter .container .col.terms .divisor {
            display: none;
        }

        footer.main .subfooter .container .col.terms {
            display: flex;
            justify-content: space-between;
            padding: 20px 0px;
            width: 70%;
        }

        .copyright_mobile {
            padding: 10px 0px 20px;
        }

        /* banner páginas internas */
        .section-new-header {
            padding: 0;
        }

        .section-new-header .container {
            display: flex;
            flex-direction: column-reverse;
            padding: 0;
        }

        .section-new-header .content-slide {
            position: relative;
        }

        .section-new-header .content-slide {
            display: none;
        }

        .section-new-header .content-slide.content-mobile {
            display: block;
        }

        .section-new-header::before {
            display: none;
        }

        .section-new-header .slide-banner-inner-pages {
            max-width: 100%;
        }

        .section-new-header .content-inner-page {
            background-size: cover;
            background-repeat: no-repeat;
            right: 0;
            position: relative;
            background-position: right top;
            min-height: 300px;
        }

        .section-new-header .slide-banner-inner-pages .slick-dots {
            left: 50%;
            transform: translateX(-50%);
            bottom: -30px;
        }

        .section-new-header .content-text-slide::before {
            background-size: 100%;
            background-repeat: no-repeat;
            height: 100px;
            width: 150%;
            right: 0;
            top: -100px;
            z-index: 0;
            display: none;
        }

        .section-new-header .content-text {
            max-width: 100%;
            margin: 40px 0px;
        }

        /* boxes nossas marcas */
        .section-boxes-text::before {
            background-size: 300%;
            background-position: center top;
        }

        .section-boxes-text::after {
            display: none;
        }

        /* filtro marcas   */
        .section-main-brands {
            padding: 0;
        }

        .section-main-brands .text-filter-region.text_mobile {
            display: block;
        }

        .section-main-brands .title-section {
            text-align: center;
            flex-direction: column;
        }

        .section-main-brands .title-section h2 {
            margin-bottom: 0;
        }

        .section-main-brands .text_mobile {
            display: block;
            margin: 10px 0px 30px;
        }

        .section-main-brands .text_desck {
            display: none;
        }

        .section-main-brands .filter-region {
            flex-direction: column;
        }

        .section-main-brands .filter-region .box-filter .icon_region img {
            width: 80px;
        }

        .section-main-brands .filter-region .box-filter {
            display: flex;
            flex-direction: row;
            justify-content: start;
            height: auto;
            width: 100%;
            max-width: 90%;
            padding: 5px 10px;
        }

        .section-main-brands .container_brands {
            margin-top: 50px;
            padding-left: 20px;
        }

        .section-main-brands .content-region .slide_brands .content-post-brands img {
            width: 90px;
        }

        .section-main-brands .content-region .slide_brands .content-post-brands {
            min-height: 150px;
        }

        /* governança */
        .section-governanca .link-estrutura-corporativa {
            margin: 0px 20px 100px;
            position: relative;
            z-index: 1;
        }

        .section-governanca .link-estrutura-corporativa a {
            color: #e21f26;
        }

        /* brf institucional  */
        .section-brf-institucional {
            padding: 60px 0px 0px;
            background-size: cover;
            background-position: center top;
            background-position-y: -80px;
            min-height: 700px;
            margin-top: 40px;
        }

        .section-brf-institucional .row {
            flex-direction: column;
        }

        .section-nossa-atuacao .content-img img {
            width: 100%;
        }

        .section-brf-institucional .content-video p iframe {
            height: 200px;
            min-height: auto;
            margin-top: -90px;
            margin-bottom: 20px;
        }

        /* atuações  */
        .section-nossa-atuacao {
            padding: 0px;
            margin-top: -330px;
            position: relative;
            margin-bottom: 50px;
        }

        .section-nossa-atuacao .row {
            display: flex;
            align-items: center;
            flex-direction: column-reverse;
        }

        .section-onde-estamos .box-onde-estamos {
            padding: 0px;
            border: 0px solid #00000011;
            margin-bottom: 50px;
            justify-content: space-evenly;
            flex-direction: row;
            min-height: auto;
        }

        .section-onde-estamos .box-onde-estamos .text {
            width: 60%;
            display: flex;
            flex-direction: column;
            align-items: start;
            margin-left: 36px;
            justify-content: start;
            text-align: left;
        }

        .section-onde-estamos .content-img-full {
            display: none;
        }

        .section-onde-estamos::before {
            display: none;
        }

        .section-onde-estamos::after {
            display: none;
        }

        .section-onde-estamos .content-img-mobile {
            display: block;
        }

        .section-onde-estamos .content-box-map_mobile {
            display: flex;
            overflow: scroll;
        }

        /* video com linha do tempo   */
        .section-video-linha-tempo .content-video {
            margin: 0px auto;
        }

        .section-video-linha-tempo .content-video {
            max-width: 100%;
        }

        .section-video-linha-tempo .bg-section {
            width: 100%;
            height: 70%;
            position: absolute;
            transform: rotate(180deg);
            background-repeat: no-repeat;
            background-size: cover;
            left: 0;
            top: -30px;
            background-position: left top;
        }

        .section-video-linha-tempo .content-timeline .row {
            flex-direction: column;
        }

        .section-video-linha-tempo .content-timeline .content-img-timeline {
            margin: 20px 0px 0px;
        }

        .section-video-linha-tempo .content-timeline .row .col-md-3 {
            width: 100%;
            display: flex;
            gap: 10px;
        }

        .section-video-linha-tempo .content-timeline .row .col-md-9 {
            width: 100%;
        }

        .section-video-linha-tempo .content-timeline::after {
            width: 0;
        }

        .section-video-linha-tempo .content-timeline .content-img-timeline img {
            width: 100px;
            height: 100px;
        }

        .section-video-linha-tempo .close-modal {
            filter: grayscale(1);
            top: 90px;
            right: 25px;
            background-size: 20px;
        }

        .section-video-linha-tempo .modal-timeline {
            background-position-x: 145px;
            padding: 10px;
            top: 80px;
            left: 5%;
            width: 90%;
            height: 85%;
        }

        /* seção de texto com imagem   */
        .section-inovacao .row {
            flex-direction: column;
        }

        .section-inovacao .content-text {
            max-width: 100%;
            padding: 30px 20px;
        }

        .section-inovacao .img-reverse .content-text {
            padding-left: 0;
        }

        /* menu fixo pág a brf */
        .section-a-brf .btn_mob_fix-menu {
            position: fixed;
            right: 35px;
            bottom: 70px;
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 100px;
            border: 1px solid #e21f26;
            z-index: 99;
        }

        .section-a-brf .btn_mob_fix-menu::before {
            content: "\f0c9";
            position: relative;
            font-family: "FontAwesome";
            right: -10px;
            top: 10px;
            font-size: 20px;
            color: #e21f26;
            z-index: 99999;
        }

        .section-a-brf .fix-menu {
            position: fixed;
            bottom: 70px;
            width: 50%;
            z-index: 999;
            right: 20px;
            left: auto;
        }

        .section-a-brf .fix-menu .close_fix-menu {
            color: #e21f26;
            font-size: 25px;
            position: absolute;
            right: 25px;
            top: 4px;
            z-index: 9999999;
            transform: rotate(135deg);
        }

        .section-a-brf .fix-menu ul {
            align-items: baseline;
            justify-content: center;
            flex-direction: column;
            padding: 30px 10px 20px;
            border: 1px solid #e31f26;
            margin: auto;
            border-radius: 10px;
        }

        .section-a-brf .fix-menu ul li {
            border-left: 0px;
            padding: 0px;
        }

        .section-governanca {
            position: relative;
            background-size: 0;
            padding: 350px 0px 0px;
            margin-bottom: -100px;
        }

        .section-governanca .bg_mobile {
            background-size: 100%;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            height: 100%;
            width: 100%;
        }

        .section-governanca .content-box {
            padding: 20px 30px;
            margin: 0px 0px 20px;
        }

        /* seção premios  */
        .section-timeline-premios {
            padding: 0px;
        }

        .section-timeline-premios .title-section {
            max-width: 80%;
        }

        .section-timeline-premios .title-section h2 {
            font-size: 20px;
        }

        .section-timeline-premios .content-timeline-premios .modal-timeline-ano {
            top: 80px;
            left: 5%;
            width: 90%;
            height: 85%;
            padding: 40px 75px 43px 70px;
            background-position-x: 140px;
        }

        .section-timeline-premios .content-timeline-premios .close-modal-timeline {
            top: 95px;
            right: 24px;
            filter: grayscale(1);
            background-size: 20px;
        }

        .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year::before {
            left: -39px;
        }

        .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .icon_award {
            left: -64px;
            width: 80px;
        }

        .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .date_year {
            width: 160px;
            top: -20px;
            left: -70px;
        }

        .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .date_year p {
            font-size: 30px;
        }

        .section-timeline-premios .content-timeline-premios .modal-timeline-ano .content_year .title_award {
            font-size: 18px;
        }

        #sustentabilidade-page .section-quem-somos .d-flex h2 {
            color: #e21f26;
            position: inherit;
            transform: translate(0, 0);
            font-family: "Co Bold";
            font-size: 32px;
        }

        #sustentabilidade-page .section-quem-somos .row.d-flex {
            padding-top: 100px;
        }

        #sustentabilidade-page .section-quem-somos .col-lg-4.col-md-12.d-flex {
            min-height: auto;
        }

        #sustentabilidade-page .section-quem-somos .content-box .btn {
            position: inherit;
        }

        #sustentabilidade-page .section-video-linha-tempo .bg-section {
            background-size: cover;
            height: 100%;
        }

        #sustentabilidade-page .section-video-linha-tempo {
            margin-top: 0;
        }

        #sustentabilidade-page .section-video-linha-tempo .content-video {
            padding-top: 20px;
        }

        #sustentabilidade-page .section-video-linha-tempo .content-video .content-indices-imgs div {
            width: 170px;
            height: 170px;
        }

        #sustentabilidade-page .section-brands-home .title-section-brands p {
            color: #FFFF;
        }

        #sustentabilidade-page .section-brands-home {
            margin-bottom: 35px;
        }
    }

    @media screen and (min-width: 1600px) {
        .section-brf-institucional {
            min-height: 570px;
            padding: 150px 0px 0px;
        }

        .section-nossa-atuacao {
            margin-top: -70px;
        }

        .section-video-linha-tempo {
            padding: 140px 0px;
            margin-top: -100px;
        }

        .section-inovacao {
            background-position-x: 570px;
        }

        .section-governanca {
            padding: 210px 0px 0px;
        }

        #sustentabilidade-page .section-quem-somos .bg-section {
            background-position: 0 -90px;
            background-size: 100%;
        }

        #sustentabilidade-page .section-inovacao .content-img img {
            width: 800px;
        }

        #sustentabilidade-page .section-quem-somos {
            /* margin-top: -160px; */
        }

        #sustentabilidade-page .section-video-linha-tempo {
            margin-top: -120px;
        }

        #sustentabilidade-page .section-video-linha-tempo .content-video {
            padding-top: 50px;
        }
    }

    @media screen and (min-width: 1200px) and (max-width: 1400px) {
        .section-new-header .content-text {
            padding-left: 30px;
        }

        .section-new-header .content-inner-page {
            min-height: 330px;
        }

        .section-nossa-atuacao .content-img img {
            width: fit-content;
            max-width: 100%;
        }

        .section-onde-estamos {
            padding: 0px;
        }

        .section-governanca {
            padding: 60px 0px 50px;
        }

        .section-governanca .content-box {
            padding: 30px 30px;
            margin-top: 20px;
        }
    }

    @media screen and (min-width: 1000px) and (max-width: 1199px) {
        .section-governanca {
            padding: 60px 0px 50px;
        }

        .section-governanca .mb-50 {
            margin-bottom: 10px;
        }

        .section-governanca .content-box {
            padding: 20px 30px;
            margin-top: 20px;
        }
    }

    .category_natal:after {
        content: "";
        position: absolute;
        z-index: -1;
        height: 100%;
        min-height: 531px;
        right: 0;
        top: -65%;
        width: 100%;
        background-image: url(../images/brf_msgfimdeano_tela_v3.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .mensagem-brf .w--form .gform_footer button[type="submit"],
    .mensagem-brf .w--form .gform_footer input[type="submit"] {
        background: #c00000 none;
        border: 0 none;
        font-size: 13px;
        font-weight: bold;
    }

    /* POPUP PÁGINA SUSTENTABILIDADE */

    .popup-container {
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: none;
        z-index: 1000;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 1px 2px 6px 3px rgb(227 31 39 / 15%);
    }

    .popup-container .close-btn {
        position: absolute;
        top: 7px;
        right: 12px;
        cursor: pointer;
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
    }

    .popup-container .popup-content {
        position: absolute;
        top: 50%;
        left: 117px;
        transform: translate(0, -50%);
        font-family: "Co Text", sans-serif;
    }

    .popup-container .popup-content h2 {
        color: #E31F27;
        font-size: 15px;
        font-family: 'Co Text';
        font-weight: bold;
        margin-bottom: 5px;
    }

    .popup-container .popup-content p {
        font-family: 'Co Text';
        font-size: 14px;
        width: 79%;
        color: #000000;
    }

    .popup-container .popup-content a.btn-modal {
        background: #E31F27;
        padding: 9px 17px;
        border-radius: 14px;
        color: #FFF;
        font-size: 12px;
        font-weight: bold;
        display: inline-block;
        text-decoration: none;
    }

    .popup-container .popup-content a.btn-modal:hover {
        font-size: 13px;
    }

    .popup-container .close-btn:hover {
        font-size: 18px;
    }

    @media screen and (max-width: 520px) {
        .popup-container {
            left: 50%;
            width: 95%;
            transform: translate(-50%, 0);
        }

        .popup-container img {
            object-fit: contain;
            width: 100%;
            height: 100%;
        }

        .popup-container .popup-content p {
            width: 80%;
        }

        .popup-container .popup-content {
            left: 100px;
        }
    }

    /* Seção numeros */

    .section-numeros {
        position: relative;
        overflow: unset;
        padding: 0px 0 160px;
    }

    .section-numeros .bg-section {
        background-image: url("../../../../uploads/2024/04/bkg-brf-numeros.png");
        width: 100%;
        height: 900px;
        position: absolute;
        /* transform: rotate(180deg); */
        background-position-y: 0;
        background-repeat: no-repeat;
        background-size: 100%;
        left: 0;
        top: -150px;
        z-index: 0;
    }

    .section-numeros h2,
    .section-numeros h3 {
        font-family: 'Co Bold';
        color: #E31F27;
        z-index: 1;
        position: relative;
        font-weight: bold;
        font-size: 2.98rem;
        font-size: 2.18em;
        width: 100%;
    }

    .section-numeros .numeros {
        z-index: 1;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 1.65em;
        line-height: 1.4;
        white-space: normal;
    }

    .section-numeros .col-destaque {
        padding: 10px;
        display: flex;
        width: 20%;
        flex-direction: column;
        justify-content: center;
    }

    .col-texto {
        padding: 10px;
        width: 100%;
    }

    .section-numeros .numero {
        color: #E31F27;
        font-size: 2.35em;
        font-weight: bold;
        font-family: 'Co Headline';
    }

    @media screen and (max-width: 1140px) {
        .section-numeros {
            padding: 40px 20px;
        }

        .section-numeros .bg-section {
            top: -150px;
            background-position: top;
            background-size: auto 100%;
        }

        .section-numeros .numeros {
            justify-content: space-around;
        }

        .section-numeros .col-destaque {
            width: 30%;
        }
    }

    @media screen and (max-width: 700px) {
        .section-numeros .numeros {
            justify-content: flex-start;
            align-items: center;
        }

        .section-numeros .col-destaque {
            min-width: 50%;
            text-align: center;
        }
    }

    /* Seção Metas */

    .section-metas {
        position: relative;
        overflow: unset;
        padding: 0px 0 120px;
    }

    .section-metas .bg-section {
        background-image: url("../../../../uploads/2024/04/bkg-metas.png");
        width: 100%;
        height: 595px;
        position: absolute;
        /* transform: rotate(180deg); */
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        left: 0;
        top: -180px;
        z-index: 1;
    }

    .section-metas .metas {
        background-image: url("../../../../uploads/2024/04/metas.svg");
        width: 41px;
        height: 41px;
        float: left;
        margin-right: 12px;
        margin-top: -8px;
        background-repeat: no-repeat;
    }

    .section-metas h2,
    .section-metas h3 {
        font-family: 'Co Bold';
        color: white;
        z-index: 1;
        position: relative;
    }

    .section-metas h3 {
        font-size: 1.88em;
    }

    .section-metas .panel-default {
        background: none;
        border: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        z-index: 1;
        align-items: stretch;
    }

    .section-metas .panel-default>.panel-heading {
        color: #D12429;
        background: white;
        padding: 30px;
        border-radius: 0;
        margin-bottom: 5px;
        width: 100%;
        border-radius: 10px;
    }

    .section-metas .panel-default>.panel-heading.active {
        width: 50%;
        border-radius: 10px 0 0 10px;
        margin-bottom: 5px;
    }

    .section-metas .panel-default>.panel-collapse.collapse {
        width: 0;
    }

    .section-metas .panel-default>.panel-collapse {
        width: 50%;
        margin-bottom: 5px;
    }

    .section-metas .panel-default>.panel-heading+.panel-collapse>.panel-body {
        background: white;
        padding: 30px 48px 30px 12px;
        margin-bottom: 5px;
        font-family: inherit;
        border-radius: 0 10px 10px 0;
        height: 100%;
    }

    .section-metas .panel-default .panel-title {
        font-size: inherit;
        font-size: 1.8em;
    }

    .section-metas .panel-default>.panel-heading a {
        text-decoration: none;
        font-family: 'Co Headline';
        line-height: 1.4;
    }

    .section-metas .panel-default>.panel-heading a:hover {
        text-decoration: underline;
    }

    .section-metas .panel-heading a:before {
        right: 30px;
        position: absolute;
        transform: rotate(90deg);
    }

    .section-metas .panel-heading a.collapsed:before {
        transform: rotate(180deg);
    }

    .section-metas.economia .bg-section {
        height: 490px;
        background-size: 100% 100%;
    }

    .section-metas.social {
        padding: 30px 0 60px;
    }

    .section-metas.social .bg-section {
        height: 740px;
        top: -153px;
    }

    @media screen and (max-width: 1140px) {
        .section-metas {
            padding: 100px 20px 60px;
            z-index: 2;
        }

        .section-metas .bg-section {
            top: -40px;
            background-size: auto 100%;
            height: 645px;
            background-position-x: center;
        }

        .section-metas .panel-default>.panel-heading.active {
            width: 100%;
            border-radius: 10px 10px 0 0;
            margin-bottom: 0;
            border: 1px solid #ddd;
        }

        .section-metas .panel-default>.panel-collapse {
            width: 100%;
        }

        .section-metas .panel-default>.panel-heading+.panel-collapse>.panel-body {
            padding: 30px 40px;
            border-radius: 0 0 10px 10px;
            border: 1px solid #ddd;
            border-top: 0;
            margin-bottom: 20px;
        }
    }

    @media screen and (max-width: 1100px) {
        .section-metas {
            padding: 100px 20px;
        }

        .section-metas .bg-section {
            background-size: auto 100%;
            background-position-x: center;
            height: 580px;
        }
    }

    /* Seção Iniciativas */

    .section-iniciativas {
        position: relative;
        overflow: unset;
        padding: 0px 0 60px;
        /* z-index: 1; */
    }

    #sustentabilidade-page .section-iniciativas:before {
        content: '';
        background: #f3f1ee;
        border-radius: 50%;
        width: 2600px;
        height: 2600px;
        right: -129%;
        display: block;
        top: -127px;
        position: absolute;
        z-index: 0;
    }

    .section-iniciativas .iniciativas {
        background-image: url("../../../../uploads/2024/04/iniciativas.svg");
        width: 41px;
        height: 41px;
        float: left;
        margin-right: 12px;
        margin-top: -8px;
        background-repeat: no-repeat;
    }

    .section-iniciativas h2,
    .section-iniciativas h3 {
        font-family: 'Co Bold';
        color: #E31F27;
        margin-bottom: 30px;
        z-index: 1;
        position: relative;
    }

    .section-iniciativas h3 {
        font-size: 1.88em;
    }

    .section-iniciativas .panel-default {
        background: none;
        border: 0px;
        padding: 0;
        box-shadow: none;
    }

    .section-iniciativas .panel-default>.panel-heading {
        background: white;
        padding: 30px 30px 20px;
        border-radius: 10px;
        margin-bottom: 30px;
        width: 100%;
        border-radius: 10px;
        border: 1px solid #EFEFF0;
    }

    .section-iniciativas .panel-default>.panel-heading.active {
        padding: 30px 30px 20px;
        border-radius: 10px 10px 0 0;
        border-bottom: 0;
        margin-bottom: 0px;
    }

    .section-iniciativas .panel-default .panel-collapse {
        margin-bottom: 5px;
        width: 100%;
        border-radius: 0 0 10px 10px;
        border: 1px solid #EFEFF0;
        border-top: 0;
        margin-bottom: 30px;
        font-family: inherit;
        background: white;
        padding: 30px 30px 40px;
    }

    .section-iniciativas .panel-default>.panel-heading+.panel-collapse>.panel-body {
        margin-bottom: 5px;
        font-family: inherit;
        border-radius: 0 0 10px 10px;
        padding: 0;
    }

    .section-iniciativas .panel-default .panel-title {
        font-size: inherit;
        font-size: 1.8em;
        color: #D12429;
    }

    .section-iniciativas .panel-default>.panel-heading a {
        text-decoration: none;
        font-family: 'Co Headline';
        text-transform: uppercase;
    }

    .section-iniciativas .panel-default>.panel-heading a:hover {
        text-decoration: underline;
    }

    .section-iniciativas .panel-heading a:before {
        content: '';
        background-image: url("../../../../uploads/2024/04/mais.svg");
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
        background-size: cover;
        margin-top: -25px;
        margin-right: -20px;
    }

    .section-iniciativas .panel-heading a.collapsed:before {
        background-image: url("../../../../uploads/2024/04/menos.svg");
    }

    .section-iniciativas .requisitos .requisito {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section-iniciativas .requisitos .requisito .descricao h3 {
        font-family: 'Co Headline';
        font-size: 1.08em;
    }

    .section-iniciativas .requisitos .requisito .img {
        width: 127px;
        height: 124px;
        background: #F3F1EE;
        margin-right: 20px;
        display: block;
        border-radius: 24px;
        overflow: hidden;
    }

    .section-iniciativas .requisitos .requisito .img img {
        width: 100%;
    }

    .section-iniciativas .requisitos .requisito .descricao {
        width: 90%;
        padding: 0 20px;
    }

    .section-iniciativas .frente {
        margin-bottom: 40px;
    }

    .section-iniciativas .frente p {
        margin-bottom: 30px;
    }

    .section-iniciativas .frente .destaque {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 20px 0;
    }

    .section-iniciativas .frente .destaque-img {
        width: 335px;
        height: 240px;
        background: #F3F1EE;
        margin-right: 20px;
        display: flex;
        border-radius: 24px;
        flex: none;
        overflow: hidden;
    }

    .section-iniciativas .frente .destaque-img img {
        width: 100%;
    }

    .section-iniciativas .frente .destaque-texto {
        padding: 0 20px;
        font-family: 'Co Headline';
    }

    .section-iniciativas .frente .destaque-texto p {
        font-family: 'Co Text';
        margin-bottom: 30px;
        line-height: 1.4;
    }

    .section-iniciativas .frente .destaque-texto p strong {
        font-family: 'Co Headline';
        font-weight: 500;
    }

    .section-iniciativas .frente .destaque-texto h4 {
        font-size: 1.13em;
        color: #E31F27;
    }

    @media screen and (max-width: 1280px) {
        #sustentabilidade-page .section-iniciativas:before {
            width: 1800px;
            height: 1800px;
            right: -100%;
        }
    }

    @media screen and (max-width: 1140px) {
        #sustentabilidade-page .section-iniciativas:before {
            top: 0;
            width: 2200px;
            height: 2200px;
            right: -150%;
        }
    }

    @media screen and (max-width: 840px) {
        .section-iniciativas .frente .destaque {
            flex-direction: column;
        }

        .section-iniciativas .frente .destaque-img {
            margin: 20px auto;
        }

        .section-iniciativas .frente .destaque-texto {
            padding: 0;
        }
    }

    @media screen and (max-width: 680px) {
        #sustentabilidade-page .section-iniciativas:before {
            width: 1200px;
            height: 1200px;
        }

        .section-iniciativas .requisitos .requisito {
            flex-direction: column;
            margin-bottom: 40px;
        }

        .section-iniciativas .requisitos .requisito .descricao {
            width: 100%;
            padding: 0;
        }
    }

    /* Seção Outros Pilares */

    #sustentabilidade-page .section-quem-somos.outros-pilares h2 {
        font-family: 'Co Bold';
        color: #E31F27;
        margin-bottom: 30px;
        z-index: 1;
        position: relative;
    }

    #sustentabilidade-page .section-quem-somos.outros-pilares .pilares {
        margin: 40px 0;
        /* display: flex; */
    }

    #sustentabilidade-page .section-quem-somos.outros-pilares .pilares.extended {
        width: 200%;
    }

    #sustentabilidade-page .section-quem-somos.outros-pilares .content-box {
        min-height: 560px;
        position: relative;
    }

    #sustentabilidade-page .section-quem-somos.outros-pilares .item {
        max-width: 350px;
    }

    #sustentabilidade-page .section-quem-somos.outros-pilares .slick-dots {
        justify-content: flex-start;
    }

    #sustentabilidade-page .section-quem-somos.outros-pilares .slick-dots li button {
        background: #f3f1ee;
        box-shadow: 1px 1px 1px inset #22222224;
    }

    @media screen and (max-width: 1100px) {
        #sustentabilidade-page .section-quem-somos.outros-pilares .pilares.extended {
            width: 100%;
        }

        #sustentabilidade-page .section-quem-somos.outros-pilares .item {
            max-width: auto;
        }
    }

    @media screen and (max-width: 600px) {
        #sustentabilidade-page .section-quem-somos.outros-pilares .item {
            max-width: 550px;
        }
    }

    @media screen and (max-width: 540px) {
        #sustentabilidade-page .section-quem-somos.outros-pilares .item {
            max-width: 480px;
        }
    }

    @media screen and (max-width: 480px) {
        #sustentabilidade-page .section-quem-somos.outros-pilares .item {
            max-width: 440px;
        }
    }