@charset "UTF-8";

#warp * {
    outline-offset: none;
    text-decoration: none;
    border: 0;
    outline: none;
}

#warp article, #warp aside, #warp details, #warp figcaption, #warp figure, #warp footer, #warp header, #warp hgroup, #warp nav, #warp section, #warp summary {
    display: table;
}

#warp audio, #warp canvas, #warp video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

#warp audio:not([controls]) {
    display: none;
    height: 0;
}

#warp [hidden] {
    display: none;
}

#warp html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

* {
    padding: 0;
    outline: 0;
    margin: 0;
    outline: none;
    text-decoration: none;
}

#warp a:focus {
    outline: 0;
}

#warp a:active, a:hover {
    outline: 0;
}

#warp abbr[title] {
    border-bottom: 1px dotted;
}

#warp b, #warp strong {
    font-weight: 700;
}

#warp blockquote {
    margin: 1em 40px;
}

#warp dfn {
    font-style: italic;
}

#warp mark {
    background: #ff0;
    color: #000;
}

#warp code, #warp kbd, #warp pre, #warp samp {
    font-family: monospace,serif;
    font-size: 1em;
}

#warp pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

#warp q {
    quotes: none;
}

#warp q:before, #warp q:after {
    content: '';
    content: none;
}

#warp small {
    font-size: 80%;
}

#warp sub, #warp sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

#warp sup {
    top: -.5em;
}

#warp sub {
    bottom: -.25em;
}

#warp dd {
    margin: 0 0 0 40px;
}

#warp nav ul, #warp nav ol, #warp li {
    list-style: none;
    list-style-image: none;
}

#warp img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    display: table;
    max-width: 100%;
}

#warp svg:not(:root) {
    overflow: hidden;
}

#warp figure {
    margin: 0;
}

#warp * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#warp *, #warp :before, #warp :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#warp {
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    position: relative;
    overflow: hidden;
}

#warp section {
    display: table;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 5vw;
}

#warp section header h2 {
    font-family: 'Samsung Sharp Sans';
    font-weight: 900;
    font-style: normal;
}

#warp section h3 {
    font-family: 'Samsung Sharp Sans';
    font-weight: 900;
    font-style: normal;
    text-align: center;
}

#warp section p {
    font-family: 'SamsungOne 300';
    font-weight: 300;
    font-style: normal;
}

#warp section .txt__center {
    text-align: center;
    width: 100%;
}

#warp section .txt__bottom {
    text-align: center;
    display: table;
}

#warp section .margin__auto {
    display: table;
    margin: 0 auto 0;
}

#warp section .header__bottom {
    padding-top: 3vw;
}

/*
    ## COLUNA (A) ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/

#warp .col__samsgung__a {
    background: url("../images/01.jpg") left top no-repeat;
    height: 54vw;
    background-size: cover;
}

#warp .col__samsgung__a .txt__center {
    float: left;
    display: table;
    width: auto;
    padding-left: 2vw;
    padding-top: 2vw;
}

#warp .col__samsgung__a .txt__center .img__a {
    float: left;
    width: 12vw;
    max-width: 13vw;
}

#warp .col__samsgung__a .txt__center h2 {
    float: left;
    font-size: 2.5vw;
    line-height: 1vw;
    padding-top: 0.50vw;
    padding-left: 3vw;
}

/*
    ## COLUNA (M) ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
#warp .col__samsgung__c article {
   
}

#warp .col__samsgung__c article figure {
    display: table;
    float: left;
    /*margin-right: 8vw;
    width: 22vw;*/
}

#warp .col__samsgung__c article figure:nth-child(2) {
    margin-top: 20vw;
}

#warp .col__samsgung__c article figure:last-child {
    margin-right: 0;
}

