/* GERAL */

@font-face {
    font-family: 'SamsungOne';
    src: url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.eot);
    src: url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype"), url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.woff2) format("woff2"), url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.woff) format("woff"), url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
    }
    
    @font-face {
    font-family: 'SamsungOne';
    src: url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-700.eot);
    src: url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype"), url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-700.woff2) format("woff2"), url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-700.woff) format("woff"), url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-700.ttf) format("truetype");
    font-weight: bold;
    font-style: normal
    }
    
    @font-face {
    font-family: 'SamsungSharpSans';
    src: url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungSharpSansBd.eot);
    src: url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungSharpSansBd.eot?#iefix) format("embedded-opentype"), url(https://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungSharpSansBd.woff) format("woff");
    font-weight: bold;
    font-style: normal
    }
    
    html {
      scroll-behavior: smooth;
    }
    
    body {
        margin: 0;
    }
    
    .wrapperSamsung {
        font-family: SamsungOne, sans-serif;
        background: #fff;
        color: #000;
        max-width: 100%;
        margin: auto;
        overflow: hidden;
    }
    
    .wrapperSamsung p {
        font-weight: 400;
        margin: 0;
        font-size: calc(6px + 1vw);
        line-height: calc(14px + 1vw);
    }
    
    .wrapperSamsung h2, .wrapperSamsung h3 {
        font-family: SamsungSharpSans, sans-serif;
    }
    
    .wrapperSamsung h3 {
        margin: 0 0 7%;
        font-size: calc(24px + 1vw);
        line-height: calc(30px + 1vw);
    }
    
    .wrapperSamsung h3 sup {
        vertical-align: super;
        font-size: .75em;
    }
    
    .wrapperSamsung h4 {
        font-weight: 700;
        margin: 0 0 7%;
        font-size: calc(8px + 1vw);
        line-height: calc(16px + 1vw);
    }
    
    .wrapperSamsung h4 sup {
        vertical-align: super;
        font-size: .75em;
    }
    
    .wrapperSamsung .containerSamsung {
        overflow: hidden;
        max-width: 85%;
        padding: calc(20px + 1%) 15px;
    }
    
    #hdr-samsung .containerSamsung {
        overflow: visible;
    }
    
    .btn-samsung, .btn-samsung:hover {
        cursor: pointer;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .1em;
        font-size: calc(12px + 1vw);
        color: #000;
        padding: calc(6px + 1vw) calc(15px + 1vw);
        border: 2px solid #000;
        border-radius: 50px;
        display: block;
        float: left;
        text-decoration: none;
    }
    
    button.btn-samsung {
        background: #000;
    }
    
    input {
        display: none;
    }
    
    /* HEADER */
    #header-samsung {
        display: none;
    }
    
    #intro-samsung {
        background: url(../img/intro-samsung.jpg) center top no-repeat;
        background-size: cover;
        height: 0;
        padding-bottom: 49%;
    }
    
    /* MENU */

#menu-samsung {
    background: #000;
    text-align: center;
    /* padding: 1.5% 0 0; */
}

#menu-samsung .containerSamsung {
    padding: 0;
}

#menu-samsung a {
    display: block;
    padding: 10% 0 20%;
    color: #fff;
    text-decoration: none;
}

#menu-samsung .colSamsung-3 {
    opacity: .75;
    transition: opacity .3s ease-in-out 0s;
}

#menu-samsung .colSamsung-3:hover {
    opacity: 1;
}
#menu-samsung img {
    width: 100%;
    max-width: 200px;
}

/*legenda tv */
    #legenda-tv-samsung{
        background-color: #dedede;
        color: #929191;
        text-align: center;
        padding: 2.5% 0 0 0%;
    }
    
    #legenda-tv-samsung h3{
        font-size: calc(17px + 1vw);
    }
    
    #legenda-tv-samsung .containerSamsung{
        padding: 0;
    }

 #hd-text{
    position: absolute;
    top: 10%;
    left: 10%;

}

#fhd-text{
    position: absolute;
    top: 10%;
    left: 10%;
    width: 20%;

}

.img-mobile{
    display: none ;
    width: 100%;
    margin-top: 10%;
}

/* qled-samsung */

#qled-samsung .colSamsung-md-6 {  
    margin: auto;
}

#qled-samsung .containerSamsung{
    padding: calc(20px + 4%) 0 5% 15px;
}

