html {
  scroll-behavior: smooth;
  background-color: #f2eee2;
}
@font-face {
    font-family: "relation";
    src:url("../fonts/relation.otf");
}
@font-face {
    font-family: "bebas-neue-pro-semiexpanded";
    src:url("../fonts/BebasNeuePro-Regular.otf");
}
@font-face {
    font-family: "p22-mackinac-pro";
    src:url("../fonts/PMackinacProMedium.otf");
}
@font-face {
    font-family: "BebasNeueImpacto-Bold";
    src:url("../fonts/BebasNeueImpacto-Bold.otf");
}
body{
    color: #111;
    font-size: 16px;
    font-family: p22-mackinac-pro, serif;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    background-color: #f2eee2;
}
h1, h2, h3, h4 {
    font-family: BebasNeueImpacto-Bold, sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 6px;
    color: #044625;
}
h2 {
    font-size: 30px;
    color: #044625;
}
h3 {
    margin-top: 0px;
    font-size: 28px;
    color: #044625;
}
p {
    font-family: p22-mackinac-pro, serif;
    font-size: 18px;
    text-align: left;
    line-height: 120%;
    margin: 0px 0px 10px 0px;
    color: #044625;
}
a {
    color: #044625;
    text-decoration: none;
}
a:hover {
    color: #888;
    text-decoration: none;
    font-weight: bold;
}
blockquote {
    margin: 3em 0 3em 0;
    padding: 0;
    border: none;
    background: none;
    font-style: normal;
    line-height: 1.7;
    color: #044625;
}
footer {
    text-align: left;
    font-size: 12px;
    color: #044625;
    background-color: #F2EDE0;
}
footer h4{
    color: #fff !important;
    text-align: left;
    font-size: 26px;
    line-height: 22px;
}
footer p {
    font-size: 12px;
}
footer span img {
    vertical-align: baseline!important;
    margin-left: 1px;
    margin-right: 1px;
    max-width: 20px!important;
}
section .item-carousel.owl-carousel .owl-next {
    opacity: 0;
    right: 0px;
}
section .item-carousel.owl-carousel .owl-prev {
    opacity: 0;
    left: 0px;
}
section:hover .item-carousel.owl-carousel .owl-next {
    opacity: 1;
    right: 0px;
}
section:hover .item-carousel.owl-carousel .owl-prev {
    opacity: 1;
    left: 0px;
}
@page {
  size: A4;
  margin: 1cm;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.work-item {
    width: 33%;
}
.receitas-list li::marker {
    content: "";
}
.confecao ol li{
    list-style:decimal;
}
.work-intro h2 {
    font-size: 28px;
    color: #044625;
}
.features-item h2 {
    font-size: 28px;
    color: #044625;
    text-decoration: none;
}
.loader-ods{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 40%;
    left: 44%;
    z-index: 999;
}
.page-loader {
    background-color: #f2ede0;
}
::placeholder {
  color: #044625;
  text-transform: uppercase;
  opacity: 1; /* Firefox */
}
.form-control {
    font-family: p22-mackinac-pro, serif;
    text-transform: uppercase;
    height: 60px;
    padding: 12px;
    font-size: 16px;
    line-height: 22px;
    color: #044625;
    border: 1px solid #044625;
    border-radius: 12px;
    background-color: #f2eee2;
}
.form-label {
    font-family: p22-mackinac-pro, serif!important;
}
.choices__list--dropdown, .choices__list[aria-expanded] {
    display: none;
    z-index: 99999;
    position: absolute;
    width: 100%;
    background-color: #f2eee2;
    border: 0px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    position: relative;
    /* max-height: 400px; */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    background-color: #f2eee2;
    color: #044625;
    border: 1px solid #044625;
    border-radius: 12px;
}
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 6px;
    font-size: 14px;
}
.nav-logo-wrap {
    position: absolute;
    left: 46%;
    top: -4px;
    z-index: 999;
}
.logo-footer{
    width: 200px;
    position: absolute;
    top: -57px;
    left: 42%;
    z-index: 9;
}
.list-footer {
    padding-left: 0px;
    list-style: none;
    display: flex;
}
#st-1{
    z-index: 900!important;   
}
.compromissostitulos{
        font-size: 40px;
}
.selosustentavel {
    position: absolute;
    top: 70px;
    left: 100px;
}
.sustentabilidadetitulo {
    font-size:100px;
}
.wake-lock-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}
.wake-lock-off {
    background-color: #f0f0f0;
    color: #044625;
}
.wake-lock-on {
    background-color: #044625;
    color: white;
}
.wake-lock-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.plyr--full-ui input[type=range] {
    color: #00451b;
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #00451b;
    color: #fff;
}
.plyr--video .plyr__control {
    background: #00451b;
    color: #fff;
}
.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgb(0 69 27 / 50%);
    outline: 0;
}
.work-full-slider .owl-pagination, .content-slider .owl-pagination {
    bottom: 0px;
}
.valoresbox p{
    font-size: 14px;
    font-weight: 500;
}
.valoresbox{
    padding: 18px;
    background-color:#044625;
    min-height: 415px;
}
.valoresbox h5{
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: lowercase;
    color: #fff;
    font-family: 'relation';
    text-align: center;
}
.topo2 p {
    font-family: p22-mackinac-pro, serif;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    margin: 0 0 1.2em 0;
    color: #fff;
}
.topo2 h1 {
    color: #fff;
}
.banner-content p {
    color: #044625;
    text-align: center;
    font-size: 18px;
}
.banner-content a {
    text-align: center!important;
    font-size: 18px;
    text-decoration: none!important;
}
.banner-content h2 {
    color: #044625;
    font-size: 100px;
    line-height: 100px;
    text-align: center;
    margin-top: 0px;
}
.fullscreenbanner h1 {
    color: #fff;
    font-family: "relation";
    font-size: 40px!important;
    line-height: 60px;
    font-weight: 500;
    text-transform: lowercase;
    text-align: left;
    margin-bottom: 0px!important;
}
.fullscreenbanner h2 {
    color: #fff;
    font-size: 54px!important;
    line-height: 56px!important;
    text-align: left;
    margin-top: 0px!important;
}
.fullscreenbanner h4 {
    color: #fff;
    font-family: p22-mackinac-pro, serif;
    font-size: 24px!important;
    text-transform: none;
}
.fullscreenbanner p {
    color: #fff;
    font-size: 18px!important;
    line-height: 20px !important;
}
.fullscreenbanner a {
    color: #fff;
    text-align: left!important;
    font-family: p22-mackinac-pro, serif;
    font-size: 14px!important;
    text-decoration: underline;
}
.fullscreenbanner a::after {
    content: ' \203A ';
}
.link {
    color: #fff;
    text-align: left!important;
    font-family: p22-mackinac-pro, serif;
}
.btslide {
    color: #102f1e!important;
    background-image: url(../img/bt_slidehome.png)!important;
    min-width: 340px!important;
    min-height: 70px!important;
    background-color: rgba(34,34,34, 0)!important;
}
.font-alt {
    font-family: BebasNeueImpacto-Bold, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.section-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
}
.text {
    font-size: 14px;
    font-weight: 300;
    color: #888;
    line-height: 1.8;
}
.team-item-name {
    margin-top: 23px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.team-item-detail {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 20px 20px 40px;
    font-size: 14px;
    font-weight: 300;
    color: #777;
    text-align: center;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.alt-features-descr {
    color: #777;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
}
.alt-features-title {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.text-white {
    color: #f4eee2 !important;
}
.text-brown {
    color: #B8AD69 !important;
}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
    color: #044625;
}
.hs-line-8 {
    margin-top: 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.3em;
    line-height: 1.2;
    opacity: .85;
    font-family: p22-mackinac-pro, serif;
    font-style: italic;
}
.work-full-detail p:last-child{
    border-bottom: 0px solid rgba(0,0,0, .05);
}
.testimonial {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    text-align: center;
    font-family: "Open Sans", arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    opacity: 1;
}
.alt-features-item {
    margin-top: 20px;
    padding: 10px;
}
.btslide {
    transition: all 0.2s ease-out 0s;
    min-height: 0px;
    min-width: 0px;
    line-height: 17px;
    border-width: 2px;
    margin: 19.7318px 0px 0px;
    padding: 8px 37px;
    letter-spacing: 1px;
    font-size: 12px;
}
.intensidade {
    display: inline;
}
.banner-image {
    margin: 0px 0 0 0;
    text-align: right;
}
.banner-decription-home {
    margin-bottom: 35px;
    font-size: 16px;
    font-weight: 300;
    color: #044625;
    padding: 25px 25px 25px 35px;
}
.banner-decription {
    margin-bottom: 35px;
    font-size: 16px;
    font-weight: 300;
    color: #044625;
    padding: 20px;
}
.banner-decription p{
    color: #fff;
}
.banner-decription h2{
    color: #fff;
}
.banner-decription h3{
    color: #fff;
}
.banner-decriptionw {
    margin-bottom: 35px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}
.banner-heading {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #fff;
    font-family: p22-mackinac-pro, serif;
    font-style: italic;
    padding-left: 0px;
}
.banner-headingw {
    margin-top: 0;
    font-size: 38px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: lowercase;
    color: #044625;
    font-family: 'relation';
    text-align: center;
}
.modo-confecao li {
    font-family: p22-mackinac-pro, serif;
    font-size: 18px;
    text-align: left;
    line-height: 32px;
    margin: 0px;
    color: #044625;
}
.owl-item p{
    color: #fff;
}
.work-full-slider-receita-confecao .owl-prev {
    opacity: 1;
    display: block;
    position: absolute;
    top: 75%;
    left: 190px;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 12px 0px 0px 12px;
}
.work-full-slider-receita-confecao .owl-prev:before {
    content: "";
    display: block;
    width: 120px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 190px;
    border-radius: 10px 0px 0px 10px;
    border-top: 1px solid #044625;
    border-right: 0px solid #044625;
    border-bottom: 1px solid #044625;
    border-left: 1px solid #044625;
}
.work-full-slider-receita-confecao .owl-next {
    opacity: 1;
    display: block;
    position: absolute;
    top: 75%;
    right: 190px;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 0px 12px 12px 0px;
}
.work-full-slider-receita-confecao .owl-next:before {
    content: "";
    display: block;
    width: 120px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 190px;
    border-radius: 0px 10px 10px 0px;
    border-top: 1px solid #044625;
    border-right: 1px solid #044625;
    border-bottom: 1px solid #044625;
    border-left: 1px solid #044625;
}
.work-full-slider-receita-confecao.owl-carousel:hover .owl-prev {
    opacity: 1;
    left: 190px;
}
.work-full-slider-receita-confecao.owl-carousel:hover .owl-next {
    opacity: 1;
    right: 190px;
}
.content-slider-receitas-produto .owl-prev {
    opacity: 1;
    display: block;
    position: absolute;
    top: 92%;
    left: 136px;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 12px 0px 0px 12px;
}
.content-slider-receitas-produto .owl-prev:before {
    content: "";
    display: block;
    width: 135px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 180px;
    border-radius: 10px 0px 0px 10px;
    border-top: 1px solid #044625;
    border-right: 0px solid #044625;
    border-bottom: 1px solid #044625;
    border-left: 1px solid #044625;
}
.content-slider-receitas-produto .owl-next {
    opacity: 1;
    display: block;
    position: absolute;
    top: 92%;
    right: 136px;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 0px 12px 12px 0px;
}
.content-slider-receitas-produto .owl-next:before {
    content: "";
    display: block;
    width: 120px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 180px;
    border-radius: 0px 10px 10px 0px;
    border-top: 1px solid #044625;
    border-right: 1px solid #044625;
    border-bottom: 1px solid #044625;
    border-left: 1px solid #044625;
}
.content-slider-receitas-produto.owl-carousel:hover .owl-prev {
    opacity: 1;
    left: 136px;
}
.content-slider-receitas-produto.owl-carousel:hover .owl-next {
    opacity: 1;
    right: 136px;
}
.item-carousel-historia .owl-prev {
    opacity: 1;
    display: block;
    position: absolute;
    top: 35%;
    left: -5%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 12px;
}
.item-carousel-historia .owl-prev:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 180px;
    border-radius: 12px;
    border: 1px solid #044625;
}
.item-carousel-historia .owl-next {
    opacity: 1;
    display: block;
    position: absolute;
    top: 35%;
    right: -5%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 12px;
}
.item-carousel-historia .owl-next:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 180px;
    border-radius: 12px;
    border: 1px solid #044625;
}
.item-carousel-historia .owl-carousel:hover .owl-prev {
    opacity: 1;
    left: 2%;
}
.item-carousel-historia .owl-carousel:hover .owl-next {
    opacity: 1;
    right: 2%;
}
.item-carousel-homedestaques .owl-prev {
    opacity: 1;
    display: block;
    position: absolute;
    top: 45%;
    left: -20%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 12px;
}
.item-carousel-homedestaques .owl-prev:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 180px;
    border-radius: 12px;
    border: 1px solid #044625;
}
.item-carousel-homedestaques .owl-next {
    opacity: 1;
    display: block;
    position: absolute;
    top: 45%;
    right: -20%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 12px;
}
.item-carousel-homedestaques .owl-next:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 180px;
    border-radius: 12px;
    border: 1px solid #044625;
}
.item-carousel-homedestaques.owl-carousel:hover .owl-prev {
    opacity: 1;
    left: 2%;
}
.item-carousel-homedestaques.owl-carousel:hover .owl-next {
    opacity: 1;
    right: 1%;
}
.item-carousel-azeite-premium .owl-prev {
    opacity: 1;
    display: block;
    position: absolute;
    top: 45%;
    left: -20%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 12px;
}
.item-carousel-azeite-premium .owl-prev:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 180px;
    border-radius: 12px;
    border: 1px solid #044625;
}
.item-carousel-azeite-premium .owl-next {
    opacity: 1;
    display: block;
    position: absolute;
    top: 45%;
    right: -20%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 12px;
}
.item-carousel-azeite-premium .owl-next:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 180px;
    border-radius: 12px;
    border: 1px solid #044625;
}
.item-carousel-azeite-premium.owl-carousel:hover .owl-prev {
    opacity: 1;
    left: 2%;
}
.item-carousel-azeite-premium.owl-carousel:hover .owl-next {
    opacity: 1;
    right: 1%;
}
.item-carousel-receitascategorias .owl-prev {
    opacity: 1;
    display: block;
    position: absolute;
    top: 35%;
    left: -20%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 12px;
}
.item-carousel-receitascategorias .owl-prev:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 180px;
    border-radius: 12px;
    border: 1px solid #044625;
}
.item-carousel-receitascategorias .owl-next {
    opacity: 1;
    display: block;
    position: absolute;
    top: 35%;
    right: -20%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #044625;
    z-index: 999;
    background-color: #f2ede0!important;
    border-radius: 12px;
}
.item-carousel-receitascategorias .owl-next:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 180px;
    border-radius: 12px;
    border: 1px solid #044625;
}
.item-carousel-receitascategorias.owl-carousel:hover .owl-prev {
    opacity: 1;
    left: 2%;
}
.item-carousel-receitascategorias.owl-carousel:hover .owl-next {
    opacity: 1;
    right: 2%;
}
.owl-prev {
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #0a381c;
    z-index: 6;
}
.owl-prev:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(255 255 255 / 0%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.owl-next {
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color: #0a381c;
    z-index: 6;
}
.owl-next:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(255 255 255 / 0%);
    border-radius: 0px;
    -webkit-box-shadow: 1px 1px 0px rgb(0 0 0 / 0%);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 0px rgb(0 0 0 / 0%);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.owl-carousel:hover .owl-next {
    opacity: 1;
    right: 0px;
}
.owl-carousel:hover .owl-prev {
    opacity: 1;
    left: 0px;
}
.owl-dots {
  display: block !important;
  visibility: visible;
  opacity: 1;
  height: auto;
}
.owl-stage{padding-left:0px !important;}
.titulos-mackinac {
    font-family: "p22-mackinac-pro";
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
}
.titulos-mackinaclower {
    font-family: "p22-mackinac-pro";
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    text-transform: initial;
}
.titulos-mackinac2 {
    font-family: "p22-mackinac-pro";
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.titulos-mackinac3 {
    font-family: "p22-mackinac-pro";
    font-size: 16px;
    text-transform: uppercase;
}
.azeite-subtitulo {
    color: #044625;
    font-size: 160px;
    line-height: 70px;
    font-family: "relation";
    text-transform: capitalize;
}
.confecao {
    padding-top: 3%;
}
.confecao li {
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 20px 0px;
    color: #044625;
    padding-left: 15px;

}
.confecao ul, ol {
    margin: 0;
    padding-left: 20px;
}
.custom_overlay_wrapper {
    position: relative;
    transition: transform .5s; /* Animation */
    margin-left: 10px;
    margin-right: 10px;
}
.custom_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    opacity: 0;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.custom_overlay:hover {
    opacity: 1;
}
.item-carousel-azeite-premium .owl-stage {
    margin: 0 auto;
    text-align: center;
}
.item-carousel-azeite-premium .owl-item {
    margin: 0 auto;
    text-align: center;
}
.item-carousel-azeite-premium .item {
    min-height: 505px;
}
.owl-item-produtos {
    min-height: 405px;
}
.item-carousel-azeite-premium.single-item-mode .owl-stage {
    display: flex !important;
    justify-content: center;
    width: 100% !important;
}
.item-carousel-azeite-premium.single-item-mode .owl-item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: center;
}
.item-carousel-azeite-premium.single-item-mode .owl-item > div {
    width: 100% !important;
}
.item-carousel-azeite-premium.single-item-mode .owl-item-produtos .video-produto {
    display: none;
    width: 100%;
    height: 500px;
    object-fit: cover;
    top: 0px;
}
.item-carousel-azeite-premium.single-item-mode .owl-item-produtos:hover img {
    display: none;
}
.item-carousel-azeite-premium.single-item-mode .owl-item-produtos:hover .video-produto {
    display: block;
}
.item-carousel-azeite-premium.single-item-mode .vermais-receitas {
    position: absolute;
    top: 85%;
    left: 92%;
    transform: translate(-50%, -50%);
    width: 110px;
    height: 110px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.owl-item-produtos:hover img {
    display: none;
}
.owl-item-produtos:hover .video-produto {
    display: block;
}
.owl-item-produtos .video-produto {
    display: none;
    width: 100%;
    height: 550px;
    object-fit: cover;
    top: 0px;
}
.custom_overlay_inner {
    position: relative;
    top: 0%;
    height: 90%;
    width: 100%;
}
.custom_overlay h3 {
    width: 300px;
    top: 5%;
    left: 5%;
    position: relative;
    margin-bottom: 2px;
    font-size: 18px;
    line-height: 90%;
    color: #fff;
    text-transform: uppercase;
}
.custom_overlay h4 {
    width: 250px;
    top: 5%;
    left: 5%;
    position: relative;
    margin-bottom: 2px;
    font-size: 60px;
    line-height: 90%;
    color: #fff;
    text-transform: uppercase;
}
.custom_overlay p {
    color: #044625;
    line-height: 1.4em;
}
.vermais-receitas {
      position: absolute;
      top: 85%;
      left: 75%;
      transform: translate(-50%, -50%);
      width: 110px;
      height: 110px;
      background-color: rgba(255, 255, 255, 0.95);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
    }
.custom_overlay:hover .vermais-receitas {
      opacity: 1;
    }
.custom_overlay:hover .vermais-receitas {
      opacity: 1;
      z-index: 999;
    }
.classico h1, h2 {
    color: #044625;
}
/*Verde #3b5747*/
.verde h1, h2 {
    color: #3b5747;
}
/*Maduro #542e38*/
.maduro h1, h2 {
    color: #542e38;
}
/*ouro #9b8756*/
.ouro h1, h2 {
    color: #9b8756;
}
/*spray-qb #044625*/
.spray-qb h1, h2 {
    color: #044625;
}
/*virgem #0069b0*/
.virgem h1, h2 {
    color: #0069b0;
}
/*azeite #c93826*/
.azeite h1, h2 {
    color: #c93826;
}
/*oliveirinha #008291*/
.oliveirinha h1, h2 {
    color: #008291;
}
/*bio #c75a30*/
.bio h1, h2 {}
/*gourmet #231f20*/
.gourmet h1, h2 {
    color: #231f20;
}
/*lagar #727a5a*/
.lagar h1, h2 {
    color: #727a5a;
}
/*primeira-colheita #93a13e*/
.primeira-colheita h1, h2 {
    color: #93a13e;
}
/*piri-piri-audaz #da870a*/
.piri-piri-audaz h1, h2 {
    color: #da870a;
}
/*piri-piri-extra-audaz #c9301a*/
.piri-piri-extra-audaz h1, h2 {
    color: #c9301a;
}
/*vinagre-maca #6e7a17*/
.vinagre-maca h1, h2 {
    color: #6e7a17;
}
/*vinagre-vinho-branco #7c8702*/
.vinagre-vinho-branco h1, h2 {
    color: #7c8702;
}
/*vinagre-vinho-tinto #a52c43*/
.vinagre-vinho-tinto h1, h2 {
    color: #a52c43;
}
/*vinagre-balsamico #1c424c;*/
.vinagre-balsamico h1, h2 {
    color: #1c424c;
}
/*vinagre-tomate #c6340e;*/
.vinagre-tomate h1, h2 {
    color: #c6340e;
}
/*vinagre-figo #ab3467;*/
.vinagre-figo h1, h2 {
    color: #ab3467;
}
/*vinagre-pera #c07000;*/
.vinagre-pera h1, h2 {
    color: #c07000;
}
.detalheproduto p {
    color:#044625;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
}
.work-intro .detalheproduto h4 {
    color:#044625;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 4px;
}
.detalheproduto h4 {
    color:#044625;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 4px;
}
.header-produto p{
    color: #044625!important;
    font-size: 32px!important;
    line-height: 34px;
    font-weight: bold;
    font-family: "relation";
    margin-bottom: 8px;
    font-weight: 600;
}
.header-produto h4{
    font-size: 26px!important;
    line-height: 28px;
    font-weight: 600;
    margin-top: 8px;
}
.header-produto h1 {
    font-size: 240px !important;
    line-height: 80%;
    font-weight: 500;
    margin-top: 0px;
    text-transform: uppercase;
}
.header-produto h3 {
    font-family: "p22-mackinac-pro";
    font-size: 40px!important;
    line-height: 42px;
}
.titulo-big {
    font-size: 240px!important; 
    line-height: 80%;
    font-weight: 500;
    margin-top: 0px;
    text-transform: uppercase;            
}
.tit-cat-prod {   
    font-size:280px;
    line-height: 90%;
    font-weight: 500;
    text-transform: uppercase;
}
.big {
    font-size: 366px !important;
    line-height: 90%;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.big2 {
    font-size: 260px;
    line-height: 90%;
    font-weight: 500;
    text-transform: uppercase;
}
.big3 {
    font-size: 180px;
    line-height: 90%;
    font-weight: 500;
    text-transform: uppercase;
}
.big4 {
    font-size: 140px;
    line-height: 90%;
    font-weight: 500;
    text-transform: uppercase;
}
.fixed-center {
  position: fixed;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  transition: opacity 0.5s, visibility 0.5s;
}
.absolute {
  position: absolute;
  top: 1700px; /* Ponto em que a layer fica fixa na página */
}
.layer-left {
  top: 44%;
  left: 1%;
}
.layer-right {
  top: 45%;
  right: 1%;
}
.bloco-aprenda{
    position: relative;
    min-height: 55vh;
}
.bloco-aprenda-video{
    position: absolute;
    top: 10%;
    left: 34%;
    overflow: hidden;
}
.bloco-aprenda-video-image{
    width: 100%;
    display: block;
    overflow: hidden;
    width: 350px;
    height: 618px;
    object-fit: cover;
    border-radius: 12px;
}
.bloco-aprenda-video-texto {
    position: absolute;
    top: 25%;
    right: 0%;
    width: 28%;
    font-size: 20px!important;
    line-height: 120%!important;
    font-family: "p22-mackinac-pro";
}
.contactos-caption {
    position: absolute;
    top: 10%;
    left: 5%;
    color: white;
    font-size: 160px;
    line-height: 160px;
    width: 50%;
}
.topo-caption {
    position: absolute;
    top: 10%;
    left: 5%;
    color: white;
    font-size: 70px;
    line-height: 60px;
    width: 50%;
}
.video-caption {
    position: absolute;
    top: 10%;
    left: 5%;
    color: #fff;
    font-size: 68px;
    line-height: 90%;
    width: 33%;
    text-transform: uppercase;
}
.work-item:hover .work-img > img {
    transform: scale(1.15);
}
.custom_overlay_wrapper:hover .work-img > img {
    transform: scale(1.15);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.custom_overlay_wrapper .work-img > img {
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.video-overlay {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 110px;
      height: 110px;
      background-color: rgba(255, 255, 255, 0.95);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
      z-index: 999;
      font-weight: bold;
      text-transform: uppercase;
    }
.bloco-aprenda-video:hover .video-overlay {
      opacity: 1;
    }
.bloco-home-video:hover .video-overlay {
      opacity: 1;
      z-index: 999;
    }
.primeiracolheita-video:hover .video-overlay {
  opacity: 1;
  z-index: 999;
}
.video-produto-container:hover .video-overlay-produto {
      opacity: 1;
    }
.video-overlay-produto {
      position: absolute;
      top: 50%;
      left: 90%;
      transform: translate(-50%, -50%);
      width: 110px;
      height: 110px;
      background-color: rgba(255, 255, 255, 0.95);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
    }
.receitas-list .owl-item:nth-child(2n) {
  margin-top: 80px; /* Aplica a margem superior de 200px nos itens pares */
}
.receitas-list .owl-item:nth-child(2n+1) {
  margin-top: 0px; /* Aplica margem de 0px nos itens ímpares */
}
.ingredientes p{
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #044625;
}
.ingredientes p:hover{
    font-weight: bold;
}
.receitas-header{
    position: relative;
    min-height: 95vh;
}
.receita-titulo {
    position: absolute;
    top: 72%;
    font-size: 144px;
    line-height: 120px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    color: #B8AD69;
}
.recipe-info{
    align-items: center;
    display: flex;
    justify-content: center;
}
.recipe-info h3{
    margin: 0px 0px 0px 10px;
    text-align: left;
    font-size: 20px;
    line-height: 18px;
    color: #044625;
    display: inline-block;
    text-transform: uppercase;
}
.receitas-specs {
    display: flex;
    justify-content: space-around !important;
    padding-bottom: 60px;
    padding-top: 20px;
}
.breadcrum {
    position: absolute;
    top: 30%;
    width: 100%;
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    z-index: 990;
}
.breadcrum a{
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
}
.breadcrum-receitas {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #044625;
    z-index: 999;
}
.breadcrum-receitas a{
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #044625;
}
.breadcrum-produtos {
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: left;
    color: #044625;
    z-index: 999;
}
.breadcrum-produtos a{
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #B8AD69;
}
.lagar-home-titulo{
    position: absolute;
    top: 30%;
    width: 100%;
    font-size: 280px;
    line-height: 240px;
    text-transform: uppercase;
    text-align: center;
    color: #B8AD69;
}
.videotopo-home-titulo {
    position: absolute;
    top: 29%;
    width: 100%;
    font-size: 320px;
    line-height: 90%;
    text-transform: uppercase;
    text-align: center;
    color: #B8AD69;
}
.primeiracolheita-topo-titulo {
    position: absolute;
    top: 60%;
    width: 100%;
    font-size: 240px;
    line-height: 230px;
    text-transform: uppercase;
    text-align: center;
    color: #B8AD69;
}
.bloco-sustentabilidade {
    position: relative;
    min-height: 88vh;
}
.sustentabilidade-topo-titulo {
    position: absolute;
    top: 35%;
    width: 100%;
    font-size: 240px;
    line-height: 230px;
    text-transform: uppercase;
    text-align: center;
    color: #B8AD69;
}
.historia-topo-titulo {
    position: absolute;
    top: 60%;
    width: 100%;
    font-size: 350px;
    line-height: 230px;
    text-transform: uppercase;
    text-align: center;
    color: #B8AD69;
}
.bloco-historia {
    position: relative;
    min-height: 80vh;
}
.compromisso-topo-titulo {
    position: absolute;
    top: -14%;
    left: 3%;
    font-size: 140px;
    line-height: 90%;
    text-transform: uppercase;
    text-align: left;
    color: #B8AD69;
    z-index: 990;
}
.beliefs-topo-titulo {
    position: absolute;
    top: 35%;
    width: 100%;
    font-size: 240px;
    line-height: 235px;
    text-transform: uppercase;
    text-align: center;
    color: #B8AD69;
}
.titulos {
    font-size: 54px;
    line-height: 90%;
    text-transform: uppercase;
}
.box-content {
    padding-top: 8%;
}
.box-content-color {
    padding: 4% 4% 2% 4%;
}
.box-content-color h3{
    font-size: 70px;
    line-height: 100%;
    text-transform: uppercase;                
}
.box-content-color h4 {
    font-family: "p22-mackinac-pro";
    font-size: 28px;
    line-height: 130%;
    text-transform: uppercase;
}
.box-content-color p {
    font-size: 20px;
    line-height: 130%;
    text-align: center;
}
.hometopo {
    padding-top: 0px;
    margin-top: 0px;
    position: relative;
    top: -140px;
}
.bloco-home {
    position: relative;
    min-height: 90vh;
}
.bloco-home-video {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}
.bloco-home-video-image {
    width: 100%;
    display: block;
    overflow: hidden;
    object-fit: cover;
    border-radius: 12px;
}
.primeiracolheita-video {
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
}
.primeiracolheita-video-image {
    width: 100%;
    display: block;
    overflow: hidden;
    object-fit: cover;
    border-radius: 12px;
}
.text-indent {
    padding-left: 10%;
    text-indent: -10%;
}
.text-indent2 {
    padding-left: 5%;
    text-indent: -5%;
}
.text-indent3 {
    padding-left: 15%;
    text-indent: -15%;
}
.text-indent4 {
    padding-left: 30%;
    text-indent: -40%;
}
.visitalagar-subtitulo {
    color: #044625;
    font-size: 80px;
    line-height: 90px;
    font-family: "relation";
    text-transform: initial;
    padding: 0px;
    margin: 0px;
    font-weight: 500;
}
.detalheproduto .classico p{
    color: #56b164;
}
.classico .header-produto p{
    color: #044625!important;
}
.classico .header-produto h4{
    color: #044625!important;
}
.classico .header-produto h1{
    color: #044625!important;
}
.detalheproduto .verde p{
    color: #3b5747;
}
.verde .header-produto p{
    color: #3b5747!important;
}
.verde .header-produto h4{
    color: #3b5747!important;
}
.verde .header-produto h1{
    color: #3b5747!important;
}
.detalheproduto .maduro p{
    color: #542e38!important;
}
.maduro .header-produto p{
    color: #542e38!important;
}
.maduro .header-produto h4{
    color: #542e38!important;
}
.maduro .header-produto h1{
    color: #542e38!important;
}
.detalheproduto .ouro p{
    color: #01160c!important;
}
.ouro .header-produto p{
    color: #9b8756!important;
}
.ouro .header-produto h4{
    color: #9b8756!important;
}
.ouro .header-produto h1{
    color: #9b8756!important;
}
.ouro .barras p {
    color: #9b8756!important;
}
.detalheproduto .spray-qb p{
    color: #56b164;
}
.spray-qb .header-produto p{
    color: #56b164!important;
}
.spray-qb .header-produto h4{
    color: #56b164!important;
}
.spray-qb .header-produto h1{
    color: #56b164!important;
}
.detalheproduto .virgem p{
    color: #0069b0;
}
.virgem .header-produto p{
    color: #0069b0!important;
}
.virgem .header-produto h4{
    color: #0069b0!important;
}
.virgem .header-produto h1{
    color: #0069b0!important;
}
.detalheproduto .azeite p{
    color: #c93826;
}
.azeite .header-produto p{
    color: #c93826!important;
}
.azeite .header-produto h4{
    color: #c93826!important;
}
.azeite .header-produto h1{
    color: #c93826!important;
}
.detalheproduto .azeite-fritar p{
    color: #fac13f;
}
.azeite-fritar .header-produto p{
    color: #fac13f!important;
}
.azeite-fritar .header-produto h4{
    color: #fac13f!important;
}
.azeite-fritar .header-produto h1{
    color: #fac13f!important;
}
.detalheproduto .gourmet p{
    color: #231f20!important;
}
.gourmet .header-produto p{
    color: #231f20;
}
.gourmet .header-produto h4{
    color: #231f20;
}
.gourmet .header-produto h1{
    color: #231f20;
}
.detalheproduto .bio p{
    color: #c75a30;
}
.bio .header-produto p{
    color: #c75a30!important;
}
.bio .header-produto h4{
    color: #c75a30!important;
}
.bio .header-produto h1{
    color: #c75a30!important;
}
.detalheproduto .oliveirinha p{
    color: #008291!important;
}
.oliveirinha .header-produto p{
    color: #008291!important;
}
.oliveirinha .header-produto h4{
    color: #008291!important;
}
.oliveirinha .header-produto h1{
    color: #008291!important;
}
.detalheproduto .lagar p{
    color: #727a5a!important;
}
.lagar .header-produto p{
    color: #727a5a!important;
}
.lagar .header-produto h4{
    color: #727a5a!important;
}
.lagar .header-produto h1{
    color: #727a5a!important;
}
.detalheproduto .primeira-colheita p{
    color: #044625;
}
.primeira-colheita .header-produto p{
    color: #93a13e!important;
}
.primeira-colheita .header-produto h4{
    color: #93a13e!important;
}
.primeira-colheita .header-produto h1{
    color: #93a13e!important;
}
.detalheproduto .piri-piri-audaz  p{
    color: #da870a;
}
.piri-piri-audaz .header-produto p{
    color: #da870a!important;
}
.piri-piri-audaz .header-produto h4{
    color: #da870a!important;
}
.piri-piri-audaz .header-produto h1{
    color: #da870a!important;
}
.detalheproduto .piri-piri-extra-audaz  p{
    color: #c92e18;
}
.piri-piri-extra-audaz .header-produto p{
    color: #c92e18!important;
}
.piri-piri-extra-audaz .header-produto h4{
    color: #c92e18!important;
}
.piri-piri-extra-audaz .header-produto h1{
    color: #c92e18!important;
}
.detalheproduto .vinagre-maca p{
    color: #6e7a17;
}
.vinagre-maca .header-produto p{
    color: #6e7a17!important;
}
.vinagre-maca .header-produto h4{
    color: #6e7a17!important;
}
.vinagre-maca .header-produto h1{
    color: #6e7a17!important;
}
.detalheproduto .vinagre-vinho-branco p{
    color: #7c8801;
}
.vinagre-vinho-branco .header-produto p{
    color: #7c8801!important;
}
.vinagre-vinho-branco .header-produto h4{
    color: #7c8801!important;
}
.vinagre-vinho-branco .header-produto h1{
    color: #7c8801!important;
}
.detalheproduto .vinagre-vinho-tinto p{
    color: #a52c43;
}
.vinagre-vinho-tinto .header-produto p{
    color: #a52c43!important;
}
.vinagre-vinho-tinto .header-produto h4{
    color: #a52c43!important;
}
.vinagre-vinho-tinto .header-produto h1{
    color: #a52c43!important;
}
.detalheproduto .vinagre-balsamico p{
    color: #1c424c;
}
.vinagre-balsamico .header-produto p{
    color: #1c424c!important;
}
.vinagre-balsamico .header-produto h4{
    color: #1c424c!important;
}
.vinagre-balsamico .header-produto h1{
    color: #1c424c!important;
}
.detalheproduto .vinagre-tomate p{
    color: #c6340e;
}
.vinagre-tomate .header-produto p{
    color: #c6340e!important;
}
.vinagre-tomate .header-produto h4{
    color: #c6340e!important;
}
.vinagre-tomate .header-produto h1{
    color: #c6340e!important;
}
.detalheproduto .vinagre-figo p{
    color: #ab3467;
}
.vinagre-figo .header-produto p{
    color: #ab3467!important;
}
.vinagre-figo .header-produto h4{
    color: #ab3467!important;
}
.vinagre-figo .header-produto h1{
    color: #ab3467!important;
}
.detalheproduto .vinagre-pera p{
    color: #c07000;
}
.vinagre-pera .header-produto p{
    color: #c07000!important;
}
.vinagre-pera .header-produto h4{
    color: #c07000!important;
}
.vinagre-pera .header-produto h1{
    color: #c07000!important;
}
.rte-produto p{
    color: #044625!important;
}
.works-grid.hide-titles .work-item .work-intro {
    opacity: 0;
    bottom: -20px;
}
.titulo-relation {
    font-family: relation;
    font-size: 36px;
    line-height: 90%;
    font-weight: 600;
}
.section-title {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.5px;
    line-height: 1.4;
    color: #044625;
}
.bg-dark {
    background-color: #52472a;
}
.btn-mod.btn-border {
    color: #044625;
    border: 2px solid #044625;
    background: transparent;
    font-family: bebas-neue-pro-semiexpanded, sans-serif;
}
.btn-mod.btn-border-w {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    font-family: bebas-neue-pro-semiexpanded, sans-serif;
}
.load-more-button {
    font-family: bebas-neue-pro-semiexpanded, sans-serif;
}
.btn-mod.btn-border:hover, .btn-mod.btn-border:focus {
    color: #fff;
    border-color: transparent;
    background: #000;
}
.page-section, .small-section {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-attachment: inherit;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    background-color: #f4eee2;
}
.inner-nav {
    top: 40px;
    display: flex;
    float: none;
    text-align: center;
    position: relative;
    width: 98%;
}
.inner-nav ul {
    float: left;
    margin: auto;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: none;
    text-align: center;
    line-height: 1.5;
    font-family: bebas-neue-pro, sans-serif;
}
.inner-nav ul li {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    text-align: center;
}
.inner-nav ul li a:hover {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.inner-nav ul li a.active {
    color: #044625;
    text-decoration: none;
    font-weight: bold;
}
.mn-sub {
    display: none;
    position: absolute;
    background: #59b063;
}
.inner-nav .mn-sub li {
    background: #59b063;
}
.inner-nav ul li .mn-sub li a {
    line-height: 1.2 !important;
    position: relative;
    margin: 0;
    padding: 8px;
    font-size: 18px;
    text-align: left;
    text-transform: none;
    border-left: none;
    border-right: none;
    letter-spacing: 0;
    color: #044625 !important;
    cursor: pointer;
    text-transform: uppercase;
}
.mn-sub li a:hover, .inner-nav ul li .mn-sub li a:hover, .mn-sub li a.active {
    background: none;
    color: #fff !important;
}
.inner-nav-lang {
    top: 0px;
    display: block;
    float: right;
    text-align: center;
    position: relative;
}
.inner-nav-lang ul {
    float: left;
    margin: auto;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: none;
    text-align: center;
    line-height: 1.5;
    font-family: bebas-neue-pro, sans-serif;
}
.inner-nav-lang ul li a:hover, .inner-nav-lang ul li a.active {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.inner-nav-lang ul li {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    text-align: center;
}
.inner-nav-lang > .languages ul li a:hover, .inner-nav-lang ul li a.active {
    color: #044625;
    text-decoration: none;
    font-weight: bold;
}
.inner-nav-lang > .languages ul li a:hover, .inner-nav-lang ul li a.active:before {
    content: '';
    height: 5px;
    width: 5px;
    background-color: #044625;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    bottom: -3px;
    left: 32%;
    color: #044625;
}
.topo-produto {
    height: 100%
}
.ci-icon:before {
    content: " ";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #044625;
    -webkit-border-radius: 50%;
    -moz-border-radius: 2px;
    border-radius: 50%;
    padding: 10px;
}
.main-nav.dark .inner-nav ul > li > a:hover, .main-nav.dark .inner-nav ul > li > a.active {
    color: #044625;
}
.footer-social a {
    font-size: 60px !important;

}
.divider{
    height: 1px;
    background-color: #A29064;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ci-icon {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 8px;
    left: 0px;
    color: #fff;
    text-align: center;
    line-height: 36px;
}
.ci-title {
    margin-bottom: 1px;
    color: #044625;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3em;
}
.footer-social-links a:hover:before {
    background: transparent;
}
.footer-social-links a:hover {
    color: #fff !important;
    background-color: color: #044625;
}
.footer a:hover {
    color: #044625;
    text-decoration: underline;
}
.footer-made {
    font-size: 12px;
    color: #fff;
}
.main-nav {
    width: 100%;
    height: 120px !important;
    padding-top: 0px;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    background: #59b063;
    -webkit-box-shadow: 0 0px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 0px 0 rgba(0,0,0,.05);
    box-shadow: 0 0px 0 rgba(0,0,0,.05);
    z-index: 999;
}
.small-height .inner-nav ul li a {
    height: 20px !important;
    line-height: 20px !important;
}
.inner-nav ul li a {
    color: #fff;
    letter-spacing: 1.5px;
    line-height: 16px!important;
}
.nav-logo-wrap .logo {
    display: table-cell;
    vertical-align: middle;
    max-width: 150px;
    height: 120px;
    padding-top: 0px;
}
.small-height {
    height: 120px !important;
}
.tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #000 !important;
    width: 6px !important;
    height: 6px !important;
    border: 4px solid #fff !important;
}
.tp-bullets.preview4 .bullet {
    background: #fff !important;
    width: 4px !important;
    height: 4px !important;
}
.video-produto-container {
  min-height: 60vh;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.video-container {
  height: 35vh;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
video {
  object-fit: cover;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.resultado
 {
    position: absolute;
    bottom: -15px;
    left: 40px;
    width: 380px;
}
.combinacom {
    position: absolute;
    bottom: 0px;
    left: 170px;
    width: 360px;           
}
.saibamaislinha {
    position: absolute;
    bottom: -10px;
    left: -5px;
    width: 170px;         
}
.footer a {
    color: #044625;
    font-family: "BebasNeueImpacto-Bold";
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
}
.footer-menu1 a {
    color: #044625;
    font-family: "p22-mackinac-pro";
    font-size: 12px;
    text-decoration: none;
}
.footer-menu1 ul {
    display: flex;
    justify-content: space-around !important;
    padding-top: 10px;
    margin: 0px;
}
.footer-menu2 a {
    color: #044625;
    font-family: "BebasNeueImpacto-Bold";
    font-size: 36px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
}
.footer-menu2 ul {
    display: flex;
    justify-content: space-around !important;
}
.footer-social {
    display: flex;
    justify-content: space-around !important;
}
.footer-copyright {
    text-align: right;
    color: #044625;
    font-size: 14px;
    margin-top: 8px;
}
.photo-mask{
    border-radius: 12px;
    object-fit: cover;
    width: 100%;
    padding: 0px;
}
.product-name{
    position: absolute;
    z-index: 10;
    top: 22vh;
    word-spacing: 2vw;
    max-width: 95%;
}
.product-subtitulo {
    font-family: "p22-mackinac-pro";
    font-size: 32px;
    line-height: 34px;
    text-transform: uppercase;
    padding-left: 10%;
    text-indent: -10%;
    width: 80%;
}
.btvertodas {
    border: 1px solid #044625;
    padding: 40px 45px 40px 45px;
    border-radius: 50%;
    color: #ffffff !important;
    background-color: #044625;
    text-transform: uppercase;
}
.btvertodas:hover {
    border: 1px solid #044625;
    padding: 40px 55px 40px 55px;
    border-radius: 50%;
    color: #044625 !important;
    background-color: #fff;
    text-transform: uppercase;
}
.work-img img {
    width: 100%;
    display: block;
    overflow: hidden;
    width: 400px;
    height: 618px;
    object-fit: cover;
    border-radius: 8px;
}
.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
}
.main-nav.dark {
    background-color: #59b063;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-height: 130px;
}
.mobile-on .desktop-nav ul {
    width: 100%;
    float: none;
    background: #59b063;
    position: relative;
    overflow-x: hidden;
}
.inner-nav ul > li > a {
    color: #044625;
    text-transform: uppercase;
    height: 40px!important;
    font-weight: bold;
    font-size: 16px;
}
.inner-nav ul > li > a.active:before {
  content: '';
  height: 5px;
  width: 5px;
  background-color: #044625;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  bottom: 15px;
  left: 50%;
  color: #044625;
}
.inner-nav .dropdown ul > li > a.active:before {
  display: none;
}
.stick-fixed ul > li > a.active:before {
  bottom: -5px;
}
.main-nav.transparent {
    background: rgba(4, 70, 37, 0) !important;
}
.works-filter a {
    display: inline-block;
    margin: 10px 14px;
    color: #044625;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    cursor: pointer;
    font-family: 'relation';
    text-transform: lowercase;
}
.works-filter a.active {
    color: #67b670;
    cursor: default;
}
.diagonal{
    font-size: 100px;
    float:left;
    margin-left: 4px;
    transform:rotate(10deg);
    -ms-transform:rotate(10deg); /* IE 9 */
    -webkit-transform:rotate(10deg); /* Opera, Chrome, and Safari */
    position: absolute;
    left: 40%;
    top: 36%;
    z-index: 999;
}
.selo {
    position: absolute;
    left: 33%;
    top: 33%;
    z-index: 1;
    width: 190px;
}
.mod-breadcrumbs {
    left: 20px;
    position: absolute;
    margin-top: -20px;
    z-index: 99;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-decoration: none;
    text-transform: uppercase;
}
.mod-breadcrumbs a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
}
.mod-breadcrumbs a:hover {
    text-decoration: underline;
}
.mod-breadcrumbs_prod {
    left: 40px;
    position: absolute;
    margin-top: 160px;
    z-index: 99;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-decoration: none;
    text-transform: uppercase;
}
.mod-breadcrumbs_prod  a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
}
.mod-breadcrumbs_prod  a:hover {
    text-decoration: underline;
}
.garrafa-holder {
    position: relative;
}
.garrafa-detalhe {
    position: absolute;
    top: -80px;
    left: 60px;
    z-index: 5;
}
.text-center {
    text-align: center!important;
}
.p-10 {
    padding: 10px;
}
.p-0 {
    padding: 0px !important;
}
.work-item > a {
    display: block;
    padding: 0 0 0px 0;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}
.work-item:hover .work-intro {
    color: #fff;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    z-index: 3;
}
.works-grid.hover-white .work-item:hover .work-img:after {
    background: rgb(4 70 37 / 20%);
}
.work-full-detail p {
    padding: 6px 0;
    margin: 0;
    font-family: bebas-neue-pro-semiexpanded, sans-serif;
    color: #044625;
    font-size: 16px;
    text-transform: initial;
    line-height: 18px;
}
.work-full-detail p strong {
    width: 100%;
    display: inline-block;
}
.work-descr {
    color: #044625;
    font-size: 48px;
    line-height: 40px;
    font-family: "relation";
    text-transform: lowercase;
    text-align: left;
    font-weight: 400;
}
.layer-right > .work-descr {
    color: #044625;
    font-size: 32px;
    line-height: 36px;
    font-family: "relation";
    text-transform: lowercase;
    text-align: left;
    font-weight: 400;
}
.work-img {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}
.text_link {
    text-align: center!important;
    font-size: 18px;
    line-height: 20px;
    text-decoration: underline;
    color: #054625;
    border: none;
    background: none;
    display: block;
    margin: 0 auto;
}
.text_link:hover {
    color: #67b670;
}
.pagination {
    list-style: none;
    padding-left: 0;
    text-align: center;
}
.pagination li {
    display: inline-block;
}
#search_recipe_results {
    padding-top: 130px !important;
    margin-top: -130px !important;
}
.item-carousel .owl-pagination {
    bottom: 25px!important;
}
.work-title {
    padding: 0;
    font-size: 28px;
    line-height: 100%;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.work-intro {
    width: 100%;
    min-height: 150px;
    padding: 10px;
    -webkit-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    bottom: 5px;
    left: 0;
    text-align: center;
}
.receitas .work-intro {
    width: 100%;
    min-height: 70px;
    padding: 10px;
    -webkit-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    bottom: 5px;
    left: 0;
    text-align: center;
    background-color: #fff;
}
.receitas .work-descr {
    color: #044625;
    font-size: 30px;
    line-height: 32px;
    font-family: "relation";
    text-transform: lowercase;
    padding-top: 15px;
}
.pagination a {
    border: 1px solid #044625;
    color: #044625;
}
.pagination a.active, .pagination a.active:hover {
    border-color: #044625;
    background-color: #044625;
    color: #fff;
    cursor: default;
}
.work-navigation {
    font-size: 16px;
    position: absolute;
    background: transparent;
    top: 40vh;
    text-transform: none;
    letter-spacing: 0px;
    font-family: "BebasNeueImpacto-Bold";
}
.work-navigation a span {
    display: inline-block;
    height: 30px;
    line-height: 20px;
    padding: 10px;
    background: transparent;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding-right: 40px;
    padding-left: 40px;
    font-weight: bold;
    font-family: BebasNeueImpacto-Bold, sans-serif;
}
.work-navigation span:hover {
    background: transparent;
    text-decoration: none;
}
.work-navigation a {
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    cursor: default;
    font-family: BebasNeueImpacto-Bold, sans-serif;
}
.works-grid.hover-white .work-item:hover .work-intro, .works-grid.hover-white .work-item:hover .work-title, .works-grid.hover-white .work-item:hover .work-descr {
    color: #044625;
}
.work-item a, .work-item a:hover {
    color: #044625;
    border: none;
}
.receita_list_item {
    padding: 10px;
}
.receita_list_item h5 {
    text-align: center;
    margin-top: 4px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: BebasNeueImpacto-Bold, sans-serif;
    color: #044625;
}
.receita_list_item p{
    color: #67b670;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 10px;
}
.sliderbackground {
    background-color: red;
    width: 300px;
    height: 300px;
}
.bg-gray-lighter {
    background-color: #AAB9A3;
}
.bg-produto {
    background-color: #f2eee2;
    min-height: 730px;
}
.bg-footer {
    background-image: url(../img/oliveira-da-serra-fundo-footer.jpg);
}
.footer-topo {
    margin: 0px !important;
    padding: 0px !important;
    position: relative;
    z-index: 999;
    top: -60px;
    background-color: #f4eee2;
}
.bg-topo {
    background-color: #f4eee2;
}
.page-topo {
    margin: 0px !important;
    padding: 0px !important;
    position: relative;
    z-index: 999;
    top: -25px;
}
.igviewer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: RGBA(29, 31, 32, 0.9);
}
.igviewer img {
    display: block;
    margin: 1rem auto;
    height: calc(100vh - 2rem);
    width: auto;
    box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.8);
}
.igviewer.hidden {
    display: none;
}
.instagram {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    overflow: hidden;
    margin: 0 auto;
}
.instagram .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 150px;
    height: 150px;
    margin: 2px;
    overflow: hidden;
    transition: all 200ms ease;
    position: relative;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}
.footer-copy p {
    text-align: center;
}
.owl-pagination {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 4%;
    text-align: left;
    background-color: #a4b6a34d!important;
    height: 3px;
    border-radius: 12px;
}
.owl-page {
    display: flex;
    padding: 0px 0px;
    position: relative;
}
.owl-page span {
    width: 80px;
    height: 2px;
    display: block;
    background: #a4b6a34d !important;
    position: relative;
    z-index: 1000 !important;
    border-radius: 12px;
}
.owl-page.active span {
    background: #044625!important;
    border: 0px solid rgb(164, 143, 96);
    -webkit-transform: scale(1.3333333);
    -moz-transform: scale(1.3333333);
    -o-transform: scale(1.3333333);
    -ms-transform: scale(1.3333333);
    transform: scale(1.3333333);
    position: relative;
    z-index: 2000 !important;
    border-radius: 12px;
}
.resultados {
    padding: 16px;
    border: 1px solid #efefef;
}
.produto {
    padding-left: 135px;
    position: relative;
}
.imgproduto {
    position: absolute;
    top: 0px;
    left: -60%;
}
.tituloproduto {
    font-size: 46px;
}
.sabores {
    width: 99%;
}
.sabores td, .sabores th {
  border: 1px solid #ddd;
  padding: 8px;
}
.sabores tr:nth-child(even){background-color: #f2f2f2;}
.sabores tr:hover {background-color: #ddd;}
.sabores th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #9c8b5d;
    color: white;
    text-align: center;
}
.bg-dark-alfa-30:before, .bg-dark-alfa-30 .YTPOverlay:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34,34,34,0.1);
}
.headerlayer {
    padding: 16px;
    background-color: rgb(0 0 0 / 40%);
    width: 80%;
    min-height: 250px;
}
.btadicionar {
    text-align: center;
    margin: auto;
}
.btadicionar i {
    color: #044625;
}
.comparador i {
    color: #044625;
}
.works-grid.work-grid-gut .work-item {
    padding: 20px 20px 20px 20px;
}
.receitas-list .work-item:nth-child(3n + 2) {
    margin-top: 80px; /* Aplica a margem superior de 0px nos itens 2, 5, 8, etc. */
}
.receitas-list .work-item:not(:nth-child(3n + 2)) {
    margin-bottom: 80px; /* Aplica a margem inferior de 80px nos outros itens */
}
.share-receitas {
    display: flex;
    justify-content: center !important;
}
.share-receitas h4 {
    padding-top: 2px;
    font-size:26px;
}
.share-receitas p {
    font-size: 26px;
    font-weight: 500;
    line-height: 60px;
}
.topo {
    min-height: 570px;
    padding-top: 50px;
}
.topo2 {
    padding-top: 180px;
    padding-left: 40px;
    padding-bottom: 140px;
}
.pageheadertitle {
    font-size: 70px;
    text-transform: uppercase;
    line-height: 70px;
}
.ingredientes-titulo {
    font-size: 80px;
    line-height: 90%;
    margin-bottom: 30px;
    color: #044625;
}
.receita_detalhe_info  {
    padding-top: 15px;
    padding-left: 0px;
}
.receita_detalhe_info_icon  {
    padding-top: 15px;
    padding-left: 40px;
}
.receita_detalhe_info image {
    display: inline-block;
}
.receita_detalhe_info p {
    text-align: left;
    font-size: 12px;
    line-height: 12px;
    color: #59B063;
    }
.receita_detalhe_info h3 {
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    color: #044625;
    display: inline-block;
    text-transform: uppercase;
    }
.receita_detalhe_info_box {
    border-left: 1px solid #044625;
    min-height: 68px;
    padding-top: 15px;
    padding-left: 0px;
}
.caption {
    left: 40px !important;
    top: 25% !important;
}
.map-section {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    background: rgb(4 70 37 / 70%);
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.map-section:hover {
    background: rgb(4 70 37);
}
.work-next {
    text-align: right;
}
.contactos .mapa a::after{
    content: ' >';
}
.contactossvgo {
    filter: invert(75%) sepia(35%) saturate(5363%) hue-rotate(113deg) brightness(43%) contrast(71%);
    width: 70px;
}
.product-list {
    margin-bottom: 25px;
}
.product-list:hover .image {
  opacity: 0.8;
}
.product-list h3 {
    color: #044625;
    font-size: 42px;
    line-height: 36px;
    font-family: "relation";
}
.product-list h2 {
    font-family: BebasNeueImpacto-Bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 6px;
    color: #044625;
    font-size: 60px;
    line-height: 60px;
    margin-top: 0px;
}
.subtitle-big {
   font-size: 54px!important;
   line-height: 58px!important;
}
.obig{
    width: 80px;
    height: 80px;
}
.up-arrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #bd8e63;
    margin: 6px 0px 0px 0px;
}
.receita-topo-image {
    min-width: 100%;
}
.timeline{
  position:relative;
  margin:50px auto;
  padding:40px 0;
  width:1000px;
  box-sizing:border-box;
}
.timeline:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 208px;
    width: 2px;
    height: 89%;
    background: #d4cea9;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
  padding-top: 60px;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.content{
    padding-bottom: 40px;
    padding-top: 20px;
    text-align: left;
}
.timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:20px;
  height:20px;
  top:150px;
  right:-11px;
  background:#B8AD69;
  border-radius:50%;
  box-shadow:0 0 0 20px rgb(244 238 226 / 70%);
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:20px;
  height:20px;
  top:150px;
  left:-9px;
  background:#B8AD69;
  border-radius:50%;
  box-shadow:0 0 0 20px rgb(244 238 226 / 70%);
}
.timeline ul li h3 {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 52px;
    line-height: 120%;
}
.timeline ul li p{
  margin:10px 0 0;
  padding:0;
  line-height: 26px;
}
.timeline ul li .time h4{
  margin:0;
  padding:0;
  font-size:16px;
}
.timeline ul li:nth-child(odd) .time
{
    position:absolute;
    top:2px;
    right:-450px;
    margin:0;
    padding:8px 16px;
    color:#fff;
    width: 400px;
}
.timeline ul li:nth-child(even) .time
{
    position:absolute;
    top:2px;
    left:-455px;
    margin:0;
    padding:8px 16px;
    color:#fff;
    width: 400px;
}
.sobrelagarcontainer {
    position: relative;
}
.sobrelagartext {
    position: absolute;
    top: 20vh;
    z-index: 998;
}
.item-carousel-receitascategorias .owl-pagination {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 5px;
    z-index: 5;
}
.owl-prev:hover:before, .owl-next:hover:before {
    opacity: 1;
}
.content-slider-receitas-produto {
    min-height: 637px;
}
.inner-nav ul li .mn-sub li a.active {
    color: #fff !important;
}
.mn-sub li > a.active:before {
    display: none;
}
.bloco-slide-image {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.bg_green {
    background-color:#59b063;
}
.bg_white {
    background-attachment: #f2eee2;
}
.footer.bg_green .divider {
    height: 1px;
    background-color: #F2EDE0;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 45%;
}
.bloco-visitar {
    padding-left: 20px;
}
@media (max-width: 767px) {
    .receitas-list .work-item:nth-child(3n + 2) {
        margin-top: 0px;
    }
    .receitas-list .work-item:not(:nth-child(3n + 2)) {
        margin-bottom: 0px;
    }
    .vermais-receitas {
        top: 75%;
        left: 130%;
    }
    .share-receitas p {
    font-size: 26px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    }
    #st-1 .st-btn {
        margin-right: 6px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
   .primeiracolheita-topo-titulo {
        position: absolute;
        top: 52%;
        width: 92%;
        font-size: 106px;
        line-height: 110px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }
    .banner-headingw {
        margin-top: 0;
        font-size: 30px;
        line-height: 34px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: lowercase;
        color: #044625;
        font-family: 'relation';
        text-align: center;
    }
    .resultado {
        position: absolute;
        bottom: -18px;
        left: 60px;
        width: 275px;
    }

    .mb-center {
        text-align: center!important;        
    }

    .content-slider-receitas-produto {
        min-height: 470px;
    }                                                 
    .loader-ods {
        top: 30%;
        left: 22%;
    }
    .combinacom {
        position: absolute;
        bottom: 80px;
        left: 30px;
        width: 350px;
    }
    .saibamaislinha {
        position: absolute;
        bottom: -20px;
        left: 4px;
        width: 170px;        
    }
    .bloco-aprenda-video{
        position: static;
    }
    .product-name{
        max-width: 95%;
    }
    .product-subtitulo {
        width: 100%;
    }
    .lagar-home-titulo {
        position: absolute;
        top: 25%;
        font-size: 80px;
        line-height: 70px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
        width: 92%;
        text-align: center;
    }
    .logo-footer {
        width: 110px;
        position: absolute;
        top: -31px;
        left: 36%;
        z-index: 9;
    }
    .contactos-caption {
        position: absolute;
        top: 4%;
        left: 5%;
        color: white;
        font-size: 60px;
        line-height: 60px;
        width: 50%;
    }
    .fullscreen-container {
        width: 100%;
        position: relative;
        padding: 0;
        height: 68vh;
    }
    .caption {
        left: 0px !important;
        top: 35% !important;
    }
    .sustentabilidadetitulo {
        font-size:60px;
    }
    .contactossvgo {
        filter: invert(75%) sepia(35%) saturate(5363%) hue-rotate(113deg) brightness(43%) contrast(71%);
        width: 44px;
    }
    .pageheadertitle {
        font-size: 46px;
        line-height: 48px;
        text-transform: uppercase;
    }
    .banner-content h2 {
        color: #044625;
        font-size: 54px;
        line-height: 70px;
        text-align: center;
        margin-top: 0px;
    }
    .topo {
        min-height: 250px;
        padding-top: 0px;
    }
    .page-topo {
        margin: 0px !important;
        padding: 0px !important;
        position: relative;
        z-index: 999;
        top: -17px;
    }
    .bgslide {
        background-color: none;
        width: 100%;
        height: 54%;
        padding: 5px!important;
        text-align: left;
    }
    .btslide {
        transition: all 0.2s ease-out 0s;
        min-height: 0px;
        min-width: 0px;
        line-height: 17px;
        border-width: 2px;
        margin: 30px 0px 0px;
        padding: 10px!important;
        letter-spacing: 1px;
        font-size: 12px!important;
    }
    .btn-mod.btn-border-w {
        color: #fff;
        border: 2px solid #fff!important;
        background: transparent;
        font-family: bebas-neue-pro-semiexpanded, sans-serif;
    }
    .fullscreenbanner h1 {
        color: #fff;
        font-family: "relation";
        font-size: 20px!important;
        text-transform: none;
        padding-left: 10px!important;
    }
    .fullscreenbanner h4 {
        color: #fff;
        font-family: "relation";
        font-size: 18px!important;
        line-height: 20px;
        text-transform: none;
        padding-left: 10px!important;
    }
    .fullscreenbanner h2 {
        color: #fff;
        font-size: 38px!important;
        line-height: 44px!important;
        padding-left: 10px!important;
    }
    .fullscreenbanner h3 {
        padding-left: 10px!important;
    }
    .obig{
      height: 30px;
    }
    .subtitle-big {
       font-size: 28px!important;
       line-height: 32px!important;
       padding-left: 10px!important;
       padding-bottom: 5px!important;
    }
    .fullscreenbanner a {
        color: #fff;
        text-align: left!important;
        font-family: p22-mackinac-pro, serif;
        font-size: 14px!important;
        text-decoration: underline;
        padding-left: 10px!important;
    }
    .fullscreenbanner p {
        color: #fff;
        font-size: 12px!important;
        padding-left: 10px!important;
        line-height: 22px!important;
        padding-bottom: 10px!important;
    }
    .imgproduto {
        height: 400px !important;
        position: relative;
        top: 0px;
        left: 0px;
    }
    .garrafa-detalhe{
        position: relative;
        top: 0px;
        left: 0px;
         z-index: 5;
    }
    .work-navigation {
        font-size: 16px;
        position: absolute;
        background: none;
        top: 28vh;
        text-transform: none;
        letter-spacing: 0px;
        font-family: BebasNeueImpacto-Bold, sans-serif;
    }
    .work-navigation a span {
        color: #044625!important;
        padding-right: 10px!important;
        padding-left: 10px!important;
        font-family: BebasNeueImpacto-Bold, sans-serif;
    }
    .mod-breadcrumbs {
        left: 20%;
        position: absolute;
        margin-top: 50%;
        z-index: 999;
        color: #044625!important;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-decoration: none;
        text-transform: uppercase;
    }
    .mod-breadcrumbs a {
        text-decoration: none;
        color: #044625;
        font-size: 20px;
    }
    .footer-topo {
        margin: 0px !important;
        padding: 0px !important;
        position: relative;
        z-index: 999;
        top: -19px;
        background-color: transparent;
    }
    .custom_overlay_inner {
        position: relative;
        width: 100%;
        height: 460px;
    }
    .custom_overlay_inner {
        position: absolute;
        top: 50%;
        left: 20px;
        right: 7px;
        transform: translateY(-50%);
        width: 210px;
    }
    .custom_overlay h4 {
        position: relative;
        margin-bottom: 2px;
        font-size: 44px;
        line-height: 44px;
        color: #fff;
        text-transform: uppercase;
    }
    .header-produto p {
        font-size: 28px!important;
    }
    .header-produto h3 {
        font-family: "p22-mackinac-pro";
        font-size: 40px!important;
        line-height: 42px;
    }
    .header-produto h4 {
        font-size: 20px!important;
        line-height: 22px;
    }
    .header-produto h1 {
        font-size: 86px !important;
        line-height: 82px;
        font-weight: 600;
        margin-top: 8px;
    }
    .header-receitas h1 {
        font-size: 100px !important;
        line-height: 100px;
        font-weight: 700;
        margin-top: 0px;
        text-transform: uppercase;
        color: #B8AD69;
    }
    .text-xs-center {
        text-align: center;
     }
    .svgo{
        filter: invert(83%) sepia(4%) saturate(5325%) hue-rotate(113deg) brightness(93%) contrast(71%)
    }
    .topo-produto {
        height: 100%;
    }
    .work-intro {
        width: 100%;
        padding: 8px;
        -webkit-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        bottom: 5px;
        left: 0;
        text-align: center;
    }
    .work-descr {
        color: #044625;
        font-size: 26px;
        line-height: 28px;
        font-family: "relation";
        text-transform: lowercase;
    }
    .work-title {
        padding: 0;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0.4px;
        width: 90%;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 10px;
        min-height: 30px;
        text-transform: uppercase;
    }
    .works-filter a {
        display: inline;
        margin: 4px 4px;
        color: #044625;
        font-size: 18px;
        font-weight: 700;
        text-decoration: none;
        -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        cursor: pointer;
        font-family: 'relation';
        text-transform: lowercase;
        text-align: left;
    }
    .receita_detalhe_info  {
        padding-top: 5px;
        padding-left: 0px;
        text-align: center;
    }
    .receita_detalhe_info_icon  {
        padding-top: 5px;
        padding-left: 35%;
        text-align: center;
        margin: 0 auto;
    }
    .receita_detalhe_info p {
        text-align: center;
    }
    .bg-produto {
        background-color: #f2eee2;
        min-height: 90vh;
    }
    .mod-breadcrumbs_prod {
        left: 10px;
        margin-top: 150px;
        letter-spacing: 0.7px;
    }
    .video-container {
        height: 22vh;
        position: relative;
        overflow: hidden;
        border-radius: 12px;
    }
    .footer-social a {
        font-size: 30px !important;
        line-height: 30px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .footer-social {
        display: inline-block;
        justify-content: space-around !important;
    }
    .footer-menu1 ul {
        display: inline-block;
    }
    .footer-menu1 a {
        font-size: 18px;
    }
    .footer-copyright {
        text-align: center;
    }
    .footer-copyright {
        text-align: center;
        line-height: 20px;
    }
    .receita-titulo {
        position: absolute;
        top: 30%;
        font-size: 90px;
        line-height: 90px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }
    .product-name{
        position: relative;
        top: 5px;
        left: 10px;
        word-spacing: 2vw;
        padding-left: 5%;
        text-indent: -5%;
    }
    .product-name h1{
        font-size: 105px !important;
        line-height: 110px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
    }
    .garrafa-mobile {
        position: absolute;
        width: 300px;
        margin: 0 auto;
        text-align: center;
        left: 11%;
        top: 0px;
    }
    .video-produto-container {
        min-height: 60vh;
        position: relative;
        overflow: hidden;
        border-radius: 12px;
    }
    .video-produto {
        object-fit: cover;
        position: absolute;
        width: 100%;
        height: 510px;
        top: 0;
        left: 0;
    }
    .produto-video-caption {
        position: absolute;
        top: 70%;
        left: 5%;
        color: white;
        font-size: 36px;
        line-height: 30px;
        width: 92%;
    }
    .video-overlay-produto {
        position: absolute;
        top: 40%;
        left: 49%;
        transform: translate(-50%, -50%);
        width: 110px;
        height: 110px;
        background-color: rgba(255, 255, 255, 0.95);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    .bloco-aprenda-video-texto {
        position: relative;
        width: 100%;
        font-size: 20px !important;
        line-height: 24px;
        font-family: "p22-mackinac-pro";
    }
    .tit-cat-prod {   
        font-size:120px;
        line-height: 90%;
        font-weight: 500;
        text-transform: uppercase;
    }
    .big {
        font-size: 105px !important;
        line-height: 110px;
        font-weight: 500;
        text-transform: uppercase;
    }
    .big2 {
        font-size: 100px;
        line-height: 105px;
        font-weight: 500;
        text-transform: uppercase;
        margin-top: 0px;
    }
    .big4 {
        font-size: 72px;
        line-height: 82px;
        font-weight: 500;
        text-transform: uppercase;
    }
    .photo-mask{
        border-radius: 12px;
        object-fit: cover;
        width: 100%;
        height: 460px!important;
    }
    .sustentabilidade-topo-titulo {
        position: absolute;
        top: 42%;
        width: 92%;
        font-size: 90px;
        line-height: 90px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }
    .compromisso-topo-titulo {
        position: absolute;
        top: -10%;
        left: 0%;
        font-size: 54px;
        line-height: 65px;
        text-transform: uppercase;
        text-align: left;
        color: #B8AD69;
        z-index: 999;
        text-align: center;
    }
    .historia-topo-titulo {
        position: absolute;
        top: 75%;
        width: 92%;
        font-size: 116px;
        line-height: 116px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }
    .videotopo-home-titulo {
        position: absolute;
        top: 72%;
        width: 90%;
        font-size: 96px;
        line-height: 100px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }
    .beliefs-topo-titulo {
        position: absolute;
        top: 28%;
        width: 92%;
        font-size: 110px;
        line-height: 105px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }
    .bloco-historia {
        position: relative;
        min-height: 60vh;
    }
    .receitas-header {
        position: relative;
        min-height: 60vh;
    }
    .big3 {
        font-size: 92px;
        line-height: 100px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .titulos {
        font-size: 48px;
        line-height: 50px;
        text-transform: uppercase;
    }
    .titulos-mackinac {
        font-family: "p22-mackinac-pro";
        font-size: 18px;
        text-transform: uppercase;
    }
    p {
        font-size: 16px;
        line-height: 26px;
    }
    .azeite-subtitulo {
        color: #044625;
        font-size: 70px;
        line-height: 70px;
        font-family: "relation";
        text-transform: capitalize;
    }
    .titulo-relation {
        font-family: relation;
        font-size: 36px;
        line-height: 38px;
    }
    .stick-fixed .nav-logo-wrap {
        position: absolute;
        left: 34%;
        top: -12px;
        z-index: 999;
    }
    .stick-fixed .nav-logo-wrap .logo {
        display: table-cell;
        vertical-align: middle;
        max-width: 120px;
        padding-top: 0px;
    }
    .nav-logo-wrap .logo {
        display: table-cell;
        vertical-align: middle;
        max-width: 120px;
        padding-top: 0px;
    }
    .nav-logo-wrap {
        position: absolute;
        left: 34%;
        top: -12px;
        z-index: 999;
    }
    .main-nav.dark .inner-nav ul > li > a:hover, .main-nav.dark .inner-nav ul > li > a.active {
        color: #fff;
    }
    .main-nav.dark .mobile-nav {
        background-color: transparent;
        border-color: transparent;
        color: rgb(4 70 37);
    }
    .main-nav.dark .inner-nav ul > li > a.active:before {
      display: none;
    }
    .main-nav.dark .mobile-nav:hover, .main-nav.dark .mobile-nav.active {
        color: #044625;
    }
    .menubars {
        padding: 30px;
        color: #fff;
        max-width: 100px;
    }
    .mobile-nav {
        border-left: 0px solid rgba(0, 0, 0, .05);
        border-right: 0px solid rgba(0, 0, 0, .05);
        position: absolute;
        right: 0px;
        z-index: 99999;
        display: table;
    }
    .mobile-nav .fa {
        color: #044625;
    }
    .mobile-nav:hover, .mobile-nav.active {
        background: transparent;
        color: #fff;
    }
    .main-nav.mobile-on.dark .inner-nav {
        border-top: 0px solid rgba(100, 100, 100, .4);
    }
    .mobile-nav > .active > .main-nav.transparent {
        background: #59b063 !important;
    }
    .mobile-on .desktop-nav ul li a {
        display: inline-block;
        width: 100%;
        height: 38px !important;
        line-height: 38px !important;
        border-right: none;
        border-bottom: 0px solid rgba(255, 255, 255, .065);
        color: #fff;
        font-size: 28px;
        font-weight: bold;
    }
    .mobile-on .desktop-nav {
        display: none;
        width: 108%;
        position: absolute;
        top: 0%;
        left: -15px;
        padding: 0 15px;
        z-index: 998;
    }
    .inner-nav ul li {
        display: contents;
    }
    .inner-nav ul li .mn-sub li a {
        line-height: 28px;
        padding: 10px 20px;
        font-size: 26px;
        text-align: center;
    }
    .inner-nav ul > li > a.active:before {
      display: none;
    }
    .inner-nav ul {
        padding-top: 100px;
    }
    .inner-nav .mn-sub {
        padding-top: 10px;
    }
    .bloco-home {
        position: relative;
        min-height: 56vh;
        margin-top: 80px;
    }
    .full-wrapper {
        margin: 0 0%;
    }
    .owl-item-produtos:hover img {
        display: block;
    }
    .content-slider-receitas-produto .owl-prev {
        opacity: 1;
        display: block;
        position: absolute;
        top: 71%;
        left: 62px;
        width: 120px;
        height: 50px;
        line-height: 50px;
        font-size: 28px;
        text-align: center;
        color: #044625;
        z-index: 999;
    }
    .content-slider-receitas-produto .owl-prev:before {
        content: "";
        display: block;
        width: 120px;
        height: 50px;
        position: absolute;
        top: 0px;
        right: 180px;
        background-color:#f2ede0;
        border-radius: 10px 0px 0px 10px;
        border-top: 1px solid #044625;
        border-right: 0px solid #044625;
        border-bottom: 1px solid #044625;
        border-left: 1px solid #044625;
    }
    .content-slider-receitas-produto .owl-next {
        opacity: 1;
        display: block;
        position: absolute;
        top: 71%;
        right: 58px;
        width: 120px;
        height: 50px;
        line-height: 50px;
        font-size: 28px;
        text-align: center;
        color: #044625;
        z-index: 999;
    }
    .content-slider-receitas-produto .owl-next:before {
        content: "";
        display: block;
        width: 120px;
        height: 50px;
        position: absolute;
        top: 0px;
        right: 180px;
        background-color:#f2ede0;
        border-radius: 0px 10px 10px 0px;
        border-top: 1px solid #044625;
        border-right: 1px solid #044625;
        border-bottom: 1px solid #044625;
        border-left: 1px solid #044625;
    }
    .content-slider-receitas-produto.owl-carousel:hover .owl-prev {
        opacity: 1;
        left: 62px;
    }
    .content-slider-receitas-produto.owl-carousel:hover .owl-next {
        opacity: 1;
        right: 58px;
    }
    .work-full-slider-receita-confecao .owl-prev {
        opacity: 1;
        display: block;
        position: absolute;
        top: 88%;
        left: 60px;
        width: 120px;
        height: 50px;
        line-height: 50px;
        font-size: 28px;
        text-align: center;
        color: #044625;
        z-index: 999;
    }
    .work-full-slider-receita-confecao .owl-prev:before {
        content: "";
        display: block;
        width: 120px;
        height: 50px;
        position: absolute;
        top: 0px;
        right: 180px;
        background-color:#f2ede0;
        border-radius: 10px 0px 0px 10px;
        border-top: 1px solid #044625;
        border-right: 0px solid #044625;
        border-bottom: 1px solid #044625;
        border-left: 1px solid #044625;
    }
    .work-full-slider-receita-confecao .owl-next {
        opacity: 1;
        display: block;
        position: absolute;
        top: 88%;
        right: 60px;
        width: 120px;
        height: 50px;
        line-height: 50px;
        font-size: 28px;
        text-align: center;
        color: #044625;
        z-index: 999;
    }
    .work-full-slider-receita-confecao .owl-next:before {
        content: "";
        display: block;
        width: 120px;
        height: 50px;
        position: absolute;
        top: 0px;
        right: 180px;
        background-color:#f2ede0;
        border-radius: 0px 10px 10px 0px;
        border-top: 1px solid #044625;
        border-right: 1px solid #044625;
        border-bottom: 1px solid #044625;
        border-left: 1px solid #044625;
    }
    .work-full-slider-receita-confecao.owl-carousel:hover .owl-prev {
        opacity: 1;
        left: 60px;
    }
    .work-full-slider-receita-confecao.owl-carousel:hover .owl-next {
        opacity: 1;
        right: 60px;
    }
    .share-receitas {
        display: grid;
    }
    .share-receitas p {
        font-size: 26px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
    }
    #st-1 .st-btn {
        margin-right: 6px;
    }
    .wake-lock-btn {
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px 20px;
        background-color: #044625;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
        width: 100%;
    }
    .wake-lock-btn.disabled {
        background-color: #6c757d;
        cursor: not-allowed;
    }
    .receitas-specs {
        display: block;
    }
    .vermais-receitas {
        top: 75%;
        left: 130%;
    }
    .breadcrum {
        position: absolute;
        top: 22%;
        width: 92%;
        font-size: 18px;
        line-height: 20px;
        text-transform: uppercase;
        text-align: center;
        color: #ffffff;
        z-index: 990;
    }
    .bloco-sustentabilidade {
        position: relative;
        min-height: 70vh;
    }
    .bloco-visitar {
        text-align: center!important;
        padding-left: 0px;
    }
    .bloco-visitar p{
        text-align: center!important;
    }
    .timeline:before {
        height: 94%;
    }
    .timeline ul li {
        list-style: none;
        position: relative;
        width: 100%;
        padding: 10px 0px;
        box-sizing: border-box;
        margin-top: 60px;
    }
    .timeline {
        position: relative;
        margin: 0px auto;
        padding: 40px 0;
        width: 100%;
        box-sizing: border-box;
    }
    .timeline:before {
        margin-top: 27%;
    }
    .timeline ul li {
        margin-top: 20px;
    }
    .timeline ul li h3 {
        padding: 0;
        margin: 0;
        font-weight: 600;
        text-align: center;
    }
    .timeline ul li:nth-child(even):before {
        display: none;
    }
    .timeline ul li:nth-child(odd):before {
        display: none;
    }
    .owl-page {
        padding-left: 4px;
        padding-right: 4px;
    }
    .bloco-slide-image {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .form-label-top{
        font-family : "p22-mackinac-pro" !important;
    }
    .product-subtitulo {
        font-family: "p22-mackinac-pro";
        font-size: 32px;
        line-height: 34px;
        text-transform: uppercase;
        padding-left: 0%;
        text-indent: 0%;
        text-align: center;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
   .primeiracolheita-topo-titulo {
        position: absolute;
        top: 52%;
        width: 92%;
        font-size: 106px;
        line-height: 110px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }

    .content-slider-receitas-produto {
        min-height: 470px;
    }
    .header-produto p {
        font-size: 28px!important;
    }
    .header-produto h4 {
        font-size: 20px!important;
        line-height: 22px;
    }
    .header-produto h1 {
        font-size: 40px!important;
        line-height: 42px;
        font-weight: 600;
        margin-top: 8px;
    }
    .custom_overlay_inner {
        position: absolute;
        top: 27%;
        left: 20px;
        right: 7px;
        transform: translateY(-50%);
        width: 210px;
    }
    .custom_overlay h4 {
        position: relative;
        margin-bottom: 2px;
        font-size: 44px;
        line-height: 44px;
        color: #fff;
        text-transform: uppercase;
    }
    .caption {
        left: 0px !important;
        top: 15% !important;
    }
    .fullscreenbanner h1 {
        color: #fff;
        font-family: 'p22-mackinac-pro';
        font-size: 18px!important;
        text-transform: none;
    }
    .fullscreenbanner h2 {
        color: #fff;
        font-size: 40px!important;
        line-height: 40px!important;
    }
    .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
        position: absolute;
        visibility:visible;
        left: 20px !important;
        top: 115px !important;
        letter-spacing: 1px;
        font-size: 28px!important;
    }
    .imgproduto {
        height: 400px !important;
        position: relative;
        top: 0px;
        left: 0px;
    }
    .btn-mod.btn-medium {
        height: auto;
        padding: 8px 37px!important;
        font-size: 12px!important;
    }
    .footer-topo {
        margin: 0px !important;
        padding: 0px !important;
        position: relative;
        z-index: 999;
        top: -30px;
    }
    .mobile-on .desktop-nav ul {
        width: 100%;
        float: none;
        background: rgb(4 70 37);
        position: relative;
        overflow-x: hidden;
    }
    .inner-nav ul > li > a.active:before {
      display: none;
    }
}

@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px) and (orientation : portrait) {
   .primeiracolheita-topo-titulo {
        position: absolute;
        top: 52%;
        width: 92%;
        font-size: 106px;
        line-height: 110px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }
    .banner-headingw {
        margin-top: 0;
        font-size: 30px;
        line-height: 34px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: lowercase;
        color: #044625;
        font-family: 'relation';
        text-align: center;
    }

    .imgproduto {
        height: 400px !important;
        position: relative;
        top: 0px;
        left: 0px;
    }
    .receita_detalhe_info {
        padding-top: 5px;
        padding-left: 0px;
        text-align: center;
    }
    .receita_detalhe_info_icon {
        padding-top: 5px;
        padding-left: 35%;
        text-align: center;
        margin: 0 auto;
    }
    .receita_detalhe_info p {
        text-align: center;
    }
    .receita_detalhe_info_box {
        border-left: 0px;
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .primeiracolheita-topo-titulo {
        position: absolute;
        top: 52%;
        width: 92%;
        font-size: 106px;
        line-height: 110px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }

    .imgproduto {
        height: 400px !important;
        position: relative;
        top: 0px;
        left: 0px;
    }
    .work-full-slider-bottom .item {
        margin-left: 15px;
        margin-right: 15px;
    }
    .work-navigation div {
        display: block;
        float: left;
        width: 50%;
        overflow: hidden;
        vertical-align: middle;
        text-decoration: none;
        white-space: nowrap;
        cursor: default;
    }
    .features-item {
        padding: 15px;
        text-align: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .features-item h3{
        text-align: center;
        font-size: 24px;
        line-height: 28px;
    }
    .features-icon {
        font-size: 48px;
        line-height: 1.2;
        color: rgba(255,255,255, .9);
        margin-bottom: 14px;
    }
    .features-title {
        margin-bottom: 6px;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: none;
        color: rgba(255,255,255, .9);
    }
    .small-section p {
        color: #292929;
    }
    .bg-dark-alfa-50:before, .bg-dark-alfa-50 .YTPOverlay:before {
        background: rgba(34,34,34, .2);
    }
    .footer-topo {
        margin: 0px !important;
        padding: 0px !important;
        position: relative;
        z-index: 999;
        top: -53px;
        background-color: #f4eee2;
    }
    .valoresbox h5 {
        font-size: 28px;
        line-height: 30px;
    }
    .valoresbox h3 {
        font-size: 22px;
        line-height: 24px;
    }
    .receita_detalhe_info {
        padding-top: 5px;
        padding-left: 0px;
        text-align: center;
    }
    .receita_detalhe_info_icon {
        padding-top: 5px;
        padding-left: 35%;
        text-align: center;
        margin: 0 auto;
    }
    .receita_detalhe_info p {
        text-align: center;
    }
    .receita_detalhe_info_box {
        border-left: 0px;
    }
    .subtitle-big {
       font-size: 60px!important;
       line-height: 62px!important;
    }
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1300px;
    }
    .valoresbox h5 {
        font-size: 28px;
        line-height: 30px;
    }
    .valoresbox h3 {
        font-size: 22px;
        line-height: 24px;
    }
}

@media (min-width: 1200px){
    .container {
        width: 1300px;
    }
    .valoresbox h5 {
        font-size: 28px;
        line-height: 30px;
    }
    .valoresbox h3 {
        font-size: 22px;
        line-height: 24px;
    }
    .subtitle-big {
       font-size: 66px!important;
       line-height: 70px!important;
    }
}
/* IPAD Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .fullscreenbanner h1 {
        font-size: 50px!important;
    }
    .garrafa-detalhe {
        position: relative;
        top: -10px;
        left: 0px;
        z-index: 5;
    }
    .footer-topo {
        margin: 0px !important;
        padding: 0px !important;
        position: relative;
        z-index: 999;
        top: -30px;
    }
    .fullscreenbanner h2 {
        color: #fff;
        font-size: 76px!important;
        line-height: 82px!important;
    }
    .work-navigation a span {
        color: #044625!important;
        padding-right: 10px!important;
        padding-left: 10px!important;
    }
    .svgo{
        filter: invert(83%) sepia(4%) saturate(5325%) hue-rotate(113deg) brightness(93%) contrast(71%)
    }
    .topo-produto {
        height: 100%;
    }
    .footer-topo {
        margin: 0px !important;
        padding: 0px !important;
        position: relative;
        z-index: 999;
        top: -37px;
        background-color: #f4eee2;
    }
    .work-navigation {
        font-size: 16px;
        position: absolute;
        background: transparent;
        top: 15vh;
        text-transform: none;
        letter-spacing: 0px;
        font-family: bebas-neue-pro-semiexpanded, sans-serif;
    }
    .subtitle-big {
       font-size: 54px!important;
       line-height: 56px!important;
    }
    .big {
        font-size: 220px !important;
        line-height: 310px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .sustentabilidade-topo-titulo {
        position: absolute;
        top: 35%;
        width: 100%;
        font-size: 200px;
        line-height: 210px;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }
    .mobile-nav > .active > .main-nav.transparent {
        background: #59b063 !important;
    }
    .mobile-on .desktop-nav ul li a {
        display: block;
        width: 100%;
        height: 38px !important;
        line-height: 38px !important;
        border-right: none;
        border-bottom: 0px solid rgba(255, 255, 255, .065);
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }
    .mobile-nav {
        border-left: 0px solid rgba(0, 0, 0, .05);
        border-right: 0px solid rgba(0, 0, 0, .05);
        position: absolute;
        right: 0px;
        z-index: 999999;
    }
    .mobile-nav .fa {
        color: #044625;
    }
    .mobile-nav:hover, .mobile-nav.active {
        background: transparent;
        color: #fff;
    }
    .inner-nav ul li .mn-sub li a {
        line-height: 28px;
        padding: 10px 20px;
        font-size: 26px;
        letter-spacing: 1;
    }
    .inner-nav ul > li > a.active:before {
      display: none;
    }
    .work-full-slider-receita-confecao.owl-carousel:hover .owl-prev {
        opacity: 1;
        left: 240px;
    }
    .work-full-slider-receita-confecao.owl-carousel:hover .owl-next {
        opacity: 1;
        right: 240px;
    }
    .videotopo-home-titulo {
        position: absolute;
        top: 15%;
        width: 100%;
        font-size: 260px;
        line-height: 90%;
        text-transform: uppercase;
        text-align: center;
        color: #B8AD69;
    }
    .owl-nav{
        display: none;
    }
    .logo-footer {
        width: 200px;
        position: absolute;
        top: -57px;
        left: 35%;
        z-index: 9;
    }
    .main-nav.transparent {
        background: rgb(89 176 99) !important;
    }
    .tit-cat-prod {
        font-size: 220px;
    }
    .header-produto h1 {
        font-size: 180px !important;
    }
    .video-caption {
        width: 75%;
    }
    .big2 {
        font-size: 230px;
    }
}

@media print {
    nav, footer, .no-print {
        display: none;
    }
    .text-brown {
        color: #000000 !important;
    }
    .big4 {
        font-size: 40px;
        line-height: 40px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .ingredientes-titulo {
        font-size: 32px;
    }
    p {
        font-size: 14px;
    }
    .receitas-specs {
        display: flex;
        justify-content: space-around !important;
        padding-bottom: 10px;
        padding-top: 0px;
    }
    .ingredientes p {
        padding-top: 0px;
        padding-bottom: 0px;
        border-bottom: 0px solid #044625;
    }
}