/* 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;
	width: 1080px;
	margin: auto;

}

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 2.5%;
	font-size: calc(24px + 1vw);
	line-height: calc(30px + 1vw);
}

.wrapperSamsung h3 sup {
	vertical-align: super;
	font-size: .5em;
}

.wrapperSamsung h4 {
	font-weight: 700;
	margin: 0 0 5%;
	font-size: calc(10px + 1vw);
	line-height: calc(18px + 1vw);
}

.wrapperSamsung h4 sup {
	vertical-align: super;
	font-size: .5em;
}

.wrapperSamsung sup {
	vertical-align: super;
	font-size: .5em;
}

.wrapperSamsung .containerSamsung {
	overflow: hidden;
	max-width: 85%;
	padding: calc(20px + 4%) 15px;
}

.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 {
	height: 0;
	background: url(/Imagens/169078/intro-samsung.jpg) top center no-repeat;
	background-size: cover;
	padding-bottom: 78.6%;
	position: relative;
}

#intro-anima-samsung {
	width: 60.5%;
	height: 43.25%;
	position: absolute;
	top: 26%;
	left: .35%;
	right: 0;
	margin: auto;
	overflow: hidden;
}

#intro-anima-samsung img {
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%); 
	animation: intro 10s infinite ease-in-out alternate-reverse;
} 

@keyframes intro {
from {
	height: 100%;
}

to {
	height: 130%;
}
}

/* UHD */

#uhd-samsung {
	text-align: center;
}

#anima-uhd-samsung {
	height: 0;
	padding-bottom: 56.5%;
	position: relative;
}

#anima-uhd-samsung img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}

#anima-uhd-samsung img:nth-of-type(1) {
	opacity: 1;
}

#anima-uhd-samsung img:nth-of-type(2) {
	animation: uhd1 10s infinite ease-in-out;
}

#anima-uhd-samsung img:nth-child(3) {
	animation: uhd2 10s infinite ease-in-out;
} 

#anima-uhd-samsung img:nth-of-type(4) {
	animation: uhd3 10s infinite ease-in-out;
}

#anima-uhd-samsung img:nth-of-type(5) {
	animation: uhd4 10s infinite ease-in-out;
}

@keyframes uhd1 {
0%, 10% {
 opacity: 0;
}

15%, 35% {
	opacity: 1;
}

40%, 100% {
  opacity: 0;
}
}

@keyframes uhd2 {
0%, 30% {
 opacity: 0;
}

35%, 55% {
	opacity: 1;
}

60%, 100% {
  opacity: 0;
}
}

@keyframes uhd3 {
0%, 50% {
 opacity: 0;
}

55%, 75% {
	opacity: 1;
}

80%, 100% {
  opacity: 0;
}
}

@keyframes uhd4 {
0%, 70% {
 opacity: 0;
}

75%, 95% {
	opacity: 1;
}

100% {
  opacity: 0;
}
}

/* cores */

#cores-samsung {
	text-align: center;
}

#anima-cores-samsung {
	height: 0;
	padding-bottom: 56%;
	overflow: hidden;
	position: relative;
}

#cor-samsung-2, #cor-samsung-1 img {
	height: 100%;
}

 #cor-samsung-1 {
 	height: 100%;
 }

#cor-samsung-1, #cor-samsung-2 {
	position: absolute;
	top: 0;
	left: 0;
}

.range-1-samsung-label {
	position: absolute;
	top: 2.5%;
	left: 2.5%;
	width: 15%;
	height: 15%;
	cursor: pointer;
	z-index: 9999;
	background: url(/Imagens/169078/cor-samsung-btn-1.png) center no-repeat;
	background-size: contain;
	transition: all 1s ease-in-out;
}

.range-1-samsung-label:nth-of-type(2) {
	left: 82.5%;
	background: url(/Imagens/169078/cor-samsung-btn-2.png) center no-repeat;
	background-size: contain;
}

#cor-samsung-barra-1, #cor-samsung-barra-2 {
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 7.5%;
	transition: all 1s ease-in-out;
}

#cor-samsung-barra-2 {
	left: 87%;}