#anima-qled-samsung {
    position: relative;
    height: 0;
    padding-bottom: 60%;
}

#anima-qled-samsung img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease-in-out 0s;
}

#anima-qled-samsung img:nth-of-type(2), 
#anima-qled-samsung img:nth-of-type(3) {
    opacity: 0;
    visibility: hidden;
}

.range-2-samsung {
    position: relative;
    margin-top: 63% !important;
}

#range-2-a-samsung-input:checked ~ img:nth-of-type(3),
#range-2-a-samsung-input:checked ~ img:nth-of-type(2),
#range-2-b-samsung-input:checked ~ img:nth-of-type(2){
    opacity: 1 !important;
    visibility: visible !important;
    transition: all .5s ease-in-out 0s;
}

#range-2-a-samsung, #range-2-b-samsung, #range-2-c-samsung {
    height: 1vw;
    width: 1vw;
    background: url(../img/desativado.png) center no-repeat;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin: -1% 0;
    z-index: 999;
    left: 14%;
}

#range-2-a-samsung-input:checked ~ #range-2-a-samsung, 
#range-2-b-samsung-input:checked ~ #range-2-b-samsung, 
#range-2-c-samsung-input:checked ~ #range-2-c-samsung {
    background: url(../img/ativado.png) center no-repeat;
    background-size: contain;
}

.range-2-barra-samsung {
    background: #000;
    height: 1px;
    width: 31%;
    display: inline-block;
    z-index: 9;
    position: relative;
    left: 14%;
}

#range-2-a-samsung::after {
    display: block;
    content: "70%";
    position: absolute;
    font-size: calc(6px + 1vw);
    top: 160%;
    left: -30%;
}

#range-2-c-samsung::after {
    display: block;
    content: "100%";
    font-size: calc(6px + 1vw);
    position: absolute;
    top: 160%;
    left: -25%;
}

#range-2-a-samsung-input:checked ~ #range-2-a-samsung::after, 
#range-2-c-samsung-input:checked ~ #range-2-c-samsung::after {
    font-weight: bold;
}

/* processador */
#processador-samsung img {  
    width:100%;
}

#processador-samsung .colSamsung-md-5 {  
    margin: auto;
}


/* quantum */
#quantum-samsung img {  
    width:100%;
}

#quantum-samsung .colSamsung-md-5 {  
    margin: auto;
}

/* burnin */
#burnin-samsung img {  
    width:100%;
}

#burnin-samsung .colSamsung-md-5 {  
    margin: auto;
}

/* cabos */
#cabos-samsung {
    background-color: #f7f7f7;
}
#cabos-samsung .containerSamsung {
    max-width: 100%;
    padding-left: 0;
    padding-top: calc(20px + 4%);
}

#cabos-samsung img {
    width: 100%;
}


#cabos-samsung .colSamsung-md-5 {  
    margin: auto;
}


/* MODO */
#modo-samsung {
   background-color: #f7f7f7
}
#modo-samsung .containerSamsung {
    max-width: 100%;
    padding-right: 0;
    padding-bottom: calc(20px + 3%);
}

#modo-samsung .colSamsung-md-4 {
    margin: auto;
}

#modo-samsung img {
    width: 100%;
}

/* tela infinita samsung */
#tela-infinita-samsung{
    text-align: center;
    background-color: #f7f7f7;
}
#tela-infinita-samsung .colSamsung-md-8 {
    margin: auto;
}
#tela-infinita-samsung .containerSamsung{
    padding: calc(20px + 4%) 14%;
}

#anima-tela-infinita-samsung{
    background: url('../img/tela-infinita.jpg') no-repeat top left;
    background-size: cover;
    height: 0;
    padding-bottom: 50%;
    position: relative;
}

#anima-tela-infinita-samsung img{
    width: 63%;
    position: absolute;
    top: 10%;
    left: 19%;
    animation: opacity-tv 10s infinite;
    opacity: 0%;
}

@keyframes opacity-tv{
    0%{

        opacity: 0%;
    }
    40%,70%{
        opacity: 100%;
    }
    100%{
        opacity: 0%;
    }
}
/* cabos-escondidos */
#cabos-escondidos-samsung{
    position: relative;
    height: 0;
    background: url(../img/cabos-escondidos.jpg) no-repeat top left;
    background-size: cover;
    padding-bottom:56.6%;
}

