/*bootstrap*/
@import url('./css/bootstrap.min.css');
@import url('./css/bootstrap-theme.min.css');
/*fancy*/
@import url('./plugins/fancy/source/jquery.fancybox.min.css');
@import url('./plugins/fancy/source/helpers/jquery.fancybox-buttons.min.css');
@import url('./plugins/fancy/source/helpers/jquery.fancybox-thumbs.css');
/*carrousel*/
@import url('./plugins/owl-jcarousel/owl.carousel.min.css');
@import url('./plugins/owl-jcarousel/owl.theme.css');
/*nano*/
@import url('./plugins/nanoScroll/nanoscroller.css');
/*config globais*/
@import url('./css/buttons/buttons.css');
@import url('./css/fonts/font-awesome/css/font-awesome.min.css');
@import url('./css/forms.css');
@import url('./css/preloader.css');
@import url('./css/rsociais.css');
@import url('./css/totop.css');
@import url('./css/whats.css');
@import url('./plugins/lgpd/lgpd.css');
@import url('./css/global.css');
/*menu mobile*/
@import url('./plugins/mmenu-light-master/dist/mmenu-light.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
/* fonte */
@font-face {
    font-family: 'Arlon-Regular';
    src: url('./css/fonts/Arlon-Regular.ttf');
}

@font-face {
    font-family: 'Arlon-Bold';
    src: url('./css/fonts/Arlon-Bold.ttf');
}

body{
    margin: 0px;
    padding: 0px;
    color: #A5A5A5;
    font-size: 16px;
    font-weight: 400;
    background: #f2f2f2;
    font-family: 'Arlon-Regular';
}
.fonte {
    font-family: 'Arlon-Regular';
}
.fonte-titulo {
    font-family: 'Arlon-Bold';
}


.banner-hero {
    width: 100%;
    height: 600px;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
    background-position: 50% 30%;
}

.banner-hero__content {
    margin: 0 auto;
    max-width: 1075px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.banner-hero__content h1 {
    font-size: 46px;
    color: #FFF;
}

.logo-rodape {
    width: 100px;
}


/*---*/
/*menu mobile*/
.menu-btn-md, .menu-btn-md .fa-2x-md{
    top: 50%;
    transform: translate(-50%, -50%);
    right: 8px;
    z-index: 3;
    font-size: 30px;
    position: absolute;
    transition: all 0.3s ease-in-out;
}
.menu-btn-md a{
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    text-decoration: none !important;
    padding-left: 10px;
}
.menu-btn-md a:hover{
    color: rgba(254,174,25,1);
}
.menu-btn, .menu-btn .fa-2x{
    top: 50%;
    transform: translate(-50%, -50%);
    left: 15px;
    z-index: 3;
    font-size: 30px;
    position: absolute;
    transition: all 0.3s ease-in-out;
}
.menu-btn a{
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    text-decoration: none !important;
    padding-left: 10px;
}
.menu-btn a:hover{
    color: rgba(254,174,25,1);
}
.mm-navbar {
    border-color: #D20B12;
}
.mm-title{
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
}
.mm-spn ul {
    font-size: 14px !important;
    border-top: solid 1px;
    border-color: rgba(255,255,255,0.2);
}
.mm-spn.mm-spn--light {
    color: #7F7F7F;
    background: #fff;
    font-weight: 500;
}
.mm-spn.mm-spn--light a {
    transition: all 0.3s ease-in-out;
}
.mm-spn.mm-spn--light a:hover{
    color: #752028;
    background: #fff;
}
.mm-spn.mm-spn--navbar:after{
    opacity: 1;
}
.mm-navbar, .mm-listview, .mm-opened{
    background: #527A5B;
}
.mm-listview>li>a, .mm-listview>li>span{
    color: #ffffff;
}
.mm-listview>li:not(.mm-divider):after{
    border-color: #D20B12;
}
.mob-menu-active{
    color: #752028 !important;
    font-weight: 700;
}
.mob-social a{
    float: left;
    border: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
/*---*/
.bg-h-cabecalho {
    background-color: #752028;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
    position: relative;
    z-index: 1;
}
.cabecalho {
    display: flex;
    position: relative;
    justify-content: space-evenly;
    align-items: center;
}
.cabecalho-mobile {
    background-color: #752028;
    position: relative;
    height: 100px;
}
.a-logo-mobile {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.logo-cabecalho {
    position: absolute;
    left: 50px;
    top: -15px;
    z-index: 2;
    margin-top: 6px;
    width: 140px;
    height: 140px;
}
.img-responsive-logo {
    display: block;
    max-width: 45%;
    height: auto;
}
.img-responsive-rodape {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}
.a-logo {
    width: 100%;
}
.b-logo {
    /* width: 100%; */
}
.info-cabecalho {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info-cabecalho span {
    font-weight: 700;
}
.menu-cabecalho {
    background-color: #fff;
    border-radius: 30px;
    top: 34px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
}
.box-menu{
    display: flex;
    gap: 66px;
    justify-content: flex-end;
    padding: 15px 50px;
}
.a-menu2 {
    max-width: 90px;
}
.a-menu2 img {
    max-width: 100%;
}
.a-menu, .a-menu:focus, .a-menu:active{
    color: #f7f7f7;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
.linha-menu {
    display: flex;
    border-left: 1px solid white;
    height: 20px;
}
.a-menu:last-child{
    margin-right: 0px;
}
.a-menu:hover{
    color: white;
}
.a-menu-active{
    color: white;
    font-weight: 700;
}
#btn-menu2, #btn-menu2:focus, #btn-menu2:active {
    color: #fff;
    font-size: 23px;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
#btn-menu2:hover {
    color: #fff;
    font-size: 23px;
}
/*---*/
.bg-beneficio {
    position: relative;
    background-color: #fb7139;
    padding-top: 50px;
    padding-bottom: 20px
}
.img-responsive-beneficio {
    display: block;
    max-width: 100%;
    height: auto;
}
.img1 {
    position: absolute;
    top: 6%;
    left: 8%;
    max-width: 2%;
}
.img2 {
    position: absolute;
    top: -2.14%;
    left: 50%;
    max-width: 4%;
}
.img3 {
    position: absolute;
    top: 1%;
    left: 70%;
    max-width: 1%;
}
.img4 {
    position: absolute;
    top: 2%;
    left: 80%;
    max-width: 2%;
}
.img5 {
    position: absolute;
    top: 8%;
    right: 15%;
    max-width: 4%;
}
.img6 {
    position: absolute;
    top: 1%;
    right: 0%;
    max-width: 3%;
}
.img7 {
    position: absolute;
    top: 50%;
    left: 3%;
    max-width: 3%;
}
.img8 {
    position: absolute;
    bottom: 40%;
    right: 45%;
    max-width: 3%;
}
.img9 {
    position: absolute;
    bottom: 25%;
    right: 6%;
    max-width: 7%;
}
.img10 {
    position: absolute;
    bottom: 4%;
    right: 63%;
    max-width: 1%;
}
.texto h1 {
    margin: 0 0 30px;
    color: white;
    font-size: 45px;
    font-weight: 700;
}
/*---*/
.box-bene {
    /* border: 1px solid #fff; */
    margin-bottom: 30px;
}
.box-img-bene {
    display: flex;
    width: 50%;
    margin: 0 auto 15px;
}
.box-desc-bene {
    color: white;
    text-decoration: none;
    padding: 0px 15px 0px 15px;
}
.box-desc-bene a {
    text-decoration: underline;
}
/*---*/
.bg-h-info{
    background: #F2F2F2;
    padding-bottom: 50px;
    height: 450px;
}
.box-texto {
    width: 100%;
    overflow: hidden;
    position: relative;
    font-size: 24px;
    color: #7f7f7f;
    margin-bottom: 30px;
    font-weight: 500;
}
.box-texto li::marker {
    color: #000;

}
.box-text-info {
    margin-bottom: 75px !important;
}
.info-absolute {
    position: absolute;
    top: -25px;
    width: 100%;
}
.info-absolute-mobile {
    position: absolute;
    top: -96px;
    left: 0;
}
.img-info {
    /* border-radius: 100%; */
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.nome-info {
    color: #752028;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    height: 48px;
    overflow: hidden;
}
.nome-depo {
    color: #752028;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    height: 28.6px;
    overflow: hidden;
}
.texto-info {
    font-size: 24px;
    color: #7F7F7F;
    text-align: center;
    height: 103px;
    overflow: hidden;
    position: relative;
}
.texto-info p {
    margin-bottom: 0;
}
.texto-depo {
    font-size: 24px;
    color: #7F7F7F;
    text-align: center;
    /* height: 270px; */
    overflow: hidden;
    position: relative;
}
.texto-depo p {
    margin-bottom: 0;
}
.descricao-info {
    color: #7F7F7F;
    font-size: 18px;
    font-weight: 100;
}
.btn-info {
    margin-bottom: 3px;
}
/*---*/
.bg-h-expans {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    background-color: #F2F2F2;
}
/*---*/
.bg-h-loja {
    background-color: #752028;
    padding-top: 50px;
    padding-bottom: 20px;
    position: relative;
}
.bg-loja {
    background-color: #f2f2f2;
    padding-top: 76px;
    padding-bottom: 0px;
    position: relative;
}

/* banner-paginas */
.temporario {
    display: flex;
    width: 100%;
}

.container-loja {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.box-loja {
    background-color: #FFFFFF;
    border-radius: 30px;
    padding: 108px 32px 32px;
    margin-bottom: 30px;
    position: relative;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
    margin-top: 86px;
}
.box-loja2 {
    margin-bottom: 50px !important;
    margin-top: 92px;
}
.img-loja {
    top: 0;
}
.radius-loja1 {
    width: 100%;
    border-radius: 100px;
    border: 2px solid #752028;
    padding: 10px;
    text-align: center;
    font-size: 28px;
    color: #752028;
    font-weight: 700;
    position: relative;
    margin-bottom: 30px;
}
.radius-loja1 span {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #7F7F7F;
    font-size: 18px;
    background-color: #fff;
    font-weight: 500;
    padding: 0 10px;
}
.radius-loja2 {
    width: 100%;
    border-radius: 100px;
    border: 2px solid #752028;
    background-color: #752028;
    padding: 28px 10px 10px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    position: relative;
    margin-bottom: 30px;
}
.radius-loja2 span {
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}
/*---*/
.bg-h-descubra {
    padding-top: 50px;
    padding-bottom: 20px;
    position: relative;
    background-color: #FFFFFF;
}
.titulo-descubra {
    max-width: 399px;
}
/*---*/
.bg-rodape{
    background: rgb(155,155,154);
    background: linear-gradient(90deg, rgba(155,155,154,1) 0%, rgba(88,88,87,1) 100%);
    /* padding-top: 25px;
    padding-bottom: 25px; */
    position: relative;
}
.bg-logo-mobile{
    background: rgb(155,155,154);
    background: linear-gradient(90deg, rgba(155,155,154,1) 0%, rgba(88,88,87,1) 100%);
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
.box-info-rod {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 155px;
    margin-top: 25px;
}
.box-rodape-info{
    width: 100%;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    gap: 50px;
}
.box-rodape-info p{
    margin-bottom: 3px;
}
.rod-info-logo{
    margin-bottom: 20px;
    font-weight: 700;
}
.rod-info-social{
    font-size: 14px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 15px 0;
}
.rod-info-social span{
    margin-left: 10px;
    color: #fff;
}
.sp-b{
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 18px;
}
/*---*/
.img-robo {
    position: absolute;
    top: -97%;
    left: 63%;
    animation: 10s robo ease-in-out forwards;
}

@keyframes robo {
    10% {
        top: -97%;
    }
    20% {
        top: -105%;
    }
    30% {
        top: -97%;
    }
    40% {
        top: -105%;
    }
    50% {
        top: -97%;
    }
    60% {
        top: -105%;
    }
    70% {
        top: -97%;
    }
    80% {
        top: -105%;
    }
    90% {
        top: -97%;
    }
    95% {
        top: -105%;
    }
    100% {
        top: -97%;
    }
}

.img-ajuda {
    position: absolute;
    bottom: -5%;
    left: 66%;
    z-index: 5;
    animation: 10s ajuda ease-in-out forwards;
}

.img-ajuda:hover {
    cursor: pointer !important;
}
.img-robo:hover {
    cursor: pointer !important;
}

@keyframes ajuda {
    10% {
        bottom: -3%;
    }
    20% {
        bottom: -5%;
    }
    30% {
        bottom: -3%;
    }
    40% {
        bottom: -5%;
    }
    50% {
        bottom: -3%;
    }
    60% {
        bottom: -5%;
    }
    70% {
        bottom: -3%;
    }
    80% {
        bottom: -5%;
    }
    90% {
        bottom: -3%;
    }
    100% {
        bottom: -5%;
    }
}
/*---*/
.h2-rod{
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}
.logo-rod{
    display: inline-block;
}
.a-rod, .a-rod:focus, .a-rod:active{
    color: #fff;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
.a-rod:hover{
    color: #fff389;
}
.a-rod-active{
    color: #fff389;
}
.a-whats-rod, .a-whats-rod:focus, .a-whats-rod:active{
    color: #fff;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
.a-whats-rod:hover{
    color: #881a25;
}
.direito {
    color: #fff;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
/*---*/
.bg-direito{
    color: #fff;
    font-size: 14px;
    background: #752028;
    border-top: 1px solid #fff;
}
.box-direito{
    padding-top: 10px;
    background: #752028;
    padding-bottom: 10px;
    font-weight: 500;
}
.a-ydeal, .a-ydeal:focus, .a-ydeal:active{
    color: #fff;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
.a-ydeal:hover{
    color: #fff389;
}
/*popup*/
.modalPopup {
    text-align: center;
    padding: 0!important;
}
.bg-modal-popup {
    text-align: center;
    padding: 0!important;
    background: transparent;
}
.modalPopup:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}
.modalPopup .modal-dialog {
    width: auto !important;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.bg-modal-popup .close{
    top: 12px;
    z-index: 2;
    right: 15px;
    color: #fff;
    opacity: 1;
    font-size: 28px;
    position: absolute;
    background: transparent;
    text-shadow: 0px 0px 5px #000;
}
/*popup texto*/
.box-popup-texto{
    margin: auto;
    overflow: hidden;
    max-width: 600px;
    background: #191919;
    position: relative;
    padding: 40px 40px 30px 40px;
}
/*popup video*/
.box-popup-video{
    margin: auto;
    height: 366px;
    overflow: hidden;
    max-width: 650px;
}
/*---*/
.page{
    overflow: hidden;
    background: #f2f2f2;
    padding-top: 76px;
    min-height: 500px;
    padding-bottom: 20px;
    position: relative;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
}
.min-height{
    min-height: 300px;
}
/*---*/
.box-titulo{
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}
.box-titulo h1{
    margin: 0px;
    padding: 0px;
    color: #752028;
    font-weight: 700;
    font-size: 40px;
}
.box-titulo h1 span{
    color: #4F4F4F;
    display: block;
}
.linha {
    width: 190px;
    height: 3px;
    background: #752028;
    position: absolute;
    left: 0;
    bottom: -20px;
    border-radius: 100px;
}
.box-texto{
    width: 100%;
    overflow: hidden;
    position: relative;
    font-size: 24px;
    color: #7F7F7F;
    margin-bottom: 30px;
    font-weight: 500;
}
.box-texto p:last-child {
    margin-bottom: 0;
}
.box-btn {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
/*---*/
.a-fancy, .a-fancy:focus, .a-fancy:active{
    display: block;
    overflow: hidden;
    position: relative;
    border: solid 1px #C05723;
    padding: 1px;
    margin-bottom: 30px;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
    /*border-radius: 15px;*/
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
}
.efeito-hover{
    top: 50%;
    left: 50%;
    z-index: 2;
    opacity: 0;
    width: 0%;
    height: 0%;
    color: #fff;
    font-size: 18px;
    position: absolute;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.a-fancy:hover .efeito-hover{
    top: 0%;
    left: 0%;
    opacity: 1;
    width: 100%;
    height: 100%;
}
/*---*/
.form-busca2{
    overflow: hidden;
    position: relative;
    border-radius: 7px;
    display: inline-block;
    border: solid 1px #527A5B;
}
.form-busca2 input, .form-busca2 input:focus, .form-busca2 input:active{
    width: 100%;
    color: #527A5B;
    overflow: hidden;
    padding: 5px 8px;
    border: 0px !important;
    outline: none !important;
    background: transparent !important;
}
.form-busca2 button, .form-busca2 button:focus, .form-busca2 button:active{
    top: 0px;
    right: 0px;
    border: 0px;
    padding: 5px 12px;
    color: #fff;
    font-size: 17px;
    background: #527A5B;
    position: absolute;
    transition: all 0.3s ease-in-out;
}
.form-busca2 button:hover{
    color: #fff;
    background: #D1C5A1;
}
.form-busca2:hover{
    border-color: #D1C5A1;
}
.form-busca2:hover button{
    background: #D1C5A1;
}
.form-busca2:focus{
    border-color: #D1C5A1;
}
.form-busca2:focus button{
    background: #D1C5A1;
}
.form-busca2  input::-webkit-input-placeholder{
    color: #527A5B;
}
.form-busca2  input:-ms-input-placeholder{
    color: #527A5B;
}
.form-busca2  input::placeholder{
    color: #527A5B;
}
.form-busca-mob{
    padding-top: 8px;
}
/*---*/
.form-busca{
    overflow: hidden;
    position: relative;
    border-radius: 7px;
    display: inline-block;
    border: solid 1px #fff;
}
.form-busca input, .form-busca input:focus, .form-busca input:active{
    width: 100%;
    color: #fff;
    overflow: hidden;
    padding: 5px 8px;
    border: 0px !important;
    outline: none !important;
    background: transparent !important;
}
.form-busca button, .form-busca button:focus, .form-busca button:active{
    top: 0px;
    right: 0px;
    border: 0px;
    padding: 5px 12px;
    color: #527A5B;
    font-size: 17px;
    background: #fff;
    position: absolute;
    transition: all 0.3s ease-in-out;
}
.form-busca button:hover{
    color: #fff;
    background: #D1C5A1;
}
.form-busca:hover{
    border-color: #D1C5A1;
}
.form-busca:hover button{
    background: #D1C5A1;
}
.form-busca:focus{
    border-color: #D1C5A1;
}
.form-busca:focus button{
    background: #D1C5A1;
}
.form-busca  input::-webkit-input-placeholder{
    color: #fff;
}
.form-busca  input:-ms-input-placeholder{
    color: #fff;
}
.form-busca  input::placeholder{
    color: #fff;
}
/*---*/
.linha-vantagem {
    left: 50%;
    transform: translate(-50%, -50%);
}
.box-vantagem {
    margin-bottom: 50px;
}
.info-vantagem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.titulo-vantagem {
    width: 100%;
    font-weight: 700;
    font-size: 26px;
    color: #4F4F4F;
    margin: 0 0 30px 0;
    height: 58px;
    overflow: hidden;
    padding-left: 140px;
}
.ordem-vantagem {
}
.ordem-vantagem span {
    font-size: 74px;
    font-weight: 700;
    color: #752028;
    position: absolute;
    top: -24px;
}
.texto-vantagem {
    color: #7F7F7F;
    font-size: 18px;
    font-weight: 400;
}
.texto-vantagem p:last-child {
    margin-bottom: 0;
}
/*---*/
.bg-qualidade {
    background-color: #752028;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.mg-b-qualidade {
    margin-bottom: 30px;
}
.titulo-qualidade h1, .texto-qualidade {
    color: #fff;
}
.titulo-qualidade h1 span {
    color: #fff;
}
.linha-qualidade {
    background: #fff;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*---*/
.bg-h-franquia {
    background-color: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 20px;
    position: relative;
}
/*---*/
.box-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 112px 30px 30px;
    background-color: #F2F2F2;
    border-radius: 30px;
    margin-bottom: 30px;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
}
/*---*/
.box-depo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 122px 30px 30px;
    background-color: #FFFFFF;
    border-radius: 30px;
    margin-bottom: 30px;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
    position: relative;
    margin-top: 95px;
    margin-bottom: 50px;
}
.box-btn-depo {
    margin-top: 20px;
}
.img-depo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    border: 8px solid #752028;
}
/*---*/
.box-dif {
    display: flex;
    gap: 30px;
    margin-bottom: 50px;
    height: 305px;
    overflow: hidden;
}
.ordem-dif {
    min-width: 110px;
    display: flex;
    justify-content: center;
    position: relative;
}
.ordem-dif span {
    font-size: 80px;
    font-weight: 700;
    color: #752028;
    position: absolute;
    top: -24px;
}
.info-dif {
    font-size: 18px;
    color: #7F7F7F;
    font-weight: 400;
    position: relative;
}
.info-dif p:last-child {
    margin-bottom: 0;
}
.titulo-dif {
    width: 82%;
    margin: 0;
    font-weight: 700;
    font-size: 26px;
    color: #4F4F4F;
    margin-bottom: 40px;
    height: 57.2px;
    overflow: hidden;
}
.bg-h-emp{
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 20px;
    position: relative;
}
.bg-sobre{
    background: linear-gradient(90deg, rgba(255,151,64,1) 0%, rgba(255,96,30,1) 90%);
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.bg-content{
    background: #f4393f;
    padding-top: 50px;
    padding-bottom: 200px;
    position: relative;
}
.bg-auto{
    background: linear-gradient(90deg, rgba(255,151,64,1) 0%, rgba(255,96,30,1) 90%);
    padding-top: 50px;
    padding-bottom: 80px;
    position: relative;
}
.content-termo {
    color: #fff288;
    font-size: 33px;
    font-weight: 700;
    padding-bottom: 40px;
    overflow-wrap: break-word;
}
.content-title {
    color: #fff288;
    font-size: 33px;
    font-weight: 800;
    padding-bottom: 20px;
    max-width: 560px;
    overflow-wrap: break-word;
}
.side-title {
    color: #fff288;
    font-size: 33px;
    font-weight: 800;
    padding-bottom: 2px;
    padding-left: 30px;
}
.content-desc {
    color: #fff;
    margin-bottom: 20px;
    line-height: 30px;
}
.content-desc li{
    line-height: 30px;
}
.box-content-side {
    margin-top: 35px;
}
.box-content-side-vida {
    margin-top: 15px;
}
.box-content-side-saude {
    margin-top: 15px;
}
.box-content-side li {
    line-height: 35px;
}
.content-side {
    color: #fff;
    line-height: 30px;
    max-width: 512px;
}
.content-emp {
    max-height: 185.69px;
    overflow: hidden;
}
.box-frame {
    margin-bottom: 30px;
}
.box-informacao{
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: transparent;
    width: 21%;
    height: 6%;
    position: absolute;
    top: 60%;
    left: 16%;
}
.box-informacao-auto{
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 3px;
    width: 301px;
}
.box-informacao-sup{
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: transparent;
    width: 340px;
    height: 50px;
    position: absolute;
    top: 68%;
    left: 17%;
}
.box-info-content {
    color: white;
    font-size: 14px;
}
.box-info-numero {
    color: white;
    font-weight: 600;
    font-size: 20px;
    align-items: center;
}
.box-info-number {
    color: white;
    font-weight: 600;
}
/* formulario */
.bg-form{
    background: linear-gradient(90deg, rgba(255,151,64,1) 0%, rgba(255,96,30,1) 90%);
    padding-top: 50px;
    /* padding-bottom: 50px; */
    position: relative;
}
.titulo-form{
    color: #000;
    font-size: 24px;
    /*font-weight: 600;*/
    line-height: 25px;
    margin-bottom: 30px;
    /*text-transform: uppercase;*/
    font-family: "Evogria";
}
.titulo-form span{
    color: #FDA000;
    display: block;
    font-size: 17px;
    font-weight: 400;
}
.box-info-contato{
    width: 100%;
    overflow: hidden;
    background: transparent;
    position: relative;
    padding: 35px 35px;
    margin-bottom: 30px;
    border-radius: 20px;
}
.label-contato {
    color: white;
    font-weight: 600;
    font-size: 20px;
}
.form-group {
    border-radius: 10px;
}
/* fim form */
.bg-h-fundador {
    background-color: #F2F2F2;
    padding-top: 50px;
    padding-bottom: 20px;
    position: relative;
}
.bg-fundador {
    background-color: #F2F2F2;
    padding-top: 76px;
    padding-bottom: 20px;
    position: relative;
}
.img-fundador {
    position: absolute;
    bottom: -20px;
    left: 10px;
    width: 751.94px;
}
.box-img-fundador {
    min-height: 588px;
}
.img-fundador2 {
    position: absolute;
    bottom: -20px;
    left: 16px;
    width: 720px;
}
.titulo-fundador {
    text-align: right;
}
.linha-fundador {
    left: calc(100% - 190px);
}
.box-info-fundador {
    color: #CA1B1C;
    font-size: 26px;
    text-align: right;
    font-weight: 500;
    margin-bottom: 30px;
}
.box-info-fundador span {
    color: #7F7F7F;
    display: block;
}
.texto-fundador {
    text-align: right;
    max-width: 350px;
    margin: 0 0 30px auto;
}
.content-fundador {
    max-height: 102.83px;
    overflow: hidden;
}
.btn-fundador {
    text-align: right;
}
.btn-emp {
    text-align: left;
}
/*---*/
.a-h-home, .a-h-home:focus, .a-h-home:active{
    width: 100%;
    display: block;
    overflow: hidden;
    max-width: 560px;
    position: relative;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}
.efeito-h-img{
    opacity: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 40px;
    transition: all 0.3s ease-in-out;
}
.efeito-h-img .fas2x{
    font-size: 28px;
}
.a-h-home:hover .efeito-h-img{
    opacity: 1;
}
.fancybox{
    z-index: 9999;
}
.img-emp{
    max-width: 98%;
    margin: auto;
}
/*---*/
.med{
    top: 50%;
    z-index: 2;
    width: 386px;
    height: 580px;
    position: absolute;
    margin-top: -290px;
}
.med-left{
    left: 0px;
    margin-left: -153px;

}
.med-right{
    right: 0px;
    margin-right: -153px;
}
.box-h-info{
    width: 100%;
    color: #fff;
    max-width: 270px;
    position: relative;
    margin-bottom: 30px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.l-left{
    left: -80px;
}
.l-right{
    right: -80px;
}
/*---*/
.bg-h-galeria{
    padding-top: 50px;
    padding-bottom: 20px;
}
.bg-galery-full{
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.sp-slide{
    opacity: 0.7;
    
}
.sp-slide:hover{
    opacity: 1;
}
.sp-selected{
    opacity: 1;
}
/*---*/
.texto-descubra {
    color: #CA1B1C;
}
.texto-descubra strong {
    font-weight: 700;
}
/*---*/
.bg-h-evento{
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}
.a-eve, .a-eve:focus, .a-eve:active{
    width: 100%;
    color: #7F7F7F;
    display: block;
    max-width: 500px;
    background: #fff;
    overflow: hidden;
    border-radius: 15px;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
}
.a-eve h2{
    width: 100%;
    color: #fff;
    margin: 0px;
    height: 80px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    padding: 10px 20px;
    background: #527A5B;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.a-eve .info{
    padding: 30px;
}
.a-eve .info i{
    color: #86B788;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}
.a-eve .info .data{
    height: 35px;
    color: #527A5B;
    font-weight: 700;
    overflow: hidden;
    padding: 5px 12px;
    border-radius: 8px;
    margin-bottom: 45px;
    display: inline-block;
    border: solid 1px #527A5B;
    transition: all 0.3s ease-in-out;
}
.a-eve .info .hora{
    margin-bottom: 45px;
    display: inline-block;
}
.a-eve .info .ende{
    width: 100%;
    margin: auto;
    height: 48px;
    overflow: hidden;
    max-width: 250px;
    margin-bottom: 45px;
}
.a-eve:hover{
    color: #7F7F7F;
}
.a-eve:hover h2{
    color: #fff;
    background: #D1C5A1;
}
.a-eve:hover .data{
    color: #D1C5A1;
    border-color: #D1C5A1;
}
.a-eve:hover i{
    color: #D1C5A1;
}
.a-eve:hover .btn-padrao2{
    color: #fff;
    background: #D1C5A1;
}
.relt{
    position: relative;
}
.bg-gray{
    top: 50%;
    width: 100%;
    height: 350px;
    position: absolute;
    margin-top: -175px;
    background: #F2F2F2;
}
.pd-15 {
    padding-bottom: 15px;
}
.pd10{
    padding: 10px;
}
.pd-lr10{
    padding: 0 10px;
}
.data-hora{
    color: #86B788;
    margin-bottom: 5px;
}
/*---*/
.v-top {
    vertical-align: top;
}
/*---*/
.bg-h-depoimento {
    padding-top: 50px;
    background: #F2F2F2;
    padding-bottom: 50px;
    position: relative;
}
.bg-depoimento {
    padding-top: 76px;
    background: #F2F2F2;
    padding-bottom: 20px;
    position: relative;
}
.info-depo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.txt-depo {
    height: 228.5px;
    overflow: hidden;
}
/*---*/
.bg-h-barra {
    height: 100px;
    background-color: #F2F2F2;
}
.barra {
    position: absolute;
    right: 0;
    display: flex;
    justify-content: flex-end;
    width: 80%;
}
.whats-verde {
    background-color: #752028;
    width: 50%;
    font-size: 26px;
    color: #FFFFFF;
    border-radius: 200px 0 0 200px;
    padding: 20px 40px 20px 60px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    line-height: 30px;
}
.whats-verde span {
    font-weight: 700;
    display: block;
}
.whats-btn-barra, .whats-btn-barra:focus, .whats-btn-barra:active {
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    border: 1px solid #fff;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}
.whats-btn-barra:hover {
    text-decoration: none;
    color: #fff;
}
.info-azul {
    background-color: #3C3760;
    width: 50%;
    display: flex;
    align-items: center;
    font-size: 26px;
    line-height: 30px;
}
.info-azul2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 50px;
    color: #752028;
    font-weight: 500;
}
.info-barra {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    width: 62%;
    height: 60px;
    overflow: hidden;
}
.info-barra:focus, .info-barra:active {
    text-decoration: none;
    color: #fff;
}
.info-barra:hover {
    color: #fff;
    text-decoration: none;
}
.info-barra2 {
    color: #4F4F4F;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.info-barra2:focus, .info-barra2:active {
    text-decoration: none;
    color: #4F4F4F;
}
.info-barra2:hover {
    color: #752028;
    text-decoration: none;
}
.fa-barra {
    color: #752028;
    margin: 0 20px 0 40px;
    font-size: 65px;
}
.fa-barra2 {
    color: #752028;
    margin: 0 20px 0 0;
    font-size: 65px;
}
/*---*/
.bg-h-como-comprar {
    padding-top: 100px;
    padding-bottom: 20px;
    position: relative;
    background-color: #F2F2F2;
    overflow: hidden;
}
.bg-como-comprar {
    padding-top: 76px;
    padding-bottom: 20px;
    position: relative;
    background-color: #F2F2F2;
    overflow: hidden;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
}
.img-saiba {
    position: absolute;
    right: 45px;
}
.box-pedido {
    background-color: #fff;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
    position: relative;
}
.img-pedido {
    height: 100%;
}
.nome-pedido {
    font-size: 26px;
    font-weight: 700;
    color: #3C3760;
    margin-bottom: 15px;
    height: 37.14px;
    overflow: hidden;
}
.txt-pedido {
    color: #3C3760;
    font-size: 16px;
    margin-bottom: 55.1px;
    height: 114.25px;
    overflow: hidden;
}
.txt-pedido p:last-child {
    margin-bottom: 0;
}
.btn-pedido {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*---*/
.bg-mapa {
    padding-top: 50px;
    background-color: #F2F2F2;
}
.bg-mapa2 {
    padding-top: 76px;
    background-color: #f2f2f2;
}
/*---*/
.bg-h-parceiro {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #752028;
}
.bg-parceiro {
    padding-top: 76px;
    padding-bottom: 20px;
    background-color: #f2f2f2;
    position: relative;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
}
.txt-parceiro {
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px;
}
.txt-parceiro p:last-child {
    margin-bottom: 0;
}
.txt-parceiro3 {
    font-size: 20px;
    color: #fff;
    margin: 0 auto 30px auto;
    max-width: 315px;
    text-align: center;
    overflow: hidden;
    max-height: 86px;
}
.txt-parceiro3 p:last-child {
    margin-bottom: 0;
}
.txt-parceiro2 {
    font-size: 18px;
    color: #3C3760;
    margin-bottom: 30px;
}
.txt-parceiro2 p:last-child {
    margin-bottom: 0;
}
.box-parceiro {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
}
.box-parceiro:hover .img-parceiro {
    transform: scale(1.1);
}
.img-parceiro {
    width: 100%;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}
/*---*/
.bg-h-contato{
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #FFFFFF;
    position: relative;
}
.bg-h-contato2{
    overflow: hidden;
    padding-top: 76px;
    padding-bottom: 20px;
    background-color: #f2f2f2;
    position: relative;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
}
.white-color{
    color: #fff !important;
}
.white-color span{
    color: #fff !important;
}
div.input-block {
    position: relative;
}
div.input-block input {
    font-weight: 500;
    /*font-size: 1.6rem;*/
    /*color: #495055;*/
    /*width: 350px;*/
    /*padding: 15px 15px;*/
    /*border-radius: 1rem;*/
    /*border: 2px solid  #D9D9D9;*/
    /*outline:none;*/
}
div.input-block span.placeholder {
    position: absolute;
    margin: 15px 0;
    padding: 0 4px;
    display: flex;
    align-items: center;
    color: #989898;
    font-size: 14px;
    font-weight: 500;
    top: 0;
    left: 8px;
    transition: all 0.2s;
    transform-origin: 0% 0%;
    background: none;
    pointer-events: none;
}
div.input-block input:valid + span.placeholder,
div.input-block input:focus + span.placeholder {
    transform: scale(0.8) translateY(-17px);
    background: transparent;
    font-size: 13px;
}
div.input-block input:focus{
    color: #284B63;
    border-color: #284B63;
}
div.input-block input:focus + span.placeholder {
    color: #284B63;
}
div.input-block textarea:valid + span.placeholder,
div.input-block textarea:focus + span.placeholder {
    transform: scale(0.8) translateY(-17px);
    background: transparent;
    font-size: 13px;
}
div.input-block textarea:focus{
    color: #284B63;
    border-color: #284B63;
}
div.input-block textarea:focus + span.placeholder {
    color: #284B63;
}
.flex-c-info{
    height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
}
.mapa{
    width: 100%;
    height: 330px;
    overflow: hidden;
    position: relative;
}
.btn-mapa {
    position: absolute;
    top: 29px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.box-dep-list{
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
}
.nano { width: 100%; height: 158px; }
.nano .nano-content { padding: 0 10px 0 0; }
.nano .nano-pane   { background: #cdcdcd; }
.nano .nano-slider { background: #666666; }

.box-depo .nano { width: 100%; height: 274px; }
.box-depo .nano .nano-content { padding: 0 10px 0 0; }
.box-depo .nano .nano-pane   { background: #cdcdcd; }
.box-depo .nano .nano-slider { background: #666666; }

.info-dif .nano { width: 100%; height: 206px; }
.info-dif .nano .nano-content { padding: 0 10px 0 0; }
.info-dif .nano .nano-pane   { background: #cdcdcd; }
.info-dif .nano .nano-slider { background: #666666; }
/*---*/
.mg-b-30{
    margin-bottom: 30px;
}
.mg-b-50{
    margin-bottom: 50px;
}
.mg-t-30{
    margin-top: 30px;
}
.a-h-home2, .a-h-home2:focus, .a-h-home2:active{
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 30px;
    max-width: 560px;
    position: relative;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}
.a-h-home2 .efeito-h-img{
    opacity: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 25px;
    transition: all 0.3s ease-in-out;
}
.efeito-h-img .fas2x{
    font-size: 28px;
}
.a-h-home2:hover .efeito-h-img{
    opacity: 1;
}
.compartilhar{
    height: 40px;
    margin-top: 30px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
.compartilhar i{
    font-size: 30px;
    margin-left: 15px;
}
.compartilhar .fa-facebook-square{
    color: #3b5998;
    transition: all 0.3s ease-in-out;
}
.compartilhar .fa-whatsapp{
    color: #4caf50;
    transition: all 0.3s ease-in-out;
}
.compartilhar .fa-facebook-square:hover{
    color: #16a8fb;
}
.compartilhar .fa-whatsapp:hover{
    color: #1bd741;
}
/*---*/
.fancybox{
    z-index: 9999;
}
/*---*/
@media only screen and (min-width: 1921px) {
    .container{
        width: 100% !important;
        max-width: 1920px;
        overflow: hidden;
    }
    .container-fluid{
        width: 100% !important;
        max-width: 1920px;
        overflow: hidden;
    }
    .img-robo {
        position: absolute;
        top: -97%;
        left: 62%;
    }
}

@media only screen and (max-width: 1500px) {
    .box-desc-bene {
        max-width: 280px;
        margin: auto;
    }
    /*padrao 1 arrows*/
    .owl-theme .owl-controls .owl-buttons .owl-prev{
        left: 30px;
    }
    .owl-theme .owl-controls .owl-buttons .owl-next{
        right: 30px;
    }
    .bg-h-barra {
        height: 88px;
    }
    .barra {
        width: 88%;
    }
    .whats-verde {
        font-size: 20px;
        line-height: 24px;
        justify-content: space-around;
    }
    .info-azul {
        font-size: 20px;
        line-height: 24px;
    }
    .info-barra {
        height: 48px;
    }
    .fa-barra {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1199px) {
    .img-fundador {
        width: 606px;
    }
    .menu-cabecalho {
        top: 32px;
    }
    .logo-cabecalho {
        left: 34px;
    }
    .bg-h-diferencial {
        padding-top: 50px;
    }
    .txt-pedido {
        height: 182px;
    }
    .img-saiba {
        right: 49px;
        width: 80%;
    }
    .barra {
        width: 97%;
    }
    .whats-verde {
        font-size: 18px;
        line-height: 24px;
        width: 55%;
    }
    .info-azul {
        font-size: 18px;
        line-height: 24px;
        width: 45%;
    }
    .fa-barra {
        font-size: 46px;
    }
    .box-depo .nano { width: 100%; height: 342px; }
    .titulo-dif {
        width: 99%;
    }
    .info-dif .nano { width: 100%; height: 257px; }
    .box-dif {
        height: 354px;
    }
    .bg-h-info {
        height: 426px;
    }
    .nano { 
        height: 135px; 
    }
    .box-menu {
        gap: 79px;
    }
    .texto-info-cabecalho {
        font-size: 15px;
    }
    .emp-max-height{
        height: 180px;
    }
    .a-h-home-mob{
        margin-bottom: 30px;
    }
    .l-left{
        left: -30px;
    }
    .l-right{
        right: -40px;
    }
    .img-ajuda {
        position: absolute;
        bottom: -5%;
        left: 59%;
        z-index: 5;
    }
    .img2 {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .box-informacao-auto {
        display: none;
    }
    .bg-content {
    background: linear-gradient(90deg, rgba(255,151,64,1) 0%, rgba(255,96,30,1) 90%);
    padding-top: 50px;
    padding-bottom: 35px;
    position: relative;
    }
    .sp-b{
        width: 100%;
    }
    .img-responsive-beneficio {
    display: block;
    max-width: 60%;
    height: auto;
    margin: auto;
    }
    .titulo-descubra {
        max-width: 100%;
    }
    .bg-loja {
        padding-top: 50px;
    }
    .bg-emp{
        padding-top: 50px;
    }
    .bg-fundador {
        padding-top: 50px;
    }
    .bg-vantagem{
        padding-top: 50px;
    }
    .texto-loja {
        text-align: left;
    }
    .img-depo {
        width: 46%;
    }
    .box-depo {
        padding: 105px 30px 30px;
        margin-top: 78px;
    }
    .texto-depo {
        font-size: 18px;
    }
    .info-azul2 {
        font-size: 18px;
    }
    .fa-barra2 {
        font-size: 60px;
    }
    .bg-h-descubra {
        padding-bottom: 15px;
    }
    .mg-b-50 {
        margin-bottom: 30px;
    }
    .box-info {
        margin-bottom: 50px;
    }
    .bg-h-franquia {
        padding-bottom: 0;
    }
    .mg-btn-vantagem {
        margin-top: 20px;
    }
    .img-fundador {
        display: none;
    }
    .box-info-fundador {
        text-align: center;
        font-size: 18px;
    }
    .texto-fundador {
        text-align: center;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .btn-fundador {
        text-align: center;
    }
    .btn-emp {
        text-align: center;
    }
    .box-titulo{
        text-align: center;
    }
    .box-titulo h1{
        font-size: 32px;
    }
    .linha {
        width: 190px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .box-texto{
        font-size: 18px;
        text-align: center;
    }
    .texto-termo {
        text-align: left;
    }
    .rod-info-logo {
        max-width: 394px;
        margin: 0 auto 30px auto;
    }
    .bg-mapa2 {
        padding-top: 50px;
    }
    .bg-h-diferencial{
        background: #3C3760;
        overflow: hidden;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .bg-diferencial{
        padding-top: 50px;
    }
    .bg-depoimento {
        padding-top: 50px;
    }
    .bg-parceiro  {
        padding-top: 50px;
    }
    .page {
        padding-top: 50px;
    }
    .bg-h-contato2{
        padding-top: 50px;
    }
    .align-mobile2{
        text-align: center !important;
    }
    .rod-info-social{
        justify-content: center;
        text-align: left;
        max-width: 262px;
        margin: auto;
    }
    .btn-mapa {
        top: 301px;
    }
    .txt-pedido {
        height: 160px;
    }
    .nome-pedido {
        font-size: 20px;
        height: 28.56px;
    }
    .img-saiba {
        display: none;
    }
    .bg-h-como-comprar {
        padding-top: 50px;
    }
    .bg-como-comprar {
        padding-top: 50px;
    }
    .box-depo .nano { width: 100%; height: 283px; }
    .box-vantagem {
        width: 75%;
        margin: 0 auto 50px auto;
    }
    .titulo-dif {
        width: 68%;
    }
    .box-dif {
        height: auto;
    }
    .nano {
        height: 158px;
    }
    .bg-h-info {
        height: 940px;
    }
    .info-absolute {
        top: -20px;
    }
    .bg-h-cabecalho {
        background-color: #752028;
        padding-top: 0;
        padding-bottom: 0;
        height: 100px;
        box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
        position: relative;
        z-index: 1;
    }
    .align-mobile-sm{
        text-align: center !important;
    }
    .auto-mob{
        margin: auto !important;
    }
    .box-topo{
        height: auto;
        display: block;
        text-align: center !important;
    }
    .box-h-info{
        max-width: 500px;
        height: auto;
        display: block;
    }
    .img-robo {
        display: none;
    }
    .img2 {
        display: none;
    }
    .img-ajuda {
        display: none;
    }
    .bg-rodape {
        padding-top: 25px;
    }
}
@media only screen and (max-width: 767px) {
    .box-bene {
        margin-bottom: 50px;
    }
    .bg-beneficio {
        padding-bottom: 0;
    }
    .texto h1 {
        font-size: 34px;
    }
    .box-depo {
        margin-top: 80px;
        margin-bottom: 45px;
    }
    .box-btn-depo {
        margin-top: 18px;
    }
    .mg-b-qualidade {
        margin-bottom: 30px;
    }
    .box-loja {
        margin-top: 91px;
        margin-bottom: 45px;
    }
    .titulo-vantagem {
        padding-left: 0;
        height: auto;
        max-height: 85px;
        margin-bottom: 20px;
    }
    .ordem-vantagem {
        display: none;
    }
    .box-vantagem{
        width: 100%;
    }
    .box-img-fundador {
        position: relative;
        min-height: 295px;
        width: 372px;
        margin: auto;
    }
    .content-img-fundador {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
    }
    .img-fundador2 {
        width: 372px;
        left: 0;
    }
    .box-depo .nano { width: 100%; height: 283px; }
    .titulo-dif {
        font-size: 24px;
        width: 94%;
        height: 52.8px;
    }
    .info-dif {
        width: 100%;
    }
    .ordem-dif {
        display: none;
    }
    .bg-h-info {
        padding-top: 50px;
        height: auto;
    }
    .med-left{
        left: 0px;
        margin-left: -280px;
    }
    .med-right{
        right: 0px;
        margin-right: -280px;
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev{
        display: none !important;
    }
    .owl-theme .owl-controls .owl-buttons .owl-next{
        display: none !important;
    }
    .flex-c-info{
        height: auto;
        display: block;
    }
    .img-robo {
        display: none;
    }
    .bg-rodape {
        padding-top: 50px;
        padding-bottom: 50px;
        position: relative;
    }

    .banner-hero__content {
        max-width: 90%;
    }
}

@media only screen and (max-width: 580px) {
    .align-mobile{
        text-align: center !important;
    }
    .img-robo {
        display: none;
    }
}

@media only screen and (max-width: 399px) {
    .box-img-fundador {
        min-height: 264px;
        width: 100%;
    }
    .img-fundador2 {
        width: 330px;
    }
    .a-logo img{
        max-width: 300px;
    }
    .titulo-dif {
        width: 100%;
    }
    .box-depo .nano { width: 100%; height: 254px; }
    .txt-pedido {
        height: 182px;
    }
    .box-depo {
        padding: 98px 30px 30px;
    }
    .btn-mapa {
        font-size: 16px;
    }
    .img-robo {
        display: none;
    }
    .img-responsive-rodape {
        display: block;
        max-width: 100%;
        height: auto;
        margin: auto;
        padding-bottom: 30px;
    }
    .bg-rodape {
        padding-bottom: 80px;
    }

}
@media only screen and (max-width: 380px) {

}
@media only screen and (max-width: 360px) {

}
@media only screen and (max-width: 359px) {

}
@media only screen and (max-width: 340px) {

}