/* 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 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(../img/intro-samsung.jpg) top center no-repeat;
	background-size: cover;
	padding-bottom: 79.75%;
	position: relative;
}

/* MENU */

#menu-samsung {
	background: #fff;
	text-align: center;
}

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

#menu-samsung a{
	display: block;
	padding: 45% 0 30%;
	color: #000;
	text-decoration: none;
}

#menu-samsung .colSamsung-sm-3 {
	border-right: 1px solid #E6E6E6;
	opacity: .75;
	transition: all .5s ease-in-out 0s;
	background-size: 30% !important;
}

#menu-samsung .colSamsung-sm-3:hover{
	transform: scale(1.05);
	opacity: 1;
}

#menu-samsung .colSamsung-sm-3:nth-of-type(1) {
	background: url(../img/menu-1.png) center 30%  no-repeat;
}

#menu-samsung .colSamsung-sm-3:nth-of-type(2) {
	background: url(../img/menu-2.png) center 30%  no-repeat;
}

#menu-samsung .colSamsung-sm-3:nth-of-type(3) {
	background: url(../img/menu-3.png) center 30%  no-repeat;
}

#menu-samsung .colSamsung-sm-3:nth-of-type(4) {
	background: url(../img/menu-4.png) center 30%  no-repeat;
}


/* CURVOS */

#curvos-samsung {
	background: #000;
	color: #fff;
	text-align: center;
}

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

#anima-curvos-samsung img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 75%;
}

#anima-curvos-samsung img:nth-of-type(1) {
	opacity: 0;
	animation: estrelas 12.5s infinite ease-in-out alternate-reverse;
	width: 100%;
}

@keyframes estrelas {
0% {
 opacity: .75;
transform: scale(1);
}

100% {
  opacity: 1;
transform: scale(1.35);
}
}

#anima-curvos-samsung img:nth-of-type(3),
#anima-curvos-samsung img:nth-of-type(4),
#anima-curvos-samsung img:nth-of-type(5),
#anima-curvos-samsung img:nth-of-type(6) {
	opacity: 0;
	animation: curvos 10s infinite ease-in-out;
}

#anima-curvos-samsung img:nth-of-type(3) {
	animation-delay: 2s;
}

#anima-curvos-samsung img:nth-of-type(4) {
	animation-delay: 4s;
}

#anima-curvos-samsung img:nth-of-type(5) {
	animation-delay: 5s;
}

#anima-curvos-samsung img:nth-of-type(6) {
	animation-delay: 6s;
}

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

10%, 90% {
	opacity: 1;
}

100% {
  opacity: 0;
}
}

/* CURVOS 2*/

#curvos-2-samsung {
	background: #000;
	color: #fff;
	text-align: center;
}

#curvos-2-samsung img {
	width: 75%;
	margin: auto;
}

/* RAPIDAS */

#rapidas-samsung {
	background: #000;
	color: #fff;
	text-align: center;
}

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

#anima-rapidas-samsung img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0%;
	animation: rapidas 7.5s infinite ease-in-out;
	opacity: 0;
}

#anima-rapidas-samsung img:nth-of-type(1) {
	animation-delay: .5s;
}

#anima-rapidas-samsung img:nth-of-type(2) {
	animation-delay: 1s;
}

#anima-rapidas-samsung img:nth-of-type(3) {
	animation-delay: 1.5s;
}

#anima-rapidas-samsung img:nth-of-type(4) {
	animation-delay: 2s;
}

#anima-rapidas-samsung img:nth-of-type(5) {
	animation-delay: 2.5s;
}

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

40%, 75% {
	opacity: 1;
}

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

/* escuro */

#escuro-samsung {
	text-align: center;
	background: #000;
	color: #fff;
}

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

.range-1-samsung-label {
	position: absolute;
	top: -2.5%;
	left: 5%;
	width: 20%;
	height:15%;
	cursor: pointer;
	z-index: 9999;
	background: url(../img/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: auto;
	right: 5%;
	background: url(../img/cor-samsung-btn-2.png) center no-repeat;
	background-size: contain;
    width: 27%;
    height: 15%;

}

#cor-samsung-1 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	overflow: hidden;
}

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

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

#range-1-samsung-2:checked ~ #cor-samsung-1 {
	width: 12%;
	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) {
	opacity: .5;
}

/* acao */

#acao-samsung {
	text-align: center;
	background: #000;
	color: #fff;
}

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

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

#anima-acao-samsung h3 {
	text-align: center;
	position: absolute;
	bottom: -2.5%;
	font-size: 1.5em;
	text-shadow: 0 0 15px rgba(0, 0, 0, .75);
}

#anima-acao-samsung h3:nth-of-type(1) {
	width: 28%;
	left: 9%;
}

#anima-acao-samsung h3:nth-of-type(2) {
	width: 50%;
	right: 10%;
}

#anima-acao-samsung h3 span {
	color: #00bbe8;
}

#anima-acao-samsung img {
	position: absolute;
	top: 0;
	left: 0;
	animation: acao .5s infinite ease-in-out;
	width: 100%;
}

