/* ######  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: 58.333vw;
    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: 58.333vw;
    z-index: 2;
}
#bloco02 .bg{
    position: relative;
}
#bloco02 .bg img{
    width: 100%;
    max-width: 100%;
}
#bloco02 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* BLOCO 03 */
div#bloco03 {
    min-height: 62.500vw;
    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: 57.292vw;
    z-index: 2;
}
#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: 82.292vw;
    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: 56.771vw;
    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: 43.229vw;
    z-index: 2;
}
#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: 25.3vw;
    left: 66vw;
}
#bloco07 .content .link_android {
    display: block;
    position: absolute;
    width: 12vw;
    height: 4vw;
    top: 25.3vw;
    left: 79.08vw;
}
/* BLOCO 08 */
div#bloco08 {
    min-height: 15.104vw;
    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) {
    /* BLOCO 01 */
    div#bloco01 {
        min-height: 1120px;
    }
    /* BLOCO 02 */
    div#bloco02 {
        min-height: 1120px;
    }
    /* BLOCO 03 */
    div#bloco03 {
        min-height: 1200px;
    }
    /* BLOCO 04 */
    div#bloco04 {
        min-height: 1100px;
    }
    /* BLOCO 05 */
    div#bloco05 {
        min-height: 1580px;
    }
    /* BLOCO 06 */
    div#bloco06 {
        min-height: 1090px;
    }
    /* BLOCO 07 */
    div#bloco07 {
        min-height: 830px;
    }
    #bloco07 .content .link_ios {
        width: 236px;
        height: 76.797px;
        top: 485.76px;
        left: 1278px;
    }
    #bloco07 .content .link_android {
        width: 236px;
        height: 76.797px;
        top: 485.76px;
        left: 1530px;
    }
    /* BLOCO 08 */
    div#bloco08 {
        min-height: 290px;
    }
}
@media screen and (max-width: 980px) {
    #containerIsee .bgDesktop{
        display: none;
    }
    #containerIsee .bgMobile{
        display: block;
    }
    /* BLOCO 01 */
    div#bloco01 {
        min-height: 257.692vw;
    }
    /* BLOCO 02 */
    div#bloco02 {
        min-height: 226.923vw;
    }
    /* BLOCO 03 */
    div#bloco03 {
        min-height: 300vw;
    }
    /* BLOCO 04 */
    div#bloco04 {
        min-height: 271.795vw;
    }
    /* BLOCO 05 */
    div#bloco05 {
        min-height: 400vw;
    }
    /* BLOCO 06 */
    div#bloco06 {
        min-height: 182.051vw;
    }
    /* BLOCO 07 */
    div#bloco07 {
        min-height: 182.051vw;
    }
    #bloco07 .content .link_ios {
        display: block;
        position: absolute;
        width: 32vw;
        height: 10.5vw;
        top: 120.4vw;
        left: 16.6vw;;
    }
    #bloco07 .content .link_android {
        display: block;
        position: absolute;
        width: 32vw;
        height: 10.5vw;
        top: 120.4vw;
        left: 51.4vw;
    }
    /* BLOCO 08 */
    div#bloco08 {
        min-height: 89.744vw;
    }
}
