/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* cookies box */
#termos-container {
    width: 100%;
    position: fixed;
    bottom: 10px;
    z-index: 99999;
    display: none;
}

#termos-box {
    width: calc(100% - 20px);
    margin: 0 auto;
    background-color: #6bba43;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    border-radius: 3px;
    font-family: 'daxregular';
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 28%);
}

#termos-box p {
    margin: 0;
}

    #termos-box p a {
        color: #572215;
    }

#termos-btn-concordo {
    margin: auto 0;
    background-color: #572215;
    border: 0;
    border-bottom: solid 1px #568240;
    border-radius: 12px;
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 28%);
    padding: 5px 12px 2px 12px;
    min-height: 33px;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 28%);
    font-family: 'daxmedium';
    color: #FFFFFF;
    font-size: 16px;
}

/* custom dropdown menu principal */
.nav-item .submenu-custom {
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    height: 0;
    z-index: 3;
    background-color: #FFFFFF;
    padding: 0;
    border: solid 1px #572215;
    overflow: hidden;
    opacity: 0;
    transition: ease .2s;
}

    .nav-item:hover .submenu-custom {
        height: auto;
        overflow: auto;
        opacity: 1;
    }

    .nav-item .submenu-custom li {
        list-style: none;
        min-width: 250px;
    }

.nav-item .submenu-custom a {
    font-family: 'daxmedium';
    color: #572215;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 24px;
    display: block;
    border-bottom: solid 1px #5722151f;
    transition: ease .2s;
}

    .nav-item .submenu-custom a:hover {
        background-color: #5722151f;
    }

    .nav-item .submenu-custom li:last-child a {
        border-bottom: 0;
    }


/*Admin*/
.admin .upload-file img,
.admin .upload-file-mobile img {
    height: 150px;
    width: 250px;
    object-fit: contain;
    background-color: #fff;
}

.admin .uploaded-file img {
    height: 150px;
    width: 250px;
    object-fit: contain;
    background-color: #fff;
}

.footer-admin, .header-admin {
    background-color: #572215 !important;
}

.admin.home .card-home {
    width: 100%;
    max-width: 250px;
    margin: auto;
    border: transparent 1px solid;
    border-radius: 5px;
    transition: ease .2s;
}

    .admin.home .card-home:hover {
        /*border: rgba(255,255,255,0.2) 1px solid;*/
        /*box-shadow: 0px 0px 20px 6px rgba(255, 255, 255, 0.12);*/
    }

    .admin.home .card-home > .bi {
        font-size: 5em;
        text-align: center;
        transition: ease .4s;
    }

    .admin.home .card-home:hover > .bi {
        transform: scale(1.2);
        color: white!important;
    }


    .admin.home .card-home .btn {
        opacity: 0;
        pointer-events: none;
        transition: ease .4s;
    }

    .admin.home .card-home:hover .btn {
        opacity: 1;
        pointer-events: all;
        
    }


/* Geral */
.navbar-toggler:focus {
    outline: none !important;
    border: 0 !important;
    text-shadow: none;
    box-shadow: none;
}

.container {
    max-width: 1430px;
}

.mask-phone {
    display: none;
}

.titulo-interna {
    font-family: 'daxmedium';
    color: #6bba43;
    font-size: 50px;
    text-align: left;
    line-height: 65px;
    margin: 40px 0 20px 0;
}

.subtitulo-interna {
    font-family: 'daxmedium';
    color: #6bba43;
    font-size: 25px;
    text-align: left;
    line-height: 35px;
}