#cor-samsung-1 {
	width: 50%;
	overflow: hidden;
}

#range-1-samsung-1:checked ~ #cor-samsung-1 {
	width: 100%;
	transition: all 2s ease-in-out;
}

#range-1-samsung-2:checked ~ #cor-samsung-1 {
	width: 0;
	transition: all 2s ease-in-out;
}

#range-1-samsung-2:checked ~ .range-1-samsung-label:nth-of-type(1),
#range-1-samsung-1:checked ~ .range-1-samsung-label:nth-of-type(2),
#range-1-samsung-2:checked ~ #cor-samsung-barra-1,
#range-1-samsung-1:checked ~ #cor-samsung-barra-2  {
	opacity: .5;
}


/* upscalling */

#upscalling-samsung {
	text-align: center;
}

#video-upscalling-samsung {
	position: relative;
	padding-bottom: 56.25%;
}

#video-upscalling-samsung iframe {
	position: absolute;
	width: 100%;
	height:  100%;
	top: 0;
	left: 0;
}

/* multi */

#multi-samsung {
	text-align: center;
}

#anima-multi-samsung {
	height: 0;
	padding-bottom: 70%;
	overflow: hidden;
	position: relative;
}

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

.range-2-samsung-label {
	position: absolute;
	top: 0;
	left: 40%;
	width: 8%;
	height: 15%;
	cursor: pointer;
	z-index: 9999;
	background: url(/Imagens/169078/multi-samsung-1-off.jpg) top center no-repeat;
	background-size: contain;
	padding-top: 9%;
	transition: all .5s ease-in-out;
}

.range-2-samsung-label:nth-of-type(2) {
	left: 52%;
	background: url(/Imagens/169078/multi-samsung-2-off.jpg) top center no-repeat;
	background-size: contain;
}


#range-2-samsung-1:checked ~ img:nth-of-type(2) {
	opacity: 1;
}

#range-2-samsung-2:checked ~ img:nth-of-type(2)  {
	opacity: 0;
}

.range-2-samsung-label:nth-of-type(1):hover,
#range-2-samsung-1:checked ~ .range-2-samsung-label:nth-of-type(1) {
	background: url(/Imagens/169078/multi-samsung-1-on.jpg) top center no-repeat;
	background-size: contain;
}

.range-2-samsung-label:nth-of-type(2):hover,
#range-2-samsung-2:checked ~ .range-2-samsung-label:nth-of-type(2) {
	background: url(/Imagens/169078/multi-samsung-2-on.jpg) top center no-repeat;
	background-size: contain;
}


/* design */

#design-samsung {
	text-align: center;
}

#anima-design-samsung {
	height: 0;
	padding-bottom: 57.5%;
	overflow: hidden;
	position: relative;
	background: url(/Imagens/169078/design-samsung.jpg) top center no-repeat;
	background-size: contain;
}

/* começa animação lupa */

#bloco05Isee {
   position: absolute;
   height: 100%;
   width: 100%;
}

#bloco05Isee .lblsIsee {
   width: 100%;
   height: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 8888;
   overflow: hidden;
   padding: 0;
}

#bloco05Isee .lblsIsee div.lupaIsee {
   position: absolute;
   background: url(/Imagens/169078/design-samsung-lupa.png) center no-repeat;
   background-size: contain !important;
   width: 20%;
   top:  25%;
   height: 40%;
   left: 29%;
   z-index: 100000000;
   transition: top 0.2s linear 0s;
}

#bloco05Isee .lblsIsee div.pixelIsee {
   position: absolute;
   top: -5.75%;
   left: -10.3%;
   width: 100%;
   height: 100%;
   background: url(/Imagens/169078/design-samsung-zoom.jpg) center no-repeat;
   background-size: contain;
   z-index: 9999999;
   transition: all 0.2s linear 0s;
   clip-path: circle(7% at 50% 50%);
  
}

#bloco05Isee .lblsIsee label {
	width: 100%;
   height: 15%;
   position: absolute;
   left: 0;
   cursor: hand;
   cursor: pointer;
}

