/* 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;
	background: #fff;
	color: #333;
}

.wrapperSamsung {
	font-family: SamsungOne, sans-serif;
	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 20px;
	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 20px;
	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 + 4%) 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 */

#intro-samsung {
	background: url(../img/intro-samsung.jpg) top center no-repeat;
	background-size: cover;
	height: 0;
	padding-bottom: 63.9%;
}

#intro-samsung h2 {
	display: none;
}

/* PODER */

#poder-samsung {
	position: relative;
	height: 0;
	padding-bottom: 91.2%;
}

#anima-poder-samsung {
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: 91.2%;
	top: 0;
	left: 0;
	z-index: -1;
}

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

#anima-poder-samsung img:nth-of-type(2) {
	animation: poder1 .75s infinite;
}

#anima-poder-samsung img:nth-of-type(3) {
	animation: poder2 .75s infinite;
}

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

30%, 60% {
	opacity: .75;
}

100% {
	opacity: 0;
}
}

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

30%, 60% {
	opacity: 0;
}

60%, 90% {
	opacity: .75;
}
90%, 100% {
	opacity: 0;
}
}

#anima-poder-samsung img:nth-of-type(4) {
	top: 12%;
	left: 70%;
	width: 15%;
	animation: poder3 1.5s infinite alternate-reverse;
}

@keyframes poder3 {
0% {
	transform: scale(1);
}

100% {
	transform: scale(1.15);
}
}

/* ALIADO */ 

#aliado-samsung {
	position: relative;
	height: 0;
	padding-bottom: 75.25%;
}

#aliado-samsung h3, #aliado-samsung h4, #aliado-samsung p {
	margin-left: -10%;
}

#anima-aliado-samsung {
	background: url(../img/aliado-samsung.jpg) top center no-repeat;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: 75.25%;
	top: 0;
	left: 0;
	z-index: -1;
	
}


/* LIBERDADE */

#liberdade-samsung {
	position: relative;
	height: 0;
	padding-bottom: 69.25%;
}

#liberdade-samsung h3 {
	margin-top: 120%;
}

#anima-liberdade-samsung {
	background: url(../img/liberdade-samsung.jpg) top center no-repeat;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: 69.25%;
	top: 0;
	left: 0;
	z-index: -1;
}

/* FLEXIBILIDADE */

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

#anima-flexibilidade-samsung {
	height: 0;
	padding-bottom: 75%;
	position: relative;
}

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

#anima-flexibilidade-samsung img:nth-of-type(2) {
	animation: flexibilidade1 4s ease-in-out infinite alternate-reverse;
}

@keyframes flexibilidade1 {
0%, 25% {
	opacity: 0;
}

75%, 100% {
	opacity: 1;
}
}


/* SOZINHO */

#sozinho-samsung {
	color: #fff;
	position: relative;
	height: 0;
	padding-bottom: 98.25%;
}

#anima-sozinho-samsung {
	background: #6a6570;
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: 98.25%;
	top: 0;
	left: 0;
	z-index: -1;
}

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

#anima-sozinho-samsung img:nth-of-type(2) {
	animation: sozinho1 5s infinite;
}

#anima-sozinho-samsung img:nth-of-type(3) {
	animation: sozinho2 5s infinite;
}

#anima-sozinho-samsung img:nth-of-type(4) {
	animation: sozinho3 5s infinite;
}

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

20%, 40% {
	opacity: 1;
}

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

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

40%, 85% {
	opacity: 1;
}

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


@keyframes sozinho3 {
0%, 60% {
	opacity: 0;
}

70%, 85%{
	opacity: 1;
}

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

/* VERSATILIDADE */

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

#versatilidade-samsung img {
	max-width: 100%;
	display: block;
}

/* REMOVA */

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

#anima-remova-samsung {
	height: 0;
	padding-bottom: 73%;
	position: relative;
}

#cont-remova-samsung {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 93.5%;
	border-radius: 22%;
}

#anima-remova-samsung img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	mix-blend-mode: multiply;
}

#cont-remova-samsung img {
	animation: remova1 3s ease-in-out infinite;
}