.texto-interna {
    font-family: 'daxmedium';
    color: #572215;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 24px;
}

    .texto-interna h2,
    .texto-interna h3 {
        font-family: 'daxmedium';
        color: #6bba43;
        font-size: 25px;
        text-align: left;
        line-height: 35px;
    }

    .texto-interna table td {
        border: solid 1px #5722154f;
        padding: 6px;
        text-align: left;
        color: #572215;
        font-family: 'daxregular';
    }

        .texto-interna table td strong {
            font-family: 'daxmedium';
            font-weight: normal;
        }

        .texto-interna table td a {
            font-family: 'daxmedium';
            color: #572215;
        }

    .texto-interna table h2,
    .texto-interna table h3 {
        color: #572215;
        margin: 0;
    }

    .texto-interna ul {
        list-style: none;
        padding-left: 21px;
    }

        .texto-interna ul li::before {
            content: "\2022";
            color: #6bba43;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
        }

    .texto-interna .text-decoration-none {
        color: #572215;
    }
    /* Header */
    .header {
        background-color: #572215;
    }

    .header .navbar-brand p {
        font-family: 'daxlight';
        color: #FFFFFF;
        font-size: 14px;
        text-decoration: none;
        line-height: 18px;
        margin-top: 13px;
        margin-bottom: 0;
        /*margin-left: 50px;*/
    }

    .header .navbar-brand p span {
        /*display: block*/
    }

    .header .nav-link {
        position: relative;
        font-family: 'daxlight';
        color: #FFFFFF;
        font-size: 18px;
        letter-spacing: 0.5px;
        text-align: center;
    }

        .header .nav-link.drop::after {
            content: "❯";
            color: #6bba43;
            transform: rotate(90deg);
            display: inline-block;
            width: 30px;
        }

        .header .nav-item.redes {
            max-width: 47px;
            margin-left: 10px;
        }

    .header .nav-item.redes .nav-link {
        display: block;
        height: 35px;
        width: 35px;
        border-radius: 18px;
        border: solid 2px #6bba43;
        margin: 3px 0 0 0;
        padding: 8px 0 0 0;
        transition: ease .2s;
    }

    .header .nav-item.redes:hover .nav-link {
        border-color: #f8d800;
    }


    .header .nav-item.redes .nav-link svg {
        height: 16px;
        width: 16px;
        vertical-align: middle;
        display: block;
        margin: auto;
        color: #6bba43;
        transition: ease .2s;
    }

    .header .nav-item.redes:hover .nav-link svg {
        color: #f8d800 !important;
    }

    .header .nav-item.redes.whats .nav-link {
        display: block;
        height: 40px;
        width: 40px;
        border-radius: 0;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .header .nav-item.redes.whats .nav-link svg {
        height: 40px;
        width: 40px;
        vertical-align: middle;
        display: block;
        margin: auto;
        color: #6bba43;
    }


    /* slide home */
    .slide .item {
        position: relative;
        display: block;
        width: 100%;
        max-width: 1400px;
        height: 0;
        padding: 33.95% 0 0 0;
        margin: auto;
    }

    .slide .item img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

/* destaque home */
.destaque .item {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1400px;
    height: 0;
    padding: 33.95% 0 0 0;
    margin: auto;
}

    .destaque .item img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

/* dica home */
.dica .card-dica {
    position: relative;
    width: 100%;
    max-width: 387px;
    height: 0;
    padding-top: 122.48%;
    overflow: hidden;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff883;
}

    .dica .card-dica.item-video .titulo {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 30px 10px 10px 10px;
    }

    .dica .card-dica.item-video iframe {
        width: 100%;
        margin-top: 30px;
        height: 100%;
    }

    .dica .card-dica.descricao,
    .dica .card-dica.item-video {
        background-color: #fff883;
    }

    .dica .card-dica .titulo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-height: 100%;
        background-image: linear-gradient(to bottom, #fff883, #fff883, #fff769bf, transparent);
        z-index: 2;
        padding: 30px 10px 100px 10px;
        font-family: 'daxmedium';
        color: #6bba43;
        text-align: center;
    }

    .dica .card-dica .titulo span {
        background-image: none;
        z-index: 2;
        color: #6bba43;
        text-align: left;
        font-size: 18px;
        padding-top: 20px;
        display: block;
        letter-spacing: 1px;
        line-height: 22px;
    }

    .dica .card-dica .titulo span p {
        margin-bottom: 0;
        text-align: center;
    }

    .dica .card-dica.imagem .titulo span p {
        max-height: 0;
        overflow: hidden;
        transition: ease .2s;
    }

    .dica .card-dica.imagem.with-description:hover .titulo span p {
        max-height: 1000px;
        overflow: hidden;
    }

    .dica .card-dica.imagem.with-description:hover img {
        opacity: 0;
    }

    .dica .card-dica.imagem img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        object-fit: cover;
        height: 100%;
        width: 100%;
        z-index: 1;
        transition: ease .4s;
    }