#anima-cabos-escondidos-samsung{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#anima-cabos-escondidos-samsung img:nth-child(1){
    position: absolute;
    width: 76%;
    top: 60%;
    left: -8%;
    transform: scale( 0.5);
   animation: feixe 7s infinite;  
}

#anima-cabos-escondidos-samsung img:nth-child(2){
    position: absolute;
    width: 18%;
    top: 59%;
    left: 39.4%;
    transform: scale( 0.5);
  animation: zoom 7s infinite; 
}

@keyframes feixe{
    0%{
        width: 76%;
        top: 60%;
        left: -8%;    
        transform: scale( 0.5);
        opacity: 0;
    }
    30%,60%{
        width: 76%;
        top: 58.8%;
        left: 11%;
        transform: scale(1);
        opacity: 0.5;
    }
    100%{
        width: 76%;
        top: 60%;
        left: -8%;    
        transform: scale( 0.5);
        opacity: 0;
    }
}

@keyframes zoom{
    0%{
        width: 18%;
        top: 59%;
        left: 39.4%;
        transform: scale( 0.5);
        opacity: 0;
    }
    30%,60%{
        width: 18%;
        top: 58%;
        left: 78%;
        transform: scale(1);
        opacity: 1;
    }
    100%{
        width: 18%;
        top: 59%;
        left: 39.4%;
        transform: scale( 0.5);
        opacity: 0;
    } 
}

/* COMANDOS */

#comandos-samsung .colSamsung-md-5, #comandos-samsung .colSamsung-md-6 {
    margin: auto;
}

#comandos-samsung .containerSamsung {
    padding-top: calc(20px + 3%);
}

#anima-comandos-samsung {
    background: url(../img/comandos-bg-samsung.jpg) top center no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 74.6%;
    position: relative;
}

#pulso-container-1 {
    overflow: hidden;
    width: 57.5%;
    height: 77.5%;
    position: absolute;
    top: 0;
    left: 0;
}

.pulso1 {
    display: block;
    height: 100%;
}

.pulso1:before {
    content: "";
    display: block;
    bottom: -150px;
    right: -150px;
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,247,255,0) 0%, rgba(0,247,255,0) 60%, rgba(0,247,255,.75) 65%, rgba(0,247,255,.90) 70%);
    width: 300px;
    height: 300px;
    opacity: .75;
    animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32) backwards;
}

.pulso1:after {
    content: "";
    display: block;
    bottom: -150px;
    right: -150px;
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,247,255,0) 0%, rgba(0,247,255,0) 60%, rgba(0,247,255,.75) 65%, rgba(0,247,255,.90) 70%);
    width: 300px;
    height: 300px;
    opacity: .75;
    animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32) backwards;
    animation-delay: 1s;
}

.pulso2:before {
    content: "";
    display: block;
    bottom: -150px;
    right: -150px;
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,247,255,0) 0%, rgba(0,247,255,0) 60%, rgba(0,247,255,.75) 65%, rgba(0,247,255,.90) 70%);
    width: 300px;
    height: 300px;
    opacity: .75;
    animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32) backwards;
    animation-delay: 2s;
}

.pulso2:after {
    content: "";
    display: block;
    bottom: -150px;
    right: -150px;
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,247,255,0) 0%, rgba(0,247,255,0) 60%, rgba(0,247,255,.75) 65%, rgba(0,247,255,.90) 70%);
    width: 300px;
    height: 300px;
    opacity: .75;
    animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32) backwards;
    animation-delay: 3s;
} 

@keyframes scaleIn {
from {
    transform: scale(0, 0);
    opacity: 1;
}

to {
    transform: scale(2.5, 2.5);
    opacity: 0;
}
}

/*controle */

#controle-samsung .containerSamsung {
    max-width: 100%;
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
}

#controle-samsung img {
    width: 100%;
}

#controle-samsung .colSamsung-md-6 {
    padding: 0;
}

#controle-samsung .colSamsung-md-4 {
    margin-top: auto;
    margin-bottom: auto;
}

#anima-controle-samsung img {
    width: 15%;
    position: absolute;
    animation: botoes-controle 10s linear 0s infinite alternate backwards;
}

#anima-controle-samsung img:nth-of-type(1) {
    bottom: 23%;
    left: 44%;
    animation-delay: 0s;
}