@keyframes remova1 {
0% {
	opacity: 1;
	top: -3%;
}

100% {
	top: 40%;
	opacity: .25;
	transform: scale(.85);
}
}



/* FACILMENTE */

#facilmente-samsung {
	text-align: center;
	height: 0;
	padding-bottom: 71.5%;
	background: url(../img/facilmente-samsung.jpg) bottom center no-repeat;
	background-size: contain;
}


/* LIMPAR */


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

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

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

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

#anima-limpar-samsung img:nth-of-type(1) {
	animation: floating 4s infinite;
}

#anima-limpar-samsung img:nth-of-type(2) {
	z-index: 999;
}

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

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px) rotate(5deg); }
    to   { transform: translate(0, -0px) rotate(0deg); }    
}

@keyframes agua {
    from { transform: translate(20px, -15px); opacity: 0.8;}
    45%  { transform: translate(20px, -15px) scale(1.05); opacity: 0.5; }
    to   { transform: translate(20px, -15px); }    
}




/* BATERIA */ 

#bateria-samsung {
	position: relative;
	height: 0;
	padding-bottom: 56.75%;
}

#anima-bateria-samsung {
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: 56.75%;
	top: 0;
	left: 0;
	z-index: -1;
}

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

#anima-bateria-samsung img:nth-of-type(2) {
	animation: bateria1 5s infinite;
}

#anima-bateria-samsung img:nth-of-type(3) {
	animation: bateria2 5s infinite;
}

#anima-bateria-samsung img:nth-of-type(4) {
	animation: bateria3 5s infinite;
}

#anima-bateria-samsung img:nth-of-type(5) {
	animation: bateria4 5s infinite;
}

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

20%, 95% {
	opacity: 1;
}

100% {
	opacity: 0;
}
}

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

40%, 95% {
	opacity: 1;
}

100% {
	opacity: 0;
}
}

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

60%, 95% {
	opacity: 1;
}

100% {
	opacity: 0;
}
}

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

80%, 95% {
	opacity: 1;
}

100% {
	opacity: 0;
}
}
	
/* FOOTER */

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

#footer-samsung p {
	text-align: justify;
	font-size: calc(5px + 0.3vw);
	line-height: 2em;
}

#footer-samsung img {
	float: left;
	margin-right: 14px;
	margin-bottom: 5px;
	width: 95px;
}

#footer-samsung .containerSamsung {
	padding: calc(20px + 2%) 15px;
}


 /* RESPONSIVO */

@media (max-width: 1080px) {
	.wrapperSamsung h3, .wrapperSamsung h4 {
		margin: 0 0 5px !important;
	}

	#aliado-samsung h3, #aliado-samsung h4, #aliado-samsung p {
		margin-left: 0;
	}

	#aliado-samsung,
	#liberdade-samsung {
		height: auto;
		padding-bottom: 0;
	}
	
	#anima-aliado-samsung,
	#anima-liberdade-samsung {
		position: relative;
	}
}
      
@media (min-width: 768px) {
	.mobile {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.desktop {
		display: none;
	}
	
	.mobile {
		display: block !important;
	}
	
	.wrapperSamsung {
		text-align: center;
	}
	
	.wrapperSamsung p {
		margin-bottom: 5%;
	}
	
	.wrapperSamsung h4 {
		font-size: calc(8px + 2vw);
		line-height: calc(16px + 2vw);
	}
	
	.wrapperSamsung p {
		font-size: calc(6px + 2vw);
		line-height: calc(14px + 2vw);
	}
	
	#footer-samsung p {
		font-size: 1.5vw;
	}
	
	#poder-samsung,
	#sozinho-samsung,
	#bateria-samsung  {
		color: inherit;
		height: auto;
		padding-bottom: 0;
	}
	
	#anima-poder-samsung,
	#anima-sozinho-samsung,
	#anima-bateria-samsung {
		position: relative;
	}
	
}
    
@media (max-width: 420px) {
	#intro-samsung {
		background: url(../img/introc-samsung.jpg) center top no-repeat;
		background-size: cover;
		padding-bottom: 145%;
	}
	
	#footer-samsung p {
		font-size: 2vw;
	}
	
	#limpar-samsung p {
		padding: 0;
	}


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

}