/* video home */
.video .frame {
    position: relative;
    width: 100%;
    max-width: 634px;
    height: 0;
    padding-top: 57.41%;
    box-shadow: -5px 20px 20px 9px rgba(0, 0, 0, 0.28);
    margin-top: 15px;
}

.video .frame iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.video h2 {
    font-family: 'daxmedium';
    color: #6bba43;
    font-size: 50px;
    text-align: left;
    line-height: 65px;
}

.video .texto {
    font-family: 'daxmedium';
    color: #572215;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 30px;
}

.video .btn.btn-primary {
    background-color: #6bba43;
    border: 0;
    border-bottom: solid 1px #568240;
    border-radius: 12px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.28);
    padding: 5px 12px 2px 12px;
    min-height: 33px;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.28);
    font-family: 'daxmedium';
    color: #FFFFFF;
    font-size: 16px;
}

/* breadcrumb */
.breadcrumb .nav-link {
    position: relative;
    font-family: 'daxmedium';
    /*color: #572215;*/
    color: #6bba43;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 16px;
    padding-left: 0;
}

.breadcrumb .nav-link:before {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    right: 3px;
    width: 10px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/> </svg>');
}

.breadcrumb .nav-item:last-child .nav-link:before {
    display: none;
}

    /* card produto */
.card-produto {
    max-width: 374px;
    margin-left: auto;
    margin-right: auto;
}

.card-produto .area-img {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 10px;
    border: solid 1px #CCCCCC;
    background-color: #fbfbfb;
    transition: ease .2s;
}

.card-produto:hover .area-img {
    border: solid 1px #6bba43
}

.card-produto .area-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.card-produto h2 {
    font-family: 'daxmedium';
    color: #6bba43;
    font-size: 23px;
    text-align: left;
    line-height: 33px;
}

.card-produto .texto {
    font-family: 'daxmedium';
    color: #572215;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin-bottom: 30px;
}

.card-produto .texto p {
    margin: 0;
}

    .card-produto .texto ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

/* Institucional */
.institucional .texto-interna h2 {
    font-family: 'daxmedium';
    color: #6bba43;
    font-size: 50px;
    text-align: left;
    line-height: 65px;
    margin: 40px 0 20px 0;
}

.institucional .area-img {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 58.33333%;
}

.institucional .area-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Barra whats */
.whats-msg p {
    font-family: 'daxmedium';
    color: #572215;
    font-size: 22px;
    letter-spacing: 0.5px;
    line-height: 32px;
    margin: 0;
}

    .whats-msg p .btn.btn-primary {
        background-color: #6bba43;
        border: 0;
        border-bottom: solid 1px #568240;
        border-radius: 12px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.28);
        padding: 5px 12px 2px 12px;
        min-height: 33px;
        text-transform: uppercase;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.28);
        font-family: 'daxmedium';
        color: #FFFFFF;
        font-size: 16px;
        margin-left: 20px;
    }


/* Contato */
.contato .form-control {
    border: solid 2px #6bba43;
    min-height: 45px;
    border-radius: 10px;
    outline: none;
    font-family: 'daxmedium';
    color: #572215;
    font-size: 14px;
    padding-left: 45px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 7px 7px;
}

.contato textarea.form-control {
    min-height: 235px;   
}

    .contato .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #572215;
    }

    .contato .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #572215;
    }

    .contato .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #572215;
    }

    .contato .form-control:-moz-placeholder { /* Firefox 18- */
        color: #572215;
    }

.contato .form-control.nome {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(107 186 67)" class="bi bi-person" viewBox="0 0 16 16"> <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"/> </svg>');
}

.contato .form-control.tel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(107 186 67)" class="bi bi-phone" viewBox="0 0 16 16"> <path d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/> <path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/> </svg>');
}

.contato .form-control.mail {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(107 186 67)" class="bi bi-envelope" viewBox="0 0 16 16"> <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/> </svg>');
}