#bloco05Isee .lblsIsee label.blc05_lbl01Isee { 
   top: 0;
   z-index: 2001;
}

#bloco05Isee .lblsIsee label.blc05_lbl02Isee {
   top: 15%;
   z-index: 2002;
}

#bloco05Isee .lblsIsee label.blc05_lbl03Isee {
   top: 30%;
   z-index: 2003;
}

#bloco05Isee .lblsIsee label.blc05_lbl04Isee {
   top: 45%;
   z-index: 2004;
}

#bloco05Isee .lblsIsee label.blc05_lbl05Isee {
   top: 60%;
   z-index: 2005;
}

#bloco05Isee .lblsIsee label.blc05_lbl06Isee {
   top: 75%;
   z-index: 2006;
}

#bloco05Isee .lblsIsee label.blc05_lbl07Isee {
   top: 90%;
   z-index: 2007;
}

#bloco05Isee .lblsIsee label.blc05_lbl08Isee,
#bloco05Isee .lblsIsee label.blc05_lbl09Isee,
#bloco05Isee .lblsIsee label.blc05_lbl10Isee { 
	display: none;
}

#bloco05Isee .lblsIsee label.blc05_lbl01Isee:hover ~ div.lupaIsee,
#bloco05Isee .lblsIsee input#blc05_inp01Isee:checked  ~ div.lupaIsee {
  top: 0% !important;
   transition: top 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl02Isee:hover ~ div.lupaIsee,
#bloco05Isee .lblsIsee input#blc05_inp02Isee:checked  ~ div.lupaIsee {
   top: 10% !important;
   transition: top 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl03Isee:hover ~ div.lupaIsee,
#bloco05Isee .lblsIsee input#blc05_inp03Isee:checked  ~ div.lupaIsee {
   top: 20% !important;
   transition: top 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl04Isee:hover ~ div.lupaIsee,
#bloco05Isee .lblsIsee input#blc05_inp04Isee:checked  ~ div.lupaIsee {
   top: 30% !important;
   transition: top 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl05Isee:hover ~ div.lupaIsee,
#bloco05Isee .lblsIsee input#blc05_inp05Isee:checked  ~ div.lupaIsee {
   top: 40% !important;
   transition: top 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl06Isee:hover ~ div.lupaIsee,
#bloco05Isee .lblsIsee input#blc05_inp06Isee:checked  ~ div.lupaIsee {
   top: 50% !important;
   transition: top 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl07Isee:hover ~ div.lupaIsee,
#bloco05Isee .lblsIsee input#blc05_inp07Isee:checked  ~ div.lupaIsee {
   top: 60% !important;
   transition: top 0.3s linear 0s;
}
/*
#bloco05Isee .lblsIsee label.blc05_lbl08Isee:hover ~ div.lupaIsee {
   top: 70% !important;
   transition: top 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl09Isee:hover ~ div.lupaIsee {
   top: 80% !important;
   transition: top 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl10Isee:hover ~ div.lupaIsee {
   top: 90% !important;
   transition: top 0.3s linear 0s; 
}*/

#bloco05Isee .lblsIsee label.blc05_lbl01Isee:hover ~ div.pixelIsee,
#bloco05Isee .lblsIsee input#blc05_inp01Isee:checked  ~ div.pixelIsee {
    clip-path: circle(7% at 50% 24.9%) !important;
   transition: all 0.3s linear 0s; 
}

#bloco05Isee .lblsIsee label.blc05_lbl02Isee:hover ~ div.pixelIsee,
#bloco05Isee .lblsIsee input#blc05_inp02Isee:checked  ~ div.pixelIsee  {
     clip-path: circle(7% at 50% 34.9%) !important;
   transition: all 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl03Isee:hover ~ div.pixelIsee,
#bloco05Isee .lblsIsee input#blc05_inp04Isee:checked  ~ div.pixelIsee  {
   clip-path: circle(7% at 50% 44.9%) !important;
   transition: all 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl04Isee:hover ~ div.pixelIsee,