/*
    ## COLUNA (D) ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
#warp .col__samsgung__d {}

#warp .col__samsgung__d figure {
}

/*
    ## COLUNA (H) ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
#warp .col__samsgung__h article {
    margin-top: 40px;
}

#warp .col__samsgung__h article ul {
    padding-bottom: 4vw;
}

#warp .col__samsgung__h article ul li {
    display: table;
    float: left;
    width: 180px;
    height: 120px;
    margin-right: 10px;
}

#warp .col__samsgung__h article ul li a {
    display: table;
    text-indent: -999999px;
    width: 100%;
    position: relative;
    height: 100%;
}

#warp .col__samsgung__h article ul .bt__um a {
    background: url("../images/bt__foco__dinamico__ligado.png") center top no-repeat;
}

#warp .col__samsgung__h article ul .bt__um.bt__active a {
    background: url("../images/bt__foco__dinamico__ligado__active.png") center top no-repeat;
}

#warp .col__samsgung__h article ul .bt__do a {
    background: url("../images/bt__foco__dinamico__desligado__active.png") center top no-repeat;
}

#warp .col__samsgung__h article ul .bt__do.bt__active a {
    background: url("../images/bt__foco__dinamico__desligado.png") center top no-repeat;
}

#warp .col__samsgung__h div figure {
    display: none;
}

#warp .col__samsgung__h div .activ {
    display: block;
}

/*
    ## COLUNA (E) ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
#warp .col__samsgung__e article {
    margin-top: 40px;
}

#warp .col__samsgung__e article ul {
    padding-bottom: 4vw;
}

#warp .col__samsgung__e article ul li {
    display: table;
    float: left;
    width: 180px;
    height: 120px;
    margin-right: 10px;
}

#warp .col__samsgung__e article ul li a {
    display: table;
    text-indent: -999999px;
    width: 100%;
    position: relative;
    height: 100%;
}

#warp .col__samsgung__e article ul .bt__um a {
    background: url("../images/wide/wide-nao-ativo.jpg") center top no-repeat;
}

#warp .col__samsgung__e article ul .bt__um.bt__active a {
    background: url("../images/wide/wide-ativo.png") center top no-repeat;
}

#warp .col__samsgung__e article ul .bt__do a {
    background: url("../images/wide/utra-wide-nao-ativo.png") center top no-repeat;
}

#warp .col__samsgung__e article ul .bt__do.bt__active a {
    background: url("../images/wide/utra-wide-ativo.jpg") center top no-repeat;
}

#warp .col__samsgung__e div figure {
    display: none;
    width: 54vw;
}

#warp .col__samsgung__e div .activ {
    display: block;
}

/*
    ## COLUNA (M) ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
#warp .col__samsgung_m {
    height: 66vw;
}

#warp .col__samsgung_m img {
    
}

#warp .col__samsgung_m .img__bottom_zero {
    bottom: 19vw;
}

#warp .col__samsgung_m .img__samsung__a__d {
    left: 25.8vw;
    z-index: 1;
    bottom: 5vw;
    width: 45.699999vw;
}

#warp .col__samsgung_m .img__samsung__a__e {
    left: 2vw;
}

#warp .col__samsgung_m .img__samsung__a__f {
    left: 17vw;
}

#warp .col__samsgung_m .img__samsung__a__g {
    left: 32.5vw;
}

#warp .col__samsgung_m .img__samsung__a__h {
    left: 55.5vw;
}

#warp .col__samsgung_m .img__samsung__a__i {
    right: 16.9vw;
}

#warp .col__samsgung_m .img__samsung__a__j {
    right: 2vw;
}

#warp .col__samsgung_m .txt__bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/*
    ## COLUNA (L) ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
#warp .col__samsgung_l .margin__auto {
    padding-top: 28%;
    position: relative;
}

#warp .col__samsgung_l .margin__auto:after {
    content: "";
    position: absolute;
    left: 0;
    height: 59%;
    bottom: 240px;
    width: 100%;
    background: url(../images/img__samsung__a__b.png) 0 0 no-repeat;
}

#warp .col__samsgung_l .margin__auto:before {
    content: "";
    position: absolute;
    left: 0;
    height: 59%;
    bottom: 240px;
    width: 0;
    background: url(../images/img__samsung__a__c.png) 0 0 no-repeat;
    z-index: 1;
    transition: 3s ease-in-out;
    opacity: 0;
}

#warp .col__samsgung_l .anima_ai:before {
    width: 100%;
    opacity: 1;
}

#warp .col__samsgung_l .margin__auto span {
    font-family: 'Samsung Sharp Sans';
    font-weight: 900;
    font-style: normal;
    font-size: 11vw;
    position: absolute;
    width: 100%;
    top: 17.3vw;
    text-align: center;
    text-indent: -5vw;
}

#warp .col__samsgung_l .margin__auto p{
    font-family: 'Samsung Sharp Sans';
    font-weight: 900;
    font-style: normal;
    font-size: 1.7vw;
    position: absolute;
    top: 29vw;
    width: 100%;
    text-align: center;
    text-indent: 31vw;
}

#warp .col__samsgung_l .margin__auto i {
    font-family: 'Samsung Sharp Sans';
    font-weight: 900;
    font-style: normal;
    font-size: 3vw;
    position: absolute;
    width: 100%;
    top: 25.1vw;
    text-align: center;
    text-indent: 31vw;
    right: 0;
}

#warp .col__samsgung_l .margin__auto .img__samsung__w {
    position: relative;
    z-index: 999999;
}

#warp .col__samsgung_l .margin__auto div {
    position: absolute;
    top: 190px;
    left: 550px;
}

#warp .col__samsgung_l .margin__auto div:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 0;
    height: 29px;
    background-color: rgb(0, 245, 91);
    border-radius: 5px;
    transition: 3s ease-in-out;
    opacity: 0;
}

#warp .col__samsgung_l .anima_ai div:after {
    width: 82%;
    opacity: 1;
    background-color: #4cf468;
}

/*
    ## COLUNA (L|A) ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
#warp .col__samsgung_i_a {
    height: 59.5vw;
    margin-bottom: 0;
}

#warp .col__samsgung_i_a .img__samsung__a__m {
    margin: 7vw auto 0;
}

#warp .col__samsgung_i_a .img__samsung__a__n {
    position: absolute;
    width: 7.5vw;
    left: 46%;
    top: 21vw;
}

#warp .col__samsgung_i_a .img__samsung__a__l {
    position: absolute;
    bottom: -2.5vw;
    right: 22.7vw;
    transition: 3s ease-in-out;
    width: 26.5vw;
}

#warp .col__samsgung_i_a .img__samsung__a__l.anima_ai {
    right: 26.65vw;
}

/*
    Coluna Sansung (Rodapé)
    11/06/2019 - Junho
    digi.ag
*/
#warp .col__rodape {
    display: table;
    width: 100%;
    background-color: #000;
}