.contato .form-control.assunto {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(107 186 67)" class="bi bi-pencil" viewBox="0 0 16 16"> <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"/> </svg>');
}



.contato .form-check-input {
    border: solid 2px #6bba43;
    outline: none;
}

.contato button.btn-primary {
    background-color: #6bba43;
    border: 0;
    border-bottom: solid 1px #568240;
    border-radius: 12px;
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 28%);
    padding: 5px 12px 2px 12px;
    min-height: 33px;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 28%);
    font-family: 'daxmedium';
    color: #FFFFFF;
    font-size: 16px;
    margin-left: 20px;
}

.contato .form-check-label {
    font-family: 'daxmedium';
    color: #572215;
    font-size: 14px;
}

    .contato .form-check-label a {
        color: #6bba43;
        text-decoration: none;
    }

.contato a[href*="mailto"] {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(107 186 67)" class="bi bi-envelope" viewBox="0 0 16 16"> <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/> </svg>');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 7px 7px;
    display: block;
    min-height: 40px;
    padding-top: 7px;
    padding-left: 40px;
}

.contato a[href*="tel"] {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(107 186 67)" class="bi bi-telephone" viewBox="0 0 16 16"> <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/> </svg>');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 7px 7px;
    display: block;
    min-height: 40px;
    padding-top: 7px;
    padding-left: 40px;
}

.contato li.endereco {
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(107 186 67)" class="bi bi-geo-alt" viewBox="0 0 16 16"> <path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/> <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/> </svg>');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 7px 7px;
    display: block;
    min-height: 40px;
    padding-top: 7px;
    padding-left: 40px;
}


/* maps */
.maps {
    margin-top: 70px;
    margin-bottom: 70px;
}
    .maps .iframe {
        border: solid 2px #cdcfcf;
    }

    .maps iframe {
        width: 100%;
        height: 318px;
        margin-bottom: -6px;
    }

/* Produto interna */
.produtos-interna .titulo-interna {
    margin-top: 0;
}

.produtos-interna .rsOverflow {
    position: relative;
    height: 0;
    padding-top: 100%;
}

.produtos-interna .rsContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
}

    .produtos-interna .rsContainer .rsImg,
    .produtos-interna .rsContainer .rsVideo {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 1px) !important;
        height: calc(100% - 1px) !important;
        margin: 0 !important;
        background-color: #fcfcfc;
        border: solid 1px #bfc2c2;
        border-radius: 10px;
    }

    .produtos-interna .rsContainer .rsVideo iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%!important;
        height: 100%!important;
    }

.royalSlider.video .rsThumb:last-child {
    width: 100px;
    height: 100px;
    border: solid 1px #bfc2c2;
    border-radius: 10px;
    background-image: url( "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(107 186 67)' class='bi bi-youtube' viewBox='0 0 16 16'> <path d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z'/> </svg>" );
    background-position: center;
    background-repeat: no-repeat;
    background-size: 58px;
}

    .royalSlider.video .rsThumb:last-child.rsNavSelected {
        border-color: #6bba43;
    }

    .produtos-interna .rsThumb {
        margin-top: 40px !important;
    }

.produtos-interna .rsThumb .rsTmb {
    border: solid 1px #bfc2c2;
    border-radius: 10px;
}

    .produtos-interna .rsThumb.rsNavSelected .rsTmb {
        border-color: #6bba43;
    }