#bloco05Isee .lblsIsee input#blc05_inp04Isee:checked  ~ div.pixelIsee  {
   clip-path: circle(7% at 50% 54.9%) !important;
   transition: all 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl05Isee:hover ~ div.pixelIsee,
#bloco05Isee .lblsIsee input#blc05_inp05Isee:checked  ~ div.pixelIsee  {
   clip-path: circle(7% at 50% 64.9%) !important;
   transition: all 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl06Isee:hover ~ div.pixelIsee,
#bloco05Isee .lblsIsee input#blc05_inp06Isee:checked  ~ div.pixelIsee  {
     clip-path: circle(7% at 50% 74.9%) !important;
   transition: all 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl07Isee:hover ~ div.pixelIsee,
#bloco05Isee .lblsIsee input#blc05_inp07Isee:checked  ~ div.pixelIsee  {
   clip-path: circle(7% at 50% 84.9%) !important;
   transition: all 0.3s linear 0s;
}

/*#bloco05Isee .lblsIsee label.blc05_lbl08Isee:hover ~ div.pixelIsee {
	clip-path: circle(7% at 50% 94.9%) !important;
   transition: all 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl09Isee:hover ~ div.pixelIsee {
   clip-path: circle(7% at 50% 104.9%) !important;
   transition: all 0.3s linear 0s;
}

#bloco05Isee .lblsIsee label.blc05_lbl10Isee:hover ~ div.pixelIsee { 
   clip-path: circle(7% at 50% 114.9%) !important;
   transition: all 0.3s linear 0s; 
}*/

/*#bloco05Isee input#blc05_inp06Isee:checked ~ .lblsIsee div.lupaIsee {
   top: 50%;
   transition: top 0.3s linear 0s;
}

#bloco05Isee input#blc05_inp01Isee:checked ~ .lblsIsee div.pixelIsee {
   clip-path: circle(7% at 50% 0%);
   transition: all 0.3s linear 0s;
}

#bloco05Isee input#blc05_inp02Isee:checked ~ .lblsIsee div.pixelIsee {
    clip-path: circle(7% at 50% 10%);
   transition: all 0.3s linear 0s;
}

#bloco05Isee input#blc05_inp03Isee:checked ~ .lblsIsee div.pixelIsee {
   clip-path: circle(7% at 50% 20%);
   transition: all 0.3s linear 0s;
}

#bloco05Isee input#blc05_inp04Isee:checked ~ .lblsIsee div.pixelIsee {
   clip-path: circle(7% at 50% 30%);
   transition: all 0.3s linear 0s;
}

#bloco05Isee input#blc05_inp05Isee:checked ~ .lblsIsee div.pixelIsee {
   clip-path: circle(7% at 50% 40%);
   transition: all 0.3s linear 0s;
} *!/

#bloco05Isee input#blc05_inp06Isee:checked ~ .lblsIsee div.pixelIsee {
   clip-path: circle(7% at 50% 50%);
   transition: all 0.3s linear 0s;
}*/

/* gaming */

#gaming-samsung {
	text-align: center;
}

#anima-gaming-samsung {
	background: url(/Imagens/169078/gaming-samsung-1.jpg) top left no-repeat;
	background-size: contain;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

#anima-gaming-samsung::after {
	position: absolute;
	bottom: -5%;
	left: -5%;
	width: 60.1%;
	height: 60.15%;
	content: "";
	z-index: 9999;
	box-shadow: 20px -20px  40px rgba(0,247,255,1);
	animation: gaming 1.5s alternate-reverse infinite;
} 

@keyframes gaming {
0% {
	opacity: 0;
}

80% {
	opacity: 1;
}
}

/* jogabilidade */

#jogabilidade-samsung {
	text-align: center;
}

#video-jogabilidade-samsung {
	position: relative;
	padding-bottom: 56.25%;
}

#video-jogabilidade-samsung iframe {
	position: absolute;
	width: 100%;
	height:  100%;
	top: 0;
	left: 0;
}

/* game 2 */

#game-2-samsung {
	text-align: center;
}

#anima-game-2-samsung {
	background: url(/Imagens/169078/game-2-samsung.jpg) top center no-repeat;
	background-size: cover;
	height: 0;
	padding-bottom: 55.3%;
	position: relative;
}