#warp .col__rodape .flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#warp .col__rodape .flex-container p {
    font-family: 'SamsungOne 400';
    font-weight: 400;
    font-style: normal;
    float: left;
    color: #fff;
    display: table;
}

#warp .col__rodape .flex-container p a {
    color: #03A9F4;
}

#warp .col__rodape .flex-container .img__sansgung_a {
    float: left;
}

#warp .col__rodape .flex-container .img__sansgung_b {
    float: right;
}

/*
    Responsivo (480px)
    11/06/2019 - Junho
    digi.ag
*/
@media (max-width: 480px) {
    #warp section header h2 {
        padding: 5vw 0 5vw;
        font-size: 8.5vw;
        line-height: 11vw;
        width: 90%;
        margin: 0 auto;
    }

    #warp section header h2 br {
        display: none;
    }

    #warp section header p {
        line-height: 6vw;
        width: 90%;
        font-size: 3.5vw;
        margin: 0 auto 0;
    }

    #warp section .header__bottom {
        padding-top: 13vw;
    }

    #warp section .txt__bottom {
        font-size: 2.8vw;
        line-height: 4.5vw;
        padding-right: 5vw;
        padding-left: 5vw;
        width: 100%;
        text-align: center;
        padding-top: 10vw;
    }

    #warp section .txt__bottom br {
        display: none;
    }

    /*
        Coluna Sansung (a)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung__a {
    height: 60vw;
    background-size: cover;
    background-position: center bottom;
}

    #warp .col__samsgung__a .txt__center .img__a {
        width: 25vw;
        max-width: 25vw;
        float: left;
    }

    #warp .col__samsgung__a .txt__center h2 {
        font-size: 4.7vw;
        line-height: 0;
        padding: 0;
        width: 100%;
        text-align: right;
        padding-top: 8vw;
        float: none;
    }

    #warp .col__samsgung__a .txt__center {
        padding: 4vw;
        padding-left: 8vw;
    }

    /*
        Coluna Sansung (e)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung__e div figure {
        width: 80vw;
        margin: 3vw auto 0;
    }

    #warp .col__samsgung__e article ul li {
        width: 29vw;
        height: 32vw;
    }

    #warp .col__samsgung__e article ul .bt__um a {
        background-size: 20vw;
    }

    #warp .col__samsgung__e article ul .bt__um.bt__active a {
        background-size: 20vw;
    }

    #warp .col__samsgung__e article ul .bt__do a {
        background-size: 28vw;
    }

    #warp .col__samsgung__e article ul .bt__do.bt__active a {
        background-size: 28vw;
    }

    /*
        Coluna Sansung (d)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung__d figure {
        width: 80vw;
    }

    /*
        Coluna Sansung (f)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung__f {}

    #warp .col__samsgung__f figure {
        width: 80vw;
        margin: 10vw auto 0;
    }

    /*
        Coluna Sansung (g)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung__g {}

    #warp .col__samsgung__g figure {
        width: 80vw;
        margin: 0 auto;
    }

    /*
        Coluna Sansung (h)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung__h div figure {
        width: 80vw;
        margin: 0 auto 0;
    }

    #warp .col__samsgung__h article ul li {
        width: 35vw;
    }

    #warp .col__samsgung__h article ul .bt__um a {
        background-size: 29vw;
    }

    #warp .col__samsgung__h article ul .bt__um.bt__active a {
        background-size: 29vw;
    }

    #warp .col__samsgung__h article ul .bt__do a {
        background-size: 34.5vw;
    }

    #warp .col__samsgung__h article ul .bt__do.bt__active a {
        background-size: 34.5vw;
    }

    /*
        Coluna Sansung (f)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung__f {}

    #warp .col__samsgung__f figure {
        width: 80vw;
        margin: 0 auto;
    }

    /*
        Coluna Sansung (g)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung__i {}

    #warp .col__samsgung__i figure {
        width: 80vw;
        margin: 0 auto;
    }

    /*
        Coluna Sansung
        11/06/2019 - Junho
        digi.ag
    */
    #warp .samsung figure {
        padding-top: 10vw;
    }

    /*
        Coluna Sansung (f)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung_f figure {
        padding-top: 10vw;
    }

    /*
        Coluna Sansung (g)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung_g figure {
        padding-top: 10vw;
        width: 80vw;
    }

    /*
        Coluna Sansung
        11/06/2019 - Junho
        digi.ag
    */

    #warp .col__samsgung_m {
        height: 150vw;
    }

    #warp .col__samsgung_m img {
        /* width: 12%; */
        width: 68%;
        margin: 0 auto 7rem;
    }

    #warp .col__samsgung_m .img__samsung__a__d {
        width: 49%;
        bottom: 23vw;
        left: 25vw;
    }

    #warp .col__samsgung_m .img__bottom_zero {
        bottom: 35vw;
    }

    #warp .col__samsgung_l .margin__auto {
        padding-top: 55vw;
    }

    #warp .col__samsgung_l .margin__auto span {
        bottom: 23.8vw;
        top: initial;
        font-size: 17vw;
        text-indent: -10vw;
    }

    /*
        Coluna Sansung (L)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__samsgung_l .margin__auto:before {
        left: 0;
        width: 100%;
        bottom: 14vw;
        background-size: 100%;
    }

    #warp .col__samsgung_l .margin__auto:after {
        left: 0vw;
        background: url(../images/img__samsung__a__b__mobile.png) 0 0 no-repeat;
        background-size: 100%;
        width: 100%;
        bottom: 14vw;
    }

    #warp .col__samsgung_l .margin__auto div {
        top: 30vw;
        left: 44.5vw;
        width: 11vw;
    }

    #warp .col__samsgung_l .margin__auto div:after {
        height: 4.28vw;
        top: .75vw;
        left: .9vw;
        border-radius: 1px;
    }

    #warp .col__samsgung_l .anima_ai div:after {
        width: 80%;
    }

    #warp .col__samsgung_l .margin__auto i {
        right: 0;
        font-size: 4vw;
        text-indent: 45vw;
        top: 51vw;
    }

    /*
        Coluna Sansung (IA)
        11/06/2019 - Junho
        digi.ag
    */

    #warp .col__samsgung_i_a {
        height: 123vw;
    }

    #warp .col__samsgung_i_a .img__samsung__a__l {
        width: 26%;
        z-index: 9;
    }

    #warp .col__samsgung_i_a .img__samsung__a__l.anima_ai {
        right: 27.755vw;
    }

    #warp .col__samsgung_i_a .img__samsung__a__m {
        position: absolute;
        bottom: 0;
    }

    #warp .col__samsgung_i_a .img__samsung__a__n {
        bottom: 30vw;
        top: initial;
        z-index: 9;
    }

    /*
        Coluna Sansung (Rodapé)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__rodape {
        padding: 10vw;
    }
}

/*
    ## Responsivo 768 ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
@media (max-width: 768px) {
    #warp section header p br {
        display: none;
    }

    /*
        Coluna Sansung (rodapé)
        11/06/2019 - Junho
        digi.ag
    */
    #warp .col__rodape .flex-container {
        flex-direction: column-reverse;
    }

    #warp .col__rodape .flex-container p {
        margin: 7vw auto 6vw;
        width: 63%;
        text-align: center;
    }
}