#anima-controle-samsung img:nth-of-type(2) {
    right: 12%;
    bottom: 32%;
    animation-delay: -5s;
}

#anima-controle-samsung img:nth-of-type(3) {
    right: 30.5%;
    bottom: 4%;
    animation-delay: -5s;
}

@keyframes botoes-controle {
0% {
    transform: scale(.60);
}

50% {
    transform: scale(.40);
}

100% {
    transform: scale(.60);
}
}

/* casa-inteligente samsung */
#casa-inteligente-samsung{
    text-align: center;
}

#casa-inteligente-samsung .colSamsung-md-11 {
    margin: auto;
}

#casa-inteligente-samsung h3, #casa-inteligente-samsung h4 {
    margin: 0 0 4%;
}

#casa-inteligente-samsung p{
    padding: 0px 10% 0 10%;
}

#anima-casa-inteligente-samsung{
    background: url('../img/casa-inteligente.jpg') top left no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 45%;
    position: relative;
}

#anima-casa-inteligente-samsung img{
    width: 5%;
    position: absolute;
    top: 0;
    left: 0;
    animation: scale 5s infinite;
}

#anima-casa-inteligente-samsung img:nth-child(1){
    width: 3.5%;
    top: 45.3%;
    left: 3.3%;
    animation-delay: 0s;
}

#anima-casa-inteligente-samsung img:nth-child(2){
    width: 3.7%;
    top: 20.5%;
    left: 32.2%;
    animation-delay: 1s;
}

#anima-casa-inteligente-samsung img:nth-child(3){
    width: 3.6%;
    top: 86.5%;
    left: 31.4%;
    animation-delay: 2s;
}

#anima-casa-inteligente-samsung img:nth-child(4){
    width: 3.8%;
    top: 4.4%;
    left: 82.7%;
    animation-delay: 3s;
}

#anima-casa-inteligente-samsung img:nth-child(5){
    width: 3.7%;
    top: 44.6%;
    left: 80.8%;
    animation-delay: 4s;
}

@keyframes scale{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.4);
    }
    100%{
        transform: scale(1);
    }
}

/* MULTITELA */
#multi-samsung .containerSamsung {
    max-width: 100%;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#multi-samsung .colSamsung-md-4 {
    margin:auto;
}

#anima-multi-samsung {
    background: url(../img/multitela-1-samsung.png) top center no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 51.5%;
    position: relative;
    overflow: hidden;
}

#anima-multi-samsung > img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 1s all ease-in-out;
}

#show-multi:checked ~ #anima-multi-samsung > img {
    opacity: 1;
} 

#show-multi:checked ~ #anima-multi-samsung label img{
    opacity: 0;
} 

#anima-multi-samsung label {
    cursor: pointer;
    position: absolute;
    width: 29%;
    height: 25%;
    right: 11.4%;
    bottom: 6.5%;
}

#anima-multi-samsung label img{
    max-width: 32%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    animation: anima-multi-samsung 1s ease-in-out infinite alternate-reverse;
    transition: opacity .5s ease-in-out 0s;
} 

@keyframes anima-multi-samsung {
from {
    border: 10px solid rgba(0,247,255,.90);
}

to {
    border: 30px solid rgba(0,247,255,.45);
}
}

/* galeria */

#galeria-samsung {
    text-align: center;
}
#galeria-samsung .colSamsung-md-6 {
    margin: auto;
}
.masonry-samsung { /* Masonry container */
  column-count: 3;
  column-gap: 1em;
}

.item-samsung { /* Masonry bricks or child elements */
  display: inline-block;
  margin: 0 0 0.5em;
  width: 100%;
  overflow: hidden;
}

.item-samsung img {
    width: 100%;
}

.item-samsung img:hover {
    animation: scale 1s;
}

@keyframes scale {
    100% {
        transform: scale(1.5);
    }
}

/* Masonry on large screens */
@media only screen and (min-width: 1024px) {
  .masonry-samsung {
    column-count: 3;
  }
}

/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry-samsung {
    column-count: 3;
  }
}