#anima-game-2-samsung input {
	display: none;
}

.range-3-samsung-label {
	position: absolute;
	top: 88%;
	left: 13.5%;
	width: 15%;
	height: 9%;
	cursor: pointer;
	background: url(/Imagens/169078/game-2-samsung-btn-1.png) center no-repeat;
	background-size: contain;
	transition: all 1s ease-in-out;
}

.range-3-samsung-label:nth-of-type(2) {
	left: 72.5%;
	background: url(/Imagens/169078/game-2-samsung-btn-2.png) center no-repeat;
	background-size: contain;
}

#game-2-samsung-shadow {
	background: #000;
	opacity: .5;
	position: absolute;
	width: 36.25%;
	height: 74%;
	top: 9.25%;
	left: 14%;
}

#game-2-samsung-linha {
	position: absolute;
	height:  100%;
	top: 0;
	left: 45.5%;
}

#range-3-samsung-1:checked ~ #game-2-samsung-shadow {
	width: 72.5%;
	transition: all 2s ease-in-out;
}

#range-3-samsung-1:checked ~ #game-2-samsung-linha{
	left: 81.75%;
	transition: all 2s ease-in-out;
}

#range-3-samsung-1:checked ~ .range-3-samsung-label:nth-of-type(2) {
	opacity: .35;
}

#range-3-samsung-2:checked ~ #game-2-samsung-shadow {
	width: 0;
	transition: all 2s ease-in-out;
}

#range-3-samsung-2:checked ~ #game-2-samsung-linha{
	left: 9.25%;
	transition: all 2s ease-in-out;
}

#range-3-samsung-2:checked ~ .range-3-samsung-label:nth-of-type(1){
	opacity: .35;
}

.range-3-samsung-label:hover {
	opacity: 1 !important;
	transition: all .5s ease-in-out;
}

/* FOOTER */

#footer-samsung {
	background: #000;
	color: #fff;
}

#footer-samsung p {
	text-align: justify;
	font-size: 1vw;
	line-height: calc(12px + 1vw);
}

/* RESPONSIVO */

@media (max-width: 1020px) {
	#footer-samsung p {
		font-size: 1.5vw;
		line-height: calc(8px + 1.5vw);
	}
}

@media (max-width: 767.98px) {
	.wrapperSamsung h4 {
		font-size: calc(10px + 1.5vw);
		line-height: calc(18px + 1.5vw);
	}

	.wrapperSamsung p {
		font-size: calc(6px + 1.5vw);
		line-height: calc(14px + 1.5vw);
	}
}

@media (max-width: 600px) {
	.wrapperSamsung p {
		font-size: calc(6px + 2vw);
		line-height: calc(14px + 2vw);
	}

	.wrapperSamsung h4 {
		font-size: calc(10px + 2vw);
		line-height: calc(18px + 2vw);
	}

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

@media (min-width: 451px) {
	.mobile {
		display: none;
	}
}

@media (max-width: 450px) {
	.desktop {
		display: none;
	}
	
	#intro-samsung {
	    height: 0;
	    background: url(/Imagens/169078/introc-samsung.jpg) top center no-repeat;
	    background-size: cover;
	    padding-bottom: 146%;
	    position: relative;
	}
	
	#intro-anima-samsung {
		width: 76.5%;
		height: 29.75%;
		top: 33.75%;
		left: .3%;
	}
	
	#anima-multi-samsung img{
		top: 25%;
	}
	
	.range-3-samsung-label {
		top: 100%;
		left: 12%;
		width: 30%;
		height: 20%;
	}
	
	.range-3-samsung-label:nth-of-type(2) {
	    left: auto;
		right: 12%;}
		
	footer {
		padding-top: 10%;
	}
	
}

@media (max-width: 400px) {
	.wrapperSamsung p {
		font-size: calc(6px + 2.5vw);
		line-height: calc(14px + 2.5vw);
	}

	#footer-samsung p {
		font-size: 2.5vw;
		line-height: calc(8px + 2.5vw);
	}
}