/* 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: .75em;
}

.wrapperSamsung h4 {
	font-weight: 700;
	margin: 0 0 2.5%;
	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;
}

.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) left top no-repeat;
	background-size: cover;
	height: 0;
	padding-bottom: 66%;
	position: relative;
}

/* MENU */

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

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

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

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

#menu-samsung .colSamsung-4:hover {
	opacity: 1;
}

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

	background-size: 25%;
}

#menu-samsung .colSamsung-4:nth-of-type(2) {
	background: url(../img/menu-2-samsung.png) center 15%  no-repeat;
	background-size: 25%;
}

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

/* DURABILIDADE */

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

#durabilidade-samsung h3 {
	margin-top: 40%;
}

/* FRESCAS */

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

#frescas-samsung h3 {
	margin-top: 13.5%;
}

#frescas-samsung .containerSamsung {
	position: relative;
	z-index: 9;
	mix-blend-mode: screen;
}

#frescas-samsung .containerSamsung img {
	width: 100%;
	display: block;
	margin-top: 10%;
}

#anima-frescas-samsung {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

#anima-frescas-samsung img {
	width: 30%;
	position: absolute;
	animation: frescas 20s linear 0s infinite alternate backwards;
	transform: scale(.65) translate(-15%, -20%);
}

#anima-frescas-samsung img:nth-of-type(1) {
	top: -15%;
	right: -10%;
	/*transform: scale(1);*/
}

#anima-frescas-samsung img:nth-of-type(2) {
	bottom: -35%;
	left: -5%;
	/*transform: scale(.5);*/
	animation-delay: 2s;
}

#anima-frescas-samsung img:nth-of-type(3) {
	bottom: -25%;
	right: 25%;
	/*transform: scale(.75);*/
	animation-delay: 4s;
}

#anima-frescas-samsung img:nth-of-type(4) {
	top: -25%;
	left: -10%;
	animation-delay: 6s;
}

#anima-frescas-samsung img:nth-of-type(5) {
	bottom: 10%;
	right: 45%;
	animation-delay: 8s;
}

#anima-frescas-samsung img:nth-of-type(6) {
	top: 5%;
	right: 10%;
}

#anima-frescas-samsung img:nth-of-type(7) {
	bottom: 5%;
	left: 35%;
	animation-delay: -2s;
}

#anima-frescas-samsung img:nth-of-type(8) {
	bottom: 25%;
	right: -25%;
	animation-delay: -4s;
}

#anima-frescas-samsung img:nth-of-type(9) {
	top: -10%;
	left: 20%;
	animation-delay: -6s;
}

#anima-frescas-samsung img:nth-of-type(10) {
	bottom: -5%;
	right: -5%;
	animation-delay: -8s;
}

@keyframes frescas {
0% {
	transform: scale(.65) translate(-15%, -20%);
	opacity: .75;
}

25% {
	transform: scale(.35) translate(5%, -30%);
	opacity: 1;
}

50% {
	transform: scale(.45) translate(15%, 20%);
	opacity: .75;
}

75% {
	transform: scale(.55) translate(0%, 0%);
	opacity: 1;
}

100% {
	transform: scale(.25) translate(-25%, 10%);
	opacity: .75;
}
}

/*limpeza tambor */
.limpeza-tambor-text h3,
.limpeza-tambor-text h4,
.limpeza-tambor-text p{
	overflow: hidden;
    max-width: 75%;
	padding: 0 55px 0 15px;
	margin-right: auto;
	margin-left: auto;
}

.limpeza-tambor-text h3{
	padding: 28% 15px 1% 15px;
}

.anima-limpeza-tambor-samsung {
	background: url(../img/tambor.png) top  no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
	height: 0;
	padding-bottom: 50%;
}

/* TEMPO */

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

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

#anima-tempo-samsung label {
	height: 100%;
	width: 40%;
	left: 30%;
	position: absolute;
	cursor: pointer;
}

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

#tempo-cont1-samsung {
	top: 0;
	left: 0;
	position: absolute;
	width: 50%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	transition: opacity 1s ease-in-out 0s;
}

#show-tempo:checked ~  #tempo-cont1-samsung {
	opacity: 1;
}

#tempo-cont1-samsung img {
	width: 50%;
	position: absolute;
	animation: frescas 20s linear 0s infinite alternate backwards;
}

#tempo-cont1-samsung img:nth-of-type(1) {
	top: 0;
	left:0;
}

#tempo-cont1-samsung img:nth-of-type(2) {
	bottom: -10%;
	left: 0;
	animation-delay: 2s;
}

#tempo-cont1-samsung img:nth-of-type(3) {
	top: 0;
	right: 0;
	animation-delay: 4s;
}

#tempo-cont1-samsung img:nth-of-type(4) {
	bottom: 0;
	right: -10%;
	animation-delay: 6s;
}

#tempo-cont1-samsung img:nth-of-type(5) {
	top: 15%;
	left: 15%;
	animation-delay: 8s;
}

#tempo-cont1-samsung img:nth-of-type(6) {
	bottom: -15%;
	left: 15%;
	animation-delay: 10s;
}