/* Masonry on small screens */
@media only screen and (max-width: 767px) {
  .masonry-samsung {
    column-count: 2;
    margin-bottom: 0%;
  }
}
    

    /* FOOTER */
    
    #footer-samsung {
        background: #000;
        color: #fff;
    }
    
    #footer-samsung .containerSamsung {
        padding: calc(20px + 2%) 15px;
    }
    
    #footer-samsung p {
        text-align: justify;
        font-size: calc(5px + 0.3vw);
        line-height: calc(3px + 0.8vw);
    }
    
    #footer-samsung img {
        float: left;
        margin-right: 14px;
        margin-bottom: 5px;
        width: 95px;
    }
    
    /* RESPONSIVO */
    

        @media (min-width: 768px) {
            .mobile {
                display: none;
            }
        }
    @media (max-width: 767.98px) {
        .wrapperSamsung .containerSamsung {
            text-align: center;
        }

        #processador-samsung .containerSamsung {
           padding-bottom: 0;
        }

        #cabos-samsung .containerSamsung {
            padding-right:0;
            padding-bottom: 0;
        }

        #modo-samsung .containerSamsung, #multi-samsung .containerSamsung, #controle-samsung .containerSamsung {
            padding-left:0;
            padding-bottom: 7%;           
        }

        #multi-samsung .colSamsung-md-4, #controle-samsung .colSamsung-md-4, #modo-samsung .colSamsung-md-4, #cabos-samsung .colSamsung-md-5 {
            max-width: 85%;
            margin: auto;
        }

        #controle-samsung .containerSamsung, #quantum-samsung .colSamsung-md-5, #cabos-samsung .colSamsung-md-5, #modo-samsung .colSamsung-md-4, #comandos-samsung .colSamsung-md-5 {
            margin-bottom: 7%;
        }

        #burnin-samsung .containerSamsung {
            padding-top: 0px;
        }


        #anima-qled-samsung {
            padding-bottom: 74%;
            margin-top: 7%;
        }

        #range-2-a-samsung, #range-2-b-samsung, #range-2-c-samsung {
            left: 0%;
            height: 3vw;
            width: 3vw;
            margin: -2% 0;
        }

        .range-2-samsung {
            position: relative;
            margin-top: 64% !important;
        }

        #menu-samsung {
            text-align: center;
            margin: 0;
        }
    
    .desktop {
            display: none;
        }
        .mobile {
            display: block !important;
        }

    .colSamsung-md-5, .colSamsung-md-6 {
        text-align: center;
    }
    
    .wrapperSamsung h4 {
        font-size: calc(8px + 2vw);
        line-height: calc(16px + 2vw);
    }
    
    .wrapperSamsung p {
        font-size: calc(6px + 2vw);
        line-height: calc(14px + 2vw);
    }
    
    .wrapperSamsung p {
        font-size: calc(6px + 1.5vw);
        line-height: calc(14px + 1.5vw);
    }
    
    .range-2-barra-samsung {
        left: 0;
    }
    
    #modo-samsung .containerSamsung{
        padding-bottom: 0;
    }
    
    #tela-infinita-samsung .containerSamsung {
        padding: calc(20px + 4%) 15px;
    }
    
    #comandos-samsung .containerSamsung h3 {
        padding: 0;
    }
    
    #comandos-samsung .containerSamsung p {
        padding: 0;
    }

    #anima-modo-samsung {
        top: auto;
        bottom: 9%;
    }
    
    #cabos-escondidos-samsung{
        position: relative;
        height: auto;
        background: #fff;
        background-size: cover;
        padding-bottom:0%;
    }
    #anima-cabos-escondidos-samsung-mobile img{
        width: 100%;
    }


    #casa-inteligente-samsung p {
        padding:0%;
    }

    #footer-samsung p {
        font-size: 1.5vw;
        line-height: calc(3px + 2vw);
    }
    }
    

    @media (min-width: 451px) {
        .mobile {
            display: none;
        }
    }
    
    @media (max-width: 450px) { 
        .desktop {
            display: none;
        }
    
        #intro-samsung {
            background: url(../img/introc-samsung.jpg) center top no-repeat;
            background-size: cover;
            padding-bottom: 146%;
        }           
    }
    
    @media (max-width: 400px) {
    .wrapperSamsung p {
        font-size: calc(6px + 2.5vw);
        line-height: calc(14px + 2.5vw);
    }
    #footer-samsung p {
        font-size: 2.0vw;
        line-height: calc(4px + 2.5vw);
    }
    
    
    }
    
    .teste{
        border: 1px solid #000;
    }