.produtos-interna .rsThumbs {
    position: relative;
    width: 100%;
}

    .produtos-interna .rsThumbs::before {
        content: "";
        position: absolute;
        width: 100px;
        height: 100%;
        top: 0;
        right: 0;
        background-image: linear-gradient(to left, #FFFFFF, transparent);
        z-index: 10;
        pointer-events: none;
    }

    .produtos-interna .rsThumbs::after {
        content: "";
        position: absolute;
        width: 100px;
        height: 100%;
        top: 0;
        left: 0;
        background-image: linear-gradient(to right, #FFFFFF, transparent);
        z-index: 10;
        pointer-events: none;
    }

.produtos-interna .rsThumbsArrow {
    position: absolute;
    left: 0;
    bottom: calc(50px - 20px);
    z-index: 11;
}

    .produtos-interna .rsThumbsArrow.rsThumbsArrowDisabled {
        opacity: 0.25;
        pointer-events: none;
    }

.produtos-interna .rsThumbsArrow.rsThumbsArrowRight {
    position: absolute;
    left: initial;
    right: 0;
    bottom: calc(50px - 20px);
    z-index: 11;
}


.produtos-interna .rsThumbsArrow .rsThumbsArrowIcn {
    width: 40px;
    height: 40px;
}

    .produtos-interna .rsThumbsArrow .rsThumbsArrowIcn::before {
        content: "❯";
        color: #6bba43;
        transform: rotate(180deg);
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: right;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 27px;
    }

    .produtos-interna .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn::before {
        transform: rotate(0deg);
        text-align: right;
    }

.produtos-interna .texto-interna {
    line-height: 30px;
}

.produtos-interna .texto-interna h2::before {
    content: '';
    width: calc(100% + 6rem);
    height: 1px;
    background-color: #bfc2c2;
    position: relative;
    display: block;
    margin: 30px 0 30px -3rem;
}

.produtos-interna .texto-interna h2:first-child::before {
    display: none;
}

/* linha do tempo */
.linha-tempo .area-img {
    border: solid 1px #939898;
    background-color: #fbfbfb;
    border-radius: 5px;
    overflow: hidden;
    width: 218px;
    margin: 0 auto;
}

.linha-tempo img {
    width: 218px;
    height: 128px;
    object-fit: contain;
}

.linha-tempo .area-texto {
    width: 218px;
    height: 160px;
    margin: 0 auto;
    position: relative;
}

.linha-tempo .texto {
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: 'daxmedium';
    color: #572215;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 18px;
    width: 100%;
    margin: 0;
}

.linha-tempo .ano {
    font-family: 'daxmedium';
    color: #72bf47;
    font-size: 22px;
    letter-spacing: 0.5px;
    width: 218px;
    margin: 0 auto 22px auto;
}

.linha-tempo .faixa {
    width: 100%;
    height: 2px;
    background-color: #d8d8d8;
    margin-bottom: 15px;
}

    .linha-tempo .faixa::before {
        content: "●";
        width: 218px;
        margin: 0px auto 0px auto;
        display: block;
        font-size: 25px;
        color: #6bba43;
        height: 25px;
        line-height: 25px;
        position: relative;
        top: -15px;
    }

.linha-tempo .owl-nav {
    position: absolute;
    left: 0;
    bottom: 49px;
    width: 100%;
    pointer-events: none;
}

.linha-tempo .owl-nav button {
    pointer-events: all;
}

    .linha-tempo .owl-nav button span {
        font-size: 69px;
        color: #6bba43;
        background-image: linear-gradient(to left, transparent, #FFFFFF);
    }

    .linha-tempo .owl-nav button:last-child {
        float: right;
    }
        .linha-tempo .owl-nav button:last-child span {
            background-image: linear-gradient(to right, transparent, #FFFFFF);
        }

/* Pontos de venda */
.form-revendedor .form-select {
    border: solid 2px #6bba43;
    width: calc(100% - 10px);
    margin: 0 auto;
    min-height: 45px;
    border-radius: 10px;
    outline: none;
    font-family: 'daxmedium';
    color: #572215;
    font-size: 14px;
    padding-right: 45px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
}

.form-revendedor a.btn-danger {
    border: 0;
    border-bottom: solid 1px #568240;
    border-radius: 12px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.28);
    padding: 5px 12px 2px 12px;
    min-height: 33px;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.28);
    font-family: 'daxmedium';
    color: #FFFFFF;
    font-size: 16px;
    margin-left: 20px;
}

.card-revendedor.texto-interna {
    line-height: 28px;
}

    .card-revendedor .texto-interna a {
        text-decoration: none;
        color: #572215;
    }

        .card-revendedor .texto-interna a small {
            color: #6bba43;
        }

    .card-revendedor h2::before {
        content: '';
        width: calc(100% + 6rem);
        height: 1px;
        background-color: #bfc2c2;
        position: relative;
        display: block;
        margin: 30px 0 30px -3rem;
    }

    .card-revendedor:first-child h2::before {
        display: none;
    }

/* Footer */
.footer {
    background-color: #572215;
}

    .footer .texto {
        font-family: 'daxregular';
        color: #FFFFFF;
        font-size: 18px;
        letter-spacing: 1px;
    }

    .footer .nav-footer-redes .nav-item .nav-link {
        display: block;
        height: 35px;
        width: 35px;
        border-radius: 18px;
        border: solid 2px #6bba43;
        margin: 3px 7px 0 7px;
        padding: 8px 0 0 0;
        transition: ease .2s;
    }

    .footer .nav-footer-redes .nav-item:hover .nav-link {
        border-color: #f8d800;
    }


    .footer .nav-footer-redes .nav-item .nav-link svg {
        height: 16px;
        width: 16px;
        vertical-align: middle;
        display: block;
        margin: auto;
        color: #6bba43;
        transition: ease .2s;
    }

    .footer .nav-footer-redes .nav-item:hover .nav-link svg {
        color: #f8d800 !important;
    }

    .footer .nav-footer-redes .nav-item.whats .nav-link {
        display: block;
        height: 40px;
        width: 40px;
        border-radius: 0;
        border: 0;
        margin: 0 5px 0 5px;
        padding: 0;
    }

        .footer .nav-footer-redes .nav-item.whats .nav-link svg {
            height: 40px;
            width: 40px;
            vertical-align: middle;
            display: block;
            margin: auto;
            color: #6bba43;
        }

    .footer .nav-footer .nav-link {
        position: relative;
        font-family: 'daxmedium';
        color: #FFFFFF;
        font-size: 16px;
        letter-spacing: 1px;
        padding-top: 0;
        padding-bottom: 0;
    }

        .footer .nav-footer .nav-link:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            height: 70%;
            width: 2px;
            margin: auto 0 auto 0;
            background-color: #FFFFFF;
        }

    .footer .nav-footer .nav-item:last-child .nav-link:before {
        display: none;
    }

    .footer .copyright {
        font-family: 'daxmedium';
        color: #FFFFFF;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .footer .copyright a {
        color: #FFFFFF;
        text-decoration: none;
    }


@media only screen and (max-width: 992px) {
    /*geral*/
    .titulo-interna {
        font-family: 'daxmedium';
        color: #6bba43;
        font-size: 28px;
        text-align: left;
        line-height: 43px;
        margin: 0 0 5px 0;
    }

    .navbar-brand img {
        width: 140px;
    }

    figure.table {
        overflow: auto;
    }

    /* header */
    .header .nav-link.drop::after {
        display: none;
    }

    /*home*/
    .dica .card-dica.imagem {
        padding-top: 414px;
        width: 306px;
    }

    /* slide e destaque */
    .slide .col-sm-12,
    .destaque .col-sm-12 {
        padding: 0!important;
    }

    /* video */
    .video h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .video .texto {
        font-size: 15px;
        line-height: 22px;
    }

    .video .frame {
        max-width: 100%;
    }

    /* Produto Interna */
    .produtos-interna .texto-interna h2::before {
        width: 100%;
        margin-left: 0;
    }

    .produtos-interna .texto-interna {
        line-height: 25px;
        font-size: 14px;
    }

    .produtos-interna .texto-interna table {
        margin: auto;
    }

    /* Institucional */
    .institucional .texto-interna h2 {
        font-family: 'daxmedium';
        color: #6bba43;
        font-size: 28px;
        text-align: left;
        line-height: 43px;
        margin: 0 0 5px 0;
    }

    /* maps */
    .maps {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    /* Ponto de venda */
    .card-revendedor h2::before {
        width: 100%;
        margin: 30px auto;
    }


    /* Footer */
    .footer .texto {
        font-size: 22px;
    }

    .footer .nav-footer {
        margin-bottom: 30px;
    }

        .footer .nav-footer .nav-link {
            margin-bottom: 10px;
        }

    .footer .nav-footer .nav-link:before {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    /* cookies */
    #termos-box {
        flex-direction: column;
    }

    #termos-btn-concordo {
        margin-top: 20px;
    }
}