#tempo-cont1-samsung img:nth-of-type(7) {
	top: 15%;
	right: -10%;
	animation-delay: 12s;
}

#c59-samsung {
	animation: c59 .5s ease-in-out 0s infinite alternate;
	opacity: .5;
}

@keyframes c59 {
0% {
	opacity: .5;
}

100% {
	opacity: .75;
}
}

#show-tempo:checked ~  #c59-samsung {
	animation: c592 10s linear forwards;
}

@keyframes c592 {
0% {
	opacity: .25;
}

100% {
	opacity: 1;
}
}

#anima-tempo-samsung > img:nth-of-type(1),
#anima-tempo-samsung > img:nth-of-type(2),
#anima-tempo-samsung > img:nth-of-type(3) {
	opacity: 0;
	transition: all 1s ease-in-out 0s;
}

#show-tempo:checked ~ img:nth-of-type(1),
#show-tempo:checked ~ img:nth-of-type(2),
#show-tempo:checked ~ img:nth-of-type(3) {
	animation: jato 1s ease-in-out 0s infinite alternate;
}

#show-tempo:checked ~ img:nth-of-type(2) {
	animation-delay: .5s;
}

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

100% {
	opacity: 1;
	transform: scale(1.1) translateX(-2.5%);
}
}

#tempo-cont2-samsung {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

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

#show-tempo:checked ~ #tempo-cont2-samsung img {
	animation: minutos 10s linear forwards;
}

@keyframes minutos {
0%, 3% {
	opacity: 0;
}
6%, 100% {
	opacity: 1;
}
}

#show-tempo:checked ~ #tempo-cont2-samsung img:nth-of-type(2) {
	animation-delay: 1s;
}

#show-tempo:checked ~ #tempo-cont2-samsung img:nth-of-type(3) {
	animation-delay: 2s;
}

#show-tempo:checked ~ #tempo-cont2-samsung img:nth-of-type(4) {
	animation-delay: 3s;
}

#show-tempo:checked ~ #tempo-cont2-samsung img:nth-of-type(5) {
	animation-delay: 4s;
}

#show-tempo:checked ~ #tempo-cont2-samsung img:nth-of-type(6) {
	animation-delay: 5s;
}

#show-tempo:checked ~ #tempo-cont2-samsung img:nth-of-type(7) {
	animation-delay: 6s;
}

#show-tempo:checked ~ #tempo-cont2-samsung img:nth-of-type(8) {
	animation-delay: 7s;
}

#show-tempo:checked ~ #tempo-cont2-samsung img:nth-of-type(9) {
	animation-delay: 8s;
}

#show-tempo:checked ~ #tempo-cont2-samsung img:nth-of-type(10) {
	animation-delay: 9s;
}



/* TAMBOR */

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

#tambor-samsung h3 {
	margin-top: 42.5%;
}

/* ASSIST */

#assist-samsung {
	text-align: center;
	margin-bottom: 8.5%;
}

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

#anima-assist-samsung img {
	position: absolute;
}

#anima-assist-samsung img:nth-of-type(1) {
	width: 30%;
	top: 22%;
	left: 15%;
}

#anima-assist-samsung label {
	position: absolute;
	cursor: pointer;
	width: 25%;
	height: 100%;
	top: 17.5%;
	left: 17.5%;
}

#anima-assist-samsung label::after {
	background: url(../img/seta-samsung.png) center no-repeat;
	background-size: contain;
	width: 60%;
	height: 32%;
	content: "";
	top: 15%;
	left: 20%;
	position: absolute;
	animation: seta 1s ease-in-out 0s infinite alternate;
}

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

100% {
	opacity: .75;
	transform: scale(.75);
}
}

#anima-assist-samsung label::before {
	background-size: contain;
	width: 60%;
	height: 32%;
	content: "";
	top: 15%;
	left: 20%;
	position: absolute;
	animation: circle 1s ease-in-out 0s infinite alternate;
	border-radius: 50%;
	box-shadow: 0 0 50px #00c0ff;
}

@keyframes circle {
0% {
	opacity: 0;
	transform: scale(.25);
}

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

#anima-assist-samsung img:nth-of-type(2) {
	width: 16.9%;
	top: 27.6%;
	left: 55%;
	opacity: 0;
	transition: opacity 1s ease-in-out 0s;
}

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

/* DESPERDICE */

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

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

/* limpeza higienica */
.limpeza-higienica-text h3{
	padding-top: 39%;
}

#limpeza-higienica-samsung{
	background: url(../img/limpeza-higienica.png) top right  no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
	height: 0;
	padding-bottom: 52.1%;	
}

#limpeza-higienica-samsung h3{
	padding-top: 30%;
}


/* FOOTER */

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

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

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

/* RESPONSIVO */

@media (max-width: 1080px) {
	.colSamsung-md-5 h3, .colSamsung-md-4 h3 {
		margin-top: 0 !important;
	}
	
	#frescas-samsung h3 {
	    font-size: calc(24px + .5vw);
	    line-height: calc(30px + .5vw);
	}

	.limpeza-tambor-text h3 {
		padding: 11% 15px 1% 15px;
	}
}
	