@keyframes acao {
0% {
	opacity: .4;
}

10% {
	opacity: .2;
}

20% {
	opacity: .6;
}

30% {
	opacity: .5;
}

40% {
	opacity: .35;
}

50% {
	opacity: .7;
}

60% {
	opacity: .3;
}

70% {
	opacity: .45;
}

80% {
	opacity: .2;
}

90% {
	opacity: .5;
}

100% {
	opacity: .4;
}

}

/* acao */

#olhos-samsung {
	padding-top: 5%;
	text-align: center;
	background: #000;
	color: #fff;
}

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

.range-3-samsung-label {
	position: absolute;
	top: -2.5%;
	left: 5%;
	width: 20%;
	height:15%;
	cursor: pointer;
	background: url(../img/olhos-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: auto;
	right: 5%;
	background: url(../img/olhos-samsung-btn-2.png) center no-repeat;
	background-size: contain;
}

#olhos-samsung-shadow {
	position: absolute;
	width: 51%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	transition: all 2s ease-in-out;
}

#olhos-samsung-shadow img {
	height: 100%
}

#olhos-samsung-linha { 
	position: absolute;
	height:  80%;
	top: 10%;
	left: 48.75%;
	transition: all 2s ease-in-out;
}

#range-3-samsung-1:checked ~ #olhos-samsung-shadow {
	width: 82.5%;
}

#range-3-samsung-1:checked ~ #olhos-samsung-linha{
	left: 79.75%;
}

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

#range-3-samsung-2:checked ~ #olhos-samsung-shadow {
	width: 20.25%;
}

#range-3-samsung-2:checked ~ #olhos-samsung-linha{
	left: 18%;
}

#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;
}

/* exclusividade */

#exclusividade-samsung {
	text-align: center;
	background: #000;
	color: #fff;
}

#anima-exclusividade-samsung {
	height: 0;
	padding-bottom: 70.75%;
	position: relative;
	background-size: contain;
}

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

#anima-exclusividade-samsung img:nth-of-type(2) {
	animation: exclusividade1 10s infinite;
}

#anima-exclusividade-samsung img:nth-of-type(3) {
	animation: exclusividade2 10s infinite;
}

#anima-exclusividade-samsung img:nth-of-type(4) {
	animation: exclusividade3 10s infinite;
}

@keyframes exclusividade1 {
0%, 20% {
	opacity: 0;
}

25%, 50% {
	opacity: 1;
}

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

@keyframes exclusividade2 {
0%, 45% {
	opacity: 0;
}

50%, 75% {
	opacity: 1;
}

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

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

75%, 95% {
	opacity: 1;
}

100% {
	opacity: 0;
}
}



/* 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) {
	
	#menu-samsung a {
	    padding: 55% 0 20%;
	}
	
	#footer-samsung p {
		font-size: 1.5vw;
		line-height: calc(8px + 1.5vw);
	}
}


@media (max-width: 900px) {
	
	#menu-samsung a {
	    padding: 55% 0 20%;
	}
	
	#anima-acao-samsung h3 {
		font-size: 1.25em;
	}
}

@media (max-width: 767.98px) {
	
	#menu-samsung a {
	    padding: 55% 0 20%;
	}
	
	.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);
	}
	
	#anima-acao-samsung h3 {
		font-size: 1.2em;
	}
}

@media (max-width: 600px) {
	
	#menu-samsung a {
	    padding: 45% 0 20%;
	}
	
	.wrapperSamsung p {
		font-size: calc(6px + 2vw);
		line-height: calc(14px + 2vw);
	}

	.wrapperSamsung h4 {
		font-size: calc(10px + 2vw);
		line-height: calc(18px + 2vw);
	}
	
	#anima-curvos-samsung {
	    padding-bottom: 60%;}
		
	#anima-curvos-samsung img {
	  width: 100%;}
	
	#curvos-2-samsung img {
	    width: 100%;
	}
	
	.range-1-samsung-label {
	    top: -5%;
	    width: 40%;
	    height: 20%;
	}

	.range-1-samsung-label:nth-of-type(2) {
		top: -5%;
		width: 47%;
		height: 20%;
	}
	
	#anima-acao-samsung h3 {
	    bottom: -6%;
	    font-size: 1em;}
		
	.range-3-samsung-label {
	    top: -5%;
	    width: 40%;
	    height: 20%;
		}
	
	#footer-samsung p {
		font-size: 2vw;
		line-height: calc(8px + 2vw);
	}
}

@media (max-width: 500px) {
	#anima-acao-samsung h3 {
	    bottom: -7%;
	    font-size: .9em;
	}
}

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

@media (max-width: 450px) {
	.desktop {
		display: none;
	}
	
	#intro-samsung {
		background: url(../img/introc-samsung.jpg) top center no-repeat;
		background-size: cover;
		padding-bottom: 146%;
	}
	
	#anima-acao-samsung h3 {
	    font-size: .75em;
	}
}

@media (max-width: 400px) {
	
	#menu-samsung a {
	    padding: 55% 0 20%;
	}
	
	.wrapperSamsung p {
		font-size: calc(6px + 2.5vw);
		line-height: calc(14px + 2.5vw);
	}
	
	#anima-acao-samsung h3 {
	    font-size: .675em;
	}

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

@media (max-width: 350px) {
	
	#menu-samsung a {
	    padding: 60% 0 15%;
	}
	
	#anima-acao-samsung h3 {
	    font-size: .6em;
	}

}