/* ######  remover a linha abaixo antes de enviar para qualquer varejo #####*/
body {
    margin: 0;
    padding: 0
}
/* ######  remover a linha acima  antes de enviar para qualquer varejo #####*/
@font-face {
    font-family: 'NerisSemiBold';
    src: url('../fonts/Neris-SemiBold.eot');
    src: url('../fonts/Neris-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Neris-SemiBold.ttf') format('truetype'),
         url('../fonts/Neris-SemiBold.woff') format('woff'),
         url('../fonts/Neris-SemiBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NerisLight';
    src: url('../fonts/Neris-Light.eot');
    src: url('../fonts/Neris-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Neris-Light.ttf') format('truetype'),
         url('../fonts/Neris-Light.woff') format('woff'),
         url('../fonts/Neris-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NerisBlackItalic';
    src: url('../fonts/Neris-BlackItalic.eot');
    src: url('../fonts/Neris-BlackItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Neris-BlackItalic.ttf') format('truetype'),
         url('../fonts/Neris-BlackItalic.woff') format('woff'),
         url('../fonts/Neris-BlackItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NerisThin';
    src: url('../fonts/Neris-Thin.eot');
    src: url('../fonts/Neris-Thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Neris-Thin.ttf') format('truetype'),
         url('../fonts/Neris-Thin.woff') format('woff'),
         url('../fonts/Neris-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Neris-Black';
    src: url('../fonts/Neris-Black.eot');
    src: url('../fonts/Neris-Black.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Neris-Black.ttf') format('truetype'),
            url('../fonts/Neris-Black.woff') format('woff'),
            url('../fonts/Neris-Black.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
 }

#containerIsee br.mobile {
    display: none;
}
#containerIsee .bgDesktop{
    display: block;
}
#containerIsee .bgMobile{
    display: none;
}
/* BLOCO 01 */
div#bloco01 {
    min-height: 57.292vw;
    z-index: 2;
}
#bloco01 .bg{
    position: relative;
}
#bloco01 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco01 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* BLOCO 02 */
div#bloco02 {
    min-height: 41.667vw;
    z-index: 2;
}
#bloco02 .bg{
    position: relative;
}
#bloco02 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco02 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
#bloco02 .content .btn-play {
    position: absolute;
    width: 10.938vw;
    height: 10.938vw;
    margin-left: 0;
    margin-right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255 255 255 / .5);
    border-radius: 50%;
    transition: all ease-in-out .4s;
    cursor: pointer;
}
#bloco02 .content .btn-play:hover{
    background-color: rgb(255 255 255 / .5);
    transform: scale(1.2);
}
#bloco02 .content .btn-play img{
    width: 4.531vw;
    height: 5.104vw;
}
#bloco02 .content .video-container {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background-color: rgb(0 0 0 / 90%);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    opacity: 0;
    transition: all ease .4s;
}
#bloco02 .content .video-container.aberto {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
}
#bloco02 .content .video-container .videoBlock {
    width: 60%;
    height: 65%;
}
#bloco02 .content .video-container .fechar {
    position: absolute;
    top: 14%;
    right: 16%;
    cursor: pointer;
    transition: all ease-in-out .4s;
}
#bloco02 .content .video-container .fechar img{
    width: 1.563vw;
    height: 1.563vw;
}
/* BLOCO 03 */
div#bloco03 {
    min-height: 51.042vw;
    z-index: 2;
}
#bloco03 .bg{
    position: relative;
}
#bloco03 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco03 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* BLOCO 04 */
div#bloco04 {
    min-height: 52.604vw;
    background-size: cover;
    background-position: center;
    background-image: url(../img/bloco04_bg_01.jpg);
}
div#bloco04 .bgProdutoAtivo{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-image: url(../img/bloco04_bg_01.jpg);
}
#bloco04 .bg img{
    width: 100%;
    max-width: 100%;
    opacity: 0;
}
#bloco04 .bgProdutoAtivo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transition:  all ease-in-out .4s;
}
#bloco04 .menu-produto{
    display: none;
}
#bloco04 .menu-produto-nav {
    z-index: 3;
    cursor: pointer;
    transition: all ease-in-out .4s;
    position: absolute;
    top: 29.688vw;
    width: 3.438vw;
    height: 6.510vw;
}
#bloco04 .menu-produto-nav img{
    width: 100%;
    height: 100%;
}
#bloco04 #nav_produto_anterior.menu-produto-nav {
    left: 4.167vw;
}
#bloco04 #nav_produto_anterior.menu-produto-nav:hover{
    transform: scale(1.2);
}
#bloco04 #nav_produto_proximo.menu-produto-nav {
    right: 4.167vw;
    transform: rotate(180deg);
}
#bloco04 #nav_produto_proximo.menu-produto-nav:hover{
    transform: scale(1.2)rotate(180deg);
}
#bloco04 .content-produto {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all ease-in-out .4s;
}
#bloco04 .content-produto.ativo {
    opacity: 1;
    z-index: 2;
}
#bloco04 a.mais-link {
    position: absolute;
}
#bloco04 a.mais-link img{
    width: 2.708vw;
    height: auto;
    transition: all ease-in-out .4s;
}
#bloco04 a.mais-link:hover img{
    transform: rotate(180deg);
}
#bloco04 #content_produto_01 #link_sem_sabor{
    top: 32.917vw;
    left: 31.875vw;
}
#bloco04 #content_produto_01 #link_zero_lactose{
    top: 32.917vw;
    left: 52.813vw;
}
#bloco04 #content_produto_02 #link_feijao_carne{
    top: 32.917vw;
    left: 31.979vw;
}
#bloco04 #content_produto_02 #link_frango_aveia{
    top: 32.917vw;
    left: 52.813vw;
}
#bloco04 #content_produto_03 #link_baunilha{
    top: 32.813vw;
    left: 11.146vw;
}
#bloco04 #content_produto_03 #link_chocolate{
    top: 24.271vw;
    left: 40.104vw;
}
#bloco04 #content_produto_03 #link_cafe_leite{
    top: 33.021vw;
    left: 52.865vw;
}
#bloco04 #content_produto_04 #link_chocolate_g{
    top: 26.875vw;
    left: 25.208vw;
}
#bloco04 #content_produto_04 #link_mix_frutas_g{
    top: 26.875vw;
    left: 34.583vw;
}
#bloco04 #content_produto_04 #link_baunilha_g{
    top: 26.875vw;
    left: 43.958vw;
}
/* BLOCO 05 */
div#bloco05 {
    min-height: 80.208vw;
    z-index: 2;
}
#bloco05 .bg{
    position: relative;
}
#bloco05 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco05 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* BLOCO 06 */
div#bloco06 {
    min-height: 122.396vw;
    z-index: 2;
}
#bloco06 .bg{
    position: relative;
}
#bloco06 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco06 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* BLOCO 07 */
div#bloco07 {
    min-height: 41.667vw;
    background-size: cover;
    background-position: center;
    background-image: url(../img/bloco07_bg_01.jpg);
}
div#bloco07 .bgSlideAtivo{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-image: url(../img/bloco07_bg_01.jpg);
}
#bloco07 .bg img{
    width: 100%;
    max-width: 100%;
    opacity: 0;
}
#bloco07 .bgSlideAtivo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transition:  all ease-in-out .4s;
}
#bloco07 .menu {
    position: absolute;
    top: 10.2vw;
    left: 8.333vw;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
}
#bloco07 .menu-slide {
    margin-right: .50vw !important;
    cursor: pointer;
    opacity: 1;
    transition: all ease-in-out .4s;
    width: 1.354vw;
    height: 1.354vw;
    background-color: #cfccd0;
    display: block;
    border-radius: 50%;
    position: relative;
}
#bloco07 .menu-slide:hover {
    opacity: .7;
}
#bloco07 .menu-slide.ativo {
    opacity: 1;
}
#bloco07 .menu-slide::before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    position: absolute;
    background-color: #394376;
    border-radius: 50%;
    top: 20%;
    left: 20%;
    opacity: 0;
    transition: all ease-in-out .4s;
}
#bloco07 .menu-slide.ativo::before {
    opacity: 1;
}
#bloco07 .content-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
}
#bloco07 .content-slide.ativo {
    opacity: 1;
    z-index: 2;
}
/* BLOCO 08 */
div#bloco08 {
    min-height: 39.063vw;
    z-index: 2;
}
#bloco08 .bg{
    position: relative;
}
#bloco08 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco08 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#bloco08 .content .link_ios {
    display: block;
    position: absolute;
    width: 12vw;
    height: 4vw;
    top: 23vw;
    left: 66vw;
}
#bloco08 .content .link_android {
    display: block;
    position: absolute;
    width: 12vw;
    height: 4vw;
    top: 23vw;
    left: 79.08vw;
}
/* BLOCO 09 */
div#bloco09 {
    min-height: 13.542vw;
    z-index: 2;
}
#bloco09 .bg{
    position: relative;
}
#bloco09 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco09 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (min-width: 1921px) {
    /* BLOCO 01 */
    div#bloco01 {
        min-height: 1100px;
    }
    /* BLOCO 02 */
    div#bloco02 {
        min-height: 800px;
    }
    #bloco02 .content .btn-play {
        width: 210px;
        height: 210px;
    }
    #bloco02 .content .btn-play img{
        width: 87px;
        height: 98px;
    }
    #bloco02 .content .video-container .fechar img{
        width: 30px;
        height: 30px;
    }
    /* BLOCO 03 */
    div#bloco03 {
        min-height: 980px;
    }
    /* BLOCO 04 */
    div#bloco04 {
        min-height: 1020px;
    }
    #bloco04 .menu-produto-nav {
        top: 570px;
        width: 66px;
        height: 125px;
    }
    #bloco04 #nav_produto_anterior.menu-produto-nav {
        left: 80px;
    }
    #bloco04 #nav_produto_proximo.menu-produto-nav {
        right: 80px;
    }
    #bloco04 a.mais-link img{
        width: 52px;
    }
    #bloco04 #content_produto_01 #link_sem_sabor{
        top: 632px;
        left: 612px;
    }
    #bloco04 #content_produto_01 #link_zero_lactose{
        top: 632px;
        left: 1014px;
    }
    #bloco04 #content_produto_02 #link_feijao_carne{
        top: 632px;
        left: 612px;
    }
    #bloco04 #content_produto_02 #link_frango_aveia{
        top: 632px;
        left: 1014px;
    }
    #bloco04 #content_produto_03 #link_baunilha{
        top: 622px;
        left: 215px;
    }
    #bloco04 #content_produto_03 #link_chocolate{
        top: 466px;
        left: 770px;
    }
    #bloco04 #content_produto_03 #link_cafe_leite{
        top: 634px;
        left: 1015px;
    }
    #bloco04 #content_produto_04 #link_chocolate_g{
        top: 516px;
        left: 484px;
    }
    #bloco04 #content_produto_04 #link_mix_frutas_g{
        top: 516px;
        left: 664px;
    }
    #bloco04 #content_produto_04 #link_baunilha_g{
        top: 516px;
        left: 844px;
    }
    /* BLOCO 05 */
    div#bloco05 {
        min-height: 1540px;
    }
    /* BLOCO 06 */
    div#bloco06 {
        min-height: 2350px;
    }
    /* BLOCO 07 */
    div#bloco07 {
        min-height: 800px;
    }
    #bloco07 .menu {
        position: absolute;
        top: 196px;
        left: 160px;
    }
    #bloco07 .menu-slide {
        margin-right: 10px !important;
        width: 30px;
        height: 30px;
    }
    /* BLOCO 08 */
    div#bloco08 {
        min-height: 750px;
    }
    #bloco08 .content .link_ios {
        width: 236px;
        height: 76.797px;
        top: 447px;
        left: 1278px;
    }
    #bloco08 .content .link_android {
        width: 236px;
        height: 76.797px;
        top: 447px;
        left: 1530px;;
    }
    /* BLOCO 09 */
    div#bloco09 {
        min-height: 260px;
    }
}
@media screen and (max-width: 980px) {
    #containerIsee .bgDesktop{
        display: none;
    }
    #containerIsee .bgMobile{
        display: block;
    }
    /* BLOCO 01 */
    div#bloco01 {
        min-height: 310.256vw;
    }
    /* BLOCO 02 */
    div#bloco02 {
        min-height: 82.051vw;
    }
    #bloco02 .content .btn-play {
        width: 25.128vw;
        height: 25.128vw;
    }
    #bloco02 .content .btn-play img{
        width: 10.128vw;
        height: 11.538vw;
    }
    #bloco02 .content .video-container .videoBlock {
        width: 90%;
    }
    #bloco02 .content .video-container .fechar {
        top: 10vw;
        right: 5vw;
    }
    #bloco02 .content .video-container .fechar img{
        width: 3.846vw;
        height: 3.846vw;
    }
    /* BLOCO 03 */
    div#bloco03 {
        min-height: 297.436vw;
    }
    /* BLOCO 04 */
    div#bloco04 {
        min-height: 130.769vw;
        background-image: url(../img/bloco04_bg_mobile_01.jpg);
    }
    div#bloco04 .bgProdutoAtivo{
        background-image: url(../img/bloco04_bg_mobile_01.jpg);
    }
    #bloco04 .menu-produto-nav {
        top: 64.615vw;
        width: 6.538vw;
        height: 17.949vw;
    }
    #bloco04 #nav_produto_anterior.menu-produto-nav {
        left: 5.641vw;
        transform: scale(1) !important;
    }
    #bloco04 #nav_produto_proximo.menu-produto-nav {
        right: 5.641vw;
        transform: scale(1)rotate(180deg) !important;
    }
    #bloco04 a.mais-link img{
        width: 6.667vw;
    }
    #bloco04 #content_produto_01 #link_sem_sabor{
        top: 54.872vw;
        left: 42.949vw;
    }
    #bloco04 #content_produto_01 #link_zero_lactose{
        top: 54.872vw;
        left: 76.923vw;
    }
    #bloco04 #content_produto_02 #link_feijao_carne{
        top: 54.872vw;
        left: 42.949vw;
    }
    #bloco04 #content_produto_02 #link_frango_aveia{
        top: 54.872vw;
        left: 76.923vw;
    }
    #bloco04 #content_produto_03 #link_baunilha{
        top: 54.744vw;
        left: 16.154vw;
    }
    #bloco04 #content_produto_03 #link_chocolate{
        top: 54.744vw;
        left: 59.487vw;
    }
    #bloco04 #content_produto_03 #link_cafe_leite{
        top: 54.744vw;
        left: 76.923vw;
    }
    #bloco04 #content_produto_04 #link_chocolate_g{
        top: 54.615vw;
        left: 35.897vw;
    }
    #bloco04 #content_produto_04 #link_mix_frutas_g{
        top: 54.615vw;
        left: 52.821vw;
    }
    #bloco04 #content_produto_04 #link_baunilha_g{
        top: 54.615vw;
        left: 71.026vw;
    }
    /* BLOCO 05 */
    div#bloco05 {
        min-height: 257.692vw;
    }
    /* BLOCO 06 */
    div#bloco06 {
        min-height: 453.846vw;
    }
    /* BLOCO 07 */
    div#bloco07 {
        min-height: 182.051vw;
        background-image: url(../img/bloco07_bg_mobile_01.jpg);
    }
    div#bloco07 .bgSlideAtivo{
        background-image: url(../img/bloco07_bg_mobile_01.jpg);
    }
    
    #bloco07 .menu {
        position: absolute;
        top: 36vw;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        justify-content: center;
    }
    #bloco07 .menu-slide {
        margin-right: 1.282vw !important;
        margin-left: 1.282vw !important;
        width: 3.846vw;
        height: 3.846vw;
    }
    /* BLOCO 08 */
    div#bloco08 {
        min-height: 173.077vw;
    }
    #bloco08 .content .link_ios {
        display: block;
        position: absolute;
        width: 32vw;
        height: 10.5vw;
        top: 113.4vw;
        left: 16.6vw;;
    }
    #bloco08 .content .link_android {
        display: block;
        position: absolute;
        width: 32vw;
        height: 10.5vw;
        top: 113.4vw;
        left: 51.4vw;
    }
    /* BLOCO 09 */
    div#bloco09 {
        min-height: 83.333vw;
    }
}