@media (max-width: 767.98px) {
	#menu-samsung a {
		padding: 50% 0 20%;
	}
	
	.colSamsung-md-4, .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);
	}
	
	#frescas-samsung {
		background: url(../img/frescas-samsung.jpg) bottom center no-repeat;
		background-size: contain;
		padding-bottom: 105%;
		color: #000;
	}
	
	#frescas-samsung .containerSamsung {
		mix-blend-mode: normal;
	}
	
	#anima-frescas-samsung {
		display: none;
	}
	
	#frescas-samsung .containerSamsung img {
		width: 50%;
		margin: 5% auto 0;
	}
	
	#frescas-samsung .desktop {
		display: none !important;
	}
	
	#frescas-samsung .mobile {
		display: block !important;
	}
	
	.limpeza-tambor-text h3,
	.limpeza-tambor-text h4,
	.limpeza-tambor-text p{
		overflow: hidden;
		max-width: 85%;
		padding: 0 15px 0 15px;
		margin-right: auto;
		margin-left: auto;
	}

	.limpeza-tambor-text h3 {
		padding: 9% 15px 1% 15px;
		padding-top: calc(20px + 4%);
	}

	.limpeza-tambor-text p{
		padding: 0 15px 0% 15px;

	}

	#tambor-samsung {
		background: url(../img/tambor-samsung.jpg) bottom center no-repeat;
		background-size: contain;
		padding-bottom: 80%;
	}
	#limpeza-higienica-samsung h3{
		padding: 0;
	}
	#footer-samsung p {
		font-size: 1.5vw;
		line-height: calc(8px + 1.5vw);
	}
}

@media (max-width: 600px) {
	#frescas-samsung .containerSamsung img {
		width: 50%;
		margin: 1.5% auto 0;
	}
	
	#footer-samsung p {
		font-size: 2vw;
		line-height: calc(8px + 2vw);
	}
}

@media (max-width: 575px) {
	#menu-samsung a {
		padding: 40% 0 10%;
	}
	
	#frescas-samsung {
		padding-bottom: 120%;
	}
}

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

@media (max-width: 450px) {
	.desktop {
		display: none;
	}
	
	#frescas-samsung {
		padding-bottom: 135%;
	}
	
	#tambor-samsung {
		padding-bottom: 110%;
	}
}

@media (max-width: 400px) {
	.wrapperSamsung p {
		font-size: calc(6px + 2.5vw);
		line-height: calc(14px + 2.5vw);
	}
	
	#frescas-samsung {
		padding-bottom: 145%;
	}
	
	#tambor-samsung {
		padding-bottom: 110%;
	}
	
	#footer-samsung p {
		font-size: 2.5vw;
		line-height: calc(8px + 2.5vw);
	}
}

@media (max-width: 321px) {
	#frescas-samsung{ 
		padding-bottom: 170%;
	}
}


/* atualização 2021 */
/* 3 em 1 */
#lava-seca-samsung{
	text-align: center;
}

#lava-seca-samsung .containerSamsung{
	position: relative;

}
#lava-seca-samsung img{
    width: 100%;
    display: block;
    margin-top: -23%;
}


/* lava-15 samsung */
#lava-15-smasung .containerSamsung{
	text-align: center;
}

#anima-lava-15-samsung{
	background: url(../img/lava-15.jpg) top left no-repeat;
	height: 0;
	background-size: cover;
	padding-bottom: 56%;
	position: relative;
}
#anima-lava-15-samsung img {
	position: absolute;
}
#anima-lava-15-samsung img:nth-child(1) {
	width: 43%;
    left: 28.1%;
    bottom: 5%;
    animation: lava-samsung 10s infinite;
    animation-delay: 2s;
}
#anima-lava-15-samsung img:nth-child(2) {
    width: 14%;
    left: 42%;
	top:8%;
	animation: lava-samsung-2 10s infinite;
    animation-delay: 5s;
}

@keyframes lava-samsung{
	0%{
		opacity: 0;
	}
	20%,80%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}

@keyframes lava-samsung-2{
	0%{
		opacity: 0;
	}
	40%,60%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}

	/* ajustes no responsivo */
	#anima-limpeza-higienica-samsung,
	.anima-durabilidade-samsung,
	.anima-tambor-samsung,
	.anima-frescas-samsung-mobile{
		display: none;
	}

@media (max-width: 767.98px) {
	#limpeza-higienica-samsung,
	#durabilidade-samsung,
	#tambor-samsung,
	#frescas-samsung{
		background: #ffffff;
		height: auto;
		padding-bottom: 0%;
		text-align: center;
	}

	#anima-limpeza-higienica-samsung,
	.anima-durabilidade-samsung,
	.anima-tambor-samsung,
	.anima-frescas-samsung-mobile{
		display: block;
	}

	.anima-durabilidade-samsung img{
		width: 200%;
		display: block;
	}
	#anima-limpeza-higienica-samsung img{
		width: 100%;
		display: block;
	}
	.anima-tambor-samsung img,
	.anima-frescas-samsung-mobile img{
		float: right;
		width: 170%;
	}

}