/*
    ## Responsivo 481 and 768 ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
@media (min-width: 481px) and (max-width: 768px) {
    #warp section header h2 {
        font-size: 6vw;
        width: 90%;
        margin: 0 auto;
    }

    #warp section header h2 br {
        display: none;
    }

    #warp section h3 {
        margin-top: 2vw;
    }

    #warp section header p {
        width: 80%;
        margin: 3vw auto 1vw;
        line-height: 5vw;
        font-size: 2.15vw;
    }

    #warp section .txt__bottom {
        width: 90%;
        margin: 3vw auto 0;
        font-size: 1.7vw;
    }

    /*
        ## Coluna Rodapé ## 
        ## 07/03 ## 
        ## digi.ag ## 
    */
    #warp .col__rodape {
        padding: 5vw;
    }

    #warp .col__rodape .flex-container p {
        font-size: 2vw;
    }

    #warp .col__rodape .flex-container p a {
        display: table;
        margin: 0 auto;
    }
}

/*
    ## Responsivo 769 and 1024 ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
@media (max-width: 1024px) and (min-width: 769px) {
    #warp section header h2 {
        font-size: 5vw;
        width: 90%;
        margin: 0 auto;
        line-height: 5vw;
    }

    #warp section header h2 br {
        display: none;
    }

    #warp section header p {
        width: 90%;
        margin: 4vw auto 0;
        line-height: 3vw;
        font-size: 1.7vw;
    }

    #warp section header p br {
        display: none;
    }

    #warp section .txt__bottom {
        width: 90%;
        margin: 3vw auto 0;
        font-size: 1.1vw;
    }

    /*
        ## Coluna Rodapé ## 
        ## 11/06 ## 
        ## digi.ag ## 
    */
    #warp .col__rodape {
        padding: 3vw;
    }

    #warp .col__rodape .flex-container p {
        font-size: 1.3vw;
    }
}

