/* ######  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: 61.458vw;
    z-index: 2;
    margin-top: -1px !important;
}
#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: 53.646vw;
    background-size: cover;
    background-position: center;
    background-image: url(../img/bloco02_bg_01.jpg);
    margin-top: -1px !important;
}
div#bloco02 .bgSlideAtivo{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-image: url(../img/bloco02_bg_01.jpg);
}
#bloco02 .bg img{
    width: 100%;
    max-width: 100%;
    opacity: 0;
}
#bloco02 .bgSlideAtivo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transition:  all ease-in-out .4s;
}
#bloco02 .menu {
    position: absolute;
    top: 15.104vw;
    left: 8.333vw;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
}
#bloco02 .menu-slide {
    margin-right: 1.458vw !important;
    cursor: pointer;
    opacity: .35;
    transition: all ease-in-out .4s;
    width: auto;
    height: 5.156vw;
    display: block;
    border-radius: 50%;
    position: relative;
}
#bloco02 .menu-slide:hover {
    opacity: .5;
}
#bloco02 .menu-slide.ativo {
    opacity: 1;
}
#bloco02 .content-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
}
#bloco02 .content-slide.ativo {
    opacity: 1;
    z-index: 2;
}
/* BLOCO 03 */
div#bloco03 {
    min-height: 41.667vw;
    z-index: 2;
    margin-top: -1px !important;
}
#bloco03 .bg{
    position: relative;
}
#bloco03 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco03 .menu {
    position: absolute;
    top: 0.208vw;
    left: 8.333vw;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
}
#bloco03 .menu-slidevideo {
    margin-right: .50vw !important;
    cursor: pointer;
    opacity: 1;
    transition: all ease-in-out .4s;
    width: 1.354vw;
    height: 1.354vw;
    background-color: #fff;
    display: block;
    border-radius: 50%;
    position: relative;
}
#bloco03 .menu-slidevideo:hover {
    opacity: .7;
}
#bloco03 .menu-slidevideo.ativo {
    opacity: 1;
}
#bloco03 .menu-slidevideo::before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    position: absolute;
    background-color: #f97b36;
    border-radius: 50%;
    top: 20%;
    left: 20%;
    opacity: 0;
    transition: all ease-in-out .4s;
}
#bloco03 .menu-slidevideo.ativo::before {
    opacity: 1;
}
#bloco03 .content-slidevideo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: all ease-in-out .4s;
}
#bloco03 .content-slidevideo.ativo{
    opacity: 1;
    z-index: 2;
}
#bloco03 .content-slidevideo.videoaberto{
    z-index: 4;
}
#bloco03 .content-slidevideo .video-item {
    position: absolute;
    top: 3.021vw;
    left: 8.333vw;
    width: 41.667vw;
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}
#bloco03 .content-slidevideo .video-item .video-item-bg{
    width: 100%;
}
#bloco03 .content-slidevideo .video-item .btn-play {
    position: absolute;
    width: 8.229vw;
    height: 8.229vw;
    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;
}
#bloco03 .content-slidevideo .video-item .btn-play:hover{
    background-color: rgb(255 255 255 / .5);
    transform: scale(1.2);
}
#bloco03 .content-slidevideo .video-item .btn-play img{
    width: 3.333vw;
    height: 3.802vw;
}
#bloco03 .content-slidevideo .video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
    overflow: hidden;
    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;
}
#bloco03 .content-slidevideo .video-container.aberto {
    top: -5%;
    left: 0%;
    width: 100%;
    height: 105%;
    z-index: 0;
    opacity: 1;
}
#bloco03 .content-slidevideo .video-container .videoBlock {
    width: 60%;
    height: 65%;
}
#bloco03 .content-slidevideo .video-container .fechar {
    position: absolute;
    top: 14%;
    right: 16%;
    cursor: pointer;
    transition: all ease-in-out .4s;
}
#bloco03 .content-slidevideo .video-container .fechar img{
    width: 1.563vw;
    height: 1.563vw;
}
/* BLOCO 04 */
div#bloco04 {
    min-height: 51.563vw;
    z-index: 2;
    margin-top: -1px !important;
}
#bloco04 .bg{
    position: relative;
}
#bloco04 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco04 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* BLOCO 05 */
div#bloco05 {
    min-height: 53.646vw;
    z-index: 2;
    margin-top: -1px !important;
}
#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: 48.438vw;
    z-index: 2;
    margin-top: -1px !important;
}
#bloco06 .bg{
    position: relative;
}
#bloco06 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco06 .menu {
    position: absolute;
    top: 3.229vw;
    left: 53.67vw;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
}
#bloco06 .menu-slidetabela {
    margin-right: .50vw !important;
    cursor: pointer;
    opacity: 1;
    transition: all ease-in-out .4s;
    width: 1.354vw;
    height: 1.354vw;
    background-color: #fff;
    display: block;
    border-radius: 50%;
    position: relative;
}
#bloco06 .menu-slidetabela:hover {
    opacity: .7;
}
#bloco06 .menu-slidetabela.ativo {
    opacity: 1;
}
#bloco06 .menu-slidetabela::before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    position: absolute;
    background-color: #f97b36;
    border-radius: 50%;
    top: 20%;
    left: 20%;
    opacity: 0;
    transition: all ease-in-out .4s;
}
#bloco06 .menu-slidetabela.ativo::before {
    opacity: 1;
}
#bloco06 .content-slidetabela {
    position: absolute;
    top: 6vw;
    left: 53.67vw;
    width: 37.200vw;
    z-index: 1;
    opacity: 0;
    transition: all ease-in-out .4s;
}
#bloco06 .content-slidetabela.ativo{
    opacity: 1;
    z-index: 2;
}
#bloco06 .content-slidetabela img{
    width: 100%;
}
/* BLOCO 07 */
div#bloco07 {
    min-height: 43.750vw;
    z-index: 2;
    margin-top: -1px !important;
}
#bloco07 .bg{
    position: relative;
}
#bloco07 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco07 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#bloco07 .content .link_ios {
    display: block;
    position: absolute;
    width: 12vw;
    height: 4vw;
    top: 24vw;
    left: 66vw;
}
#bloco07 .content .link_android {
    display: block;
    position: absolute;
    width: 12vw;
    height: 4vw;
    top: 24vw;
    left: 79.08vw;
}
/* BLOCO 08 */
div#bloco08 {
    min-height: 5.208vw;
    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;
}
@media screen and (min-width: 1921px) {
    div#bloco01 {
        min-height: 1180px;
    }
    /* BLOCO 02 */
    div#bloco02 {
        min-height: 1020px;
    }
    #bloco02 .menu {
        top: 290px;
        left: 160px;
    }
    #bloco02 .menu-slide {
        margin-right: 28px !important;
        height: 99px;
    }
    /* BLOCO 03 */
    div#bloco03 {
        min-height: 930px;
        margin-top: -1px !important;
    }
    #bloco03 .menu {
        position: absolute;
        top: 4px;
        left: 160px;
    }
    #bloco03 .menu-slidevideo {
        margin-right: 10px !important;
        width: 26px;
        height: 26px;
    }
    #bloco03 .content-slidevideo .video-item {
        top: 59px;
        left: 160px;
        width: 800px;
    }
    #bloco03 .content-slidevideo .video-item .btn-play {
        width: 158px;
        height: 158px;
    }
    #bloco03 .content-slidevideo .video-item .btn-play img{
        width: 64px;
        height: 73px;
    }
    #bloco03 .content-slidevideo .video-container .fechar img{
        width: 55px;
        height: 55px;
    }
    /* BLOCO 04 */
    div#bloco04 {
        min-height: 990px;
        margin-top: -1px !important;
    }
    /* BLOCO 05 */
    div#bloco05 {
        min-height: 1040px;
        margin-top: -1px !important;
    }
    /* BLOCO 06 */
    div#bloco06 {
        min-height: 940px;
        margin-top: -1px !important;
    }
    #bloco06 .menu {
        top: 62px;
        left: 1032px;
    }
    #bloco06 .menu-slidetabela {
        margin-right: 10px !important;
        width: 26px;
        height: 26px;
    }
    #bloco06 .content-slidetabela {
        top: 116px;
        left: 1032px;
        width: 715px;
    }
    /* BLOCO 07 */
    div#bloco07 {
        min-height: 840px;
        margin-top: -1px !important;
    }
    #bloco07 .content .link_ios {
        width: 236px;
        height: 76.797px;
        top: 466px;;
        left: 1278px;
    }
    #bloco07 .content .link_android {
        width: 236px;
        height: 76.797px;
        top: 466px;;
        left: 1530px;;
    }
    /* BLOCO 08 */
    div#bloco08 {
        min-height: 100px;
    }
}
@media screen and (max-width: 980px) {
    #containerIsee .bgDesktop{
        display: none;
    }
    #containerIsee .bgMobile{
        display: block;
    }
    /* BLOCO 01 */
    div#bloco01 {
        min-height: 287.179vw;
        z-index: 2;
    }
    /* BLOCO 02 */
    div#bloco02 {
        margin-top: -1px !important;
        min-height: 206.410vw;
        background-image: url(../img/bloco02_bg_mobile_01.jpg);
    }
    div#bloco02 .bgSlideAtivo{
        background-image: url(../img/bloco02_bg_mobile_01.jpg);
    }
    #bloco02 .menu {
        top: 27.256vw;
        left: 0;
        width: 100%;
        justify-content: center;
    }
    #bloco02 .menu-slide {
        margin-right: 3.590vw !important;
        margin-left: 3.590vw !important;
        height: 12.692vw;
    }
    /* BLOCO 03 */
    div#bloco03 {
        min-height: 188.462vw;
        margin-top: -1px !important;
    }
    #bloco03 .menu {
        position: absolute;
        top: 6.154vw;
        left: 0;
        width: 100%;
        justify-content: center;
    }
    #bloco03 .menu-slidevideo {
        margin-right: 1.282vw !important;
        margin-left: 1.282vw !important;
        width: 3.333vw;
        height: 3.333vw;
    }
    #bloco03 .content-slidevideo .video-item {
        position: absolute;
        top: 12.821vw;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 75.128vw;
    }
    #bloco03 .content-slidevideo .video-item .btn-play {
        width: 20.513vw;
        height: 20.513vw;
    }
    #bloco03 .content-slidevideo .video-item .btn-play img{
        width: 8.205vw;
        height: 9.359vw;
    }
    #bloco03 .content-slidevideo .video-container .videoBlock {
        height: 23%;
        width: 84%;
        margin-bottom: 70%;
    }
    #bloco03 .content-slidevideo .video-container .fechar {
        top: 16%;
        right: 6%;
    }
    #bloco03 .content-slidevideo .video-container .fechar img{
        width: 7.051vw;
        height: 7.051vw;
    }
    /* BLOCO 04 */
    div#bloco04 {
        min-height: 202.564vw;
        margin-top: -1px !important;
    }
    /* BLOCO 05 */
    div#bloco05 {
        min-height: 182.051vw;
    }
    /* BLOCO 06 */
    div#bloco06 {
        min-height: 208.974vw;
        margin-top: -1px !important;
    }
    #bloco06 .menu {
        top: 93.846vw;
        left: 0;
        width: 100%;
        justify-content: center;
    }
    #bloco06 .menu-slidetabela {
        margin-right: 1.282vw !important;
        margin-left: 1.282vw !important;
        width: 3.333vw;
        height: 3.333vw;
    }
    #bloco06 .content-slidetabela {
        position: absolute;
        top: 100.385vw;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 79.231vw;
    }
    /* BLOCO 07 */
    div#bloco07 {
        min-height: 175.641vw;
        margin-top: -1px !important;
    }
    #bloco07 .content .link_ios {
        display: block;
        position: absolute;
        width: 32vw;
        height: 10.5vw;
        top: 114.4vw;
        left: 16.6vw;;
    }
    #bloco07 .content .link_android {
        display: block;
        position: absolute;
        width: 32vw;
        height: 10.5vw;
        top: 114.4vw;
        left: 51.4vw;
    }
    /* BLOCO 08 */
    div#bloco08 {
        min-height: 29.487vw;
    }
}