/*
    ## Responsivo 1024 ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
@media (min-width: 1025px) {
    #warp section header h2 {
        font-size: 4vw;
        line-height: 4.5vw;
        padding-bottom: 2vw;
    }

    #warp section header p {
        line-height: 1.50vw;
        font-size: 0.99vw;
    }

    #warp section .txt__bottom {
        font-size: 0.80vw;
        width: 100%;
        padding-top: 3vw;
        line-height: 1.1vw;
    }

    /*
        ## Coluna Rodapé ## 
        ## 11/06 ## 
        ## digi.ag ## 
    */
    #warp .col__rodape {
        padding: 2vw;
    }
}

/*
    ## Responsivo 1025 and 1520 ## 
    ## 07/03 ## 
    ## digi.ag ## 
*/
@media (min-width: 1025px) and (max-width: 1520px) {
    #warp section header p {
        font-size: 1.2vw;
        line-height: 2vw;
        width: 90%;
        margin: 0 auto;
    }

    #warp header p br {
        display: none;
    }

    /*
        ## Coluna Rodapé ## 
        ## 07/03 ## 
        ## digi.ag ## 
    */
    #warp .col__rodape .flex-container p {
        font-size: 1vw;
    }
    
    #warp .col__samsgung_m{
            height: 75vw;
    }

    #warp .col__samsgung_m .img__samsung__a__d {
        width: 45vw;
    }

    #warp .col__samsgung_m .img__bottom_zero{
        width: 12vw;
    }

    #warp .col__samsgung_l .margin__auto{
        padding-top: 36vw;
    }

    #warp .col__samsgung_l .margin__auto span{
        top: 25.3vw;
    }

    #warp .col__samsgung_l .margin__auto i{
            top: 33.1vw;
    }
}

@media (min-width: 1521px) {
    #warp .col__rodape .flex-container p {
        font-size: 0.80vw;
    }
}