/* 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;
		padding-bottom: 0 !important;
		font-size: min(1.8vw, 18px);
		line-height: min(2.5vw, 24px);
	}
	
	.wrapperSamsung h2, .wrapperSamsung h3 {
		font-family: SamsungSharpSans, sans-serif;
	}
	
	.wrapperSamsung h3 {
		margin: 0 0 5%;
		font-size: min(3vw, 30px);
		line-height: min(4vw, 32px);
	}
	
	.wrapperSamsung sup {
		font-size: .75em;
		line-height: .5em;
	}
	
	.wrapperSamsung h4 {
		font-weight: 700;
		margin: 0 0 5%;
		font-size: min(2vw, 22px);
		line-height: min(3vw, 26px);
	}
	
	.wrapperSamsung .containerSamsung {
		overflow: hidden;
		max-width: 85%;
		padding: calc(20px + 4%) 15px;
	}

	
	.wrapperSamsung input {
		display: none;
	}

	.alinhamento-vertical-samsung {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#big-box-samsung,
	#iluminacao-samsung{
		text-align: center;
	}
#intro-samsung img {
	width: 100%;
	display: block;
}



/* tensao-samsung */
#tensao-samsung-text{
	text-align: center;
}
#tensao-samsung {
    background: url(../img/tensao-samsung.jpg) top left no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 47%;
    position: relative;
	text-align: center;
	color: #fff;
}

#tensao-samsung .zoom img {
	position: absolute;
    top: 13%;
    left: 1%;
    width: 35%;
    cursor: pointer;
}

#tensao-samsung .anima-tensao-samsung{
    background-color: rgb(236 236 236 / 65%);
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    z-index: 9999;
    top: 0;
    display: none;
}

#tensao-samsung .anima-tensao-samsung .containerSamsung{
	padding-top: 0;
}

#tensao-samsung .anima-tensao-samsung img{
    width: 46%;
}

#tensao-samsung-input:checked ~ #tensao-samsung .anima-tensao-samsung{
    display: block;
}

#tensao-samsung .anima-tensao-samsung label:after {
    content: '\002716';
    display: block;
    width: 2.656vw;
    height: 2.656vw;
    border-radius: 50%;
    background-color: #FFF;
    cursor: pointer;
    line-height: 2.656vw;
    text-align: center;
    font-weight: bold;
    color: #000;
    font-size: 1.6vw;
    margin-left: -2vw;
    margin-top: 2vw;
    float: right;
}

#tensao-samsung .anima-tensao-samsung label:hover:after{
    color: #FFF;
    background-color: #000;
    transition: 0.5s;
}


/* #funcoes-smasung */
#funcoes-smasung{
	position: relative;
    height: 0;
	padding-bottom: 65%;
}

#funcoes-smasung img{
	width: 100%;
}

#funcoes-samsung-energia, 
#funcoes-samsung-silenciosa, 
#funcoes-samsung-garantia{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    padding-bottom: 66%;
    transition: opacity 1s ease-in-out 0s;
}

.anima-foco-samsung{
	padding-bottom: 31%;
}
.anima-foco-samsung label{
    cursor: pointer;
    width: 33%;
	float: left;
}

.anima-foco-samsung label img{
	width: 90% !important;
	display: block;
	margin: auto;
}

#energia:checked ~ #funcoes-samsung-energia, 
#silenciosa:checked ~ #funcoes-samsung-silenciosa, 
#garantia:checked ~ #funcoes-samsung-garantia {
	opacity: 1;
	transition: opacity 0.5 ease-in-out 0s;
}

#anima-funcoes-samsung-2{
	position: absolute;
    top: 0%;
    color: #fff;
    width: 100%;
}

#funcoes-samsung-energia img:nth-child(4){
    width: 6%;
    left: 29%;
    bottom: 13%;
    position: absolute;
	animation: funcoes-samsung 8s infinite;
	animation-delay: 0s;
}
#funcoes-samsung-energia img:nth-child(3){
    width: 10%;
    right: 6%;
    bottom: 43%;
    position: absolute;
    animation: funcoes-samsung 8s infinite;
    animation-delay: 1s;
}

@keyframes funcoes-samsung{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.3);
	}
	100%{
		transform: scale(1);
	}
}

#funcoes-samsung-silenciosa img:nth-child(4){
	width: 10%;
    left: 19%;
    bottom: 9%;
	position: absolute;
	animation: funcoes-samsung 8s infinite;
	animation-delay: 1s;
}
#funcoes-samsung-silenciosa img:nth-child(3){
    width: 10%;
    right: 6%;
    bottom: 43%;
    position: absolute;
    animation: funcoes-samsung 8s infinite;
    animation-delay: 1s;
}

#funcoes-samsung-garantia img:nth-child(3){
	width: 5.6%;
    right: 20.3%;
    bottom: 87.6%;
    position: absolute;
    animation: funcoes-samsung 8s infinite;
    animation-delay: 1s;
}


/*all-around */
#all-around-samsung{
    background: url(../img/all-around.jpg) top left;
    background-size: cover;
    height: 0;
    padding-bottom: 64%;
    position: relative;
	color: #fff;
}

#all-around-samsung .containerSamsung{
    padding-top: 10%;
}

#all-around-samsung span{
    font-weight: 400;
    margin: 0;
    font-size: calc(6px + 1vw);
    line-height: calc(14px + 1vw);
}
#anima-all-around-samsung{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

#anima-all-around-samsung img{
    position: absolute;
    width: 7%;
    opacity: 0;
    animation: 3s piscar infinite;
}

#anima-all-around-samsung img:nth-child(1){
    top: 30%;
    left: 46%;
    position: absolute;
    animation-delay: 0s;
}

#anima-all-around-samsung img:nth-child(2){
    top: 14%;
    left: 46%;
    position: absolute;
    animation-delay: 0s;
}

#anima-all-around-samsung img:nth-child(3){
    top: 17%;
    left: 44%;
    position: absolute;
    animation-delay: 0s;
}

#anima-all-around-samsung img:nth-child(4){
    top: 21%;
    left: 15%;
    position: absolute;
    animation-delay: 0s;
}

#anima-all-around-samsung img:nth-child(5){
    top: 59%;
    left: 10%;
    position: absolute;
    width: 36%;
    animation-delay: 1s;
}

#anima-all-around-samsung img:nth-child(6){
    top: 68%;
    left: 10%;
    position: absolute;
    width: 36%;
    animation-delay: 1s;
}
#anima-all-around-samsung img:nth-child(7){
    top: 78%;
    left: 37.2%;
    position: absolute;
    width: 36%;
    animation-delay: 2s;
}
#anima-all-around-samsung img:nth-child(8){
    top: 75%;
    left: -3%;
    position: absolute;
    width: 36%;
    animation-delay: 2s;
}
#anima-all-around-samsung img:nth-child(9){
    top: 75%;
    left: 6%;
    position: absolute;
    width: 51%;
    animation-delay: 1s;
}
#anima-all-around-samsung img:nth-child(10){
    top: 73%;
    left: 6%;
    position: absolute;
    width: 51%;
    animation-delay: 1s;
}

#anima-all-around-samsung img:nth-child(11){
    top: 17%;
    left: 20.3%;
    position: absolute;
    width: 14%;
    animation-delay: 0s;
    animation-duration: 3s;
}


@keyframes piscar{
    0%{
        opacity: 0;
    }
    40%,60%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}



/* power-cool */

#power-cool-samsung {
	text-align: center;
	background-color: #dee7ee;
}

#power-cool-samsung .containerSamsung:nth-last-child(1){
	padding-top: 0;
	overflow: visible;
}

#anima-power-cool-samsung {
	background: url(../img/power-cool-samsung.png) top center no-repeat;
	background-size: cover;
	height: 0;
	padding-bottom: 66.6%;
	text-align: center;
	position: relative;
}

#cont-power-cool-samsung {
	position: absolute;
	width: 33%;
	height: 101%;
	top: 0%;
	left: 0%;
	overflow: hidden;
	border-right: 5px solid #fff;
	transition: all 1s ease-in-out 0s;
}

#labels-power-cool-samsung {
	width: 12.5%;
    height: 12.5%;
    position: absolute;
    top: 32.5%;
    left: 26.5%;
    background: url(../img/slider-samsung.png) center no-repeat;
    background-size: contain;
    transition: all 1s ease-in-out 0s;
}

#labels-power-cool-samsung label {
	width: 50%;
	height: 100%;
	float: left;
	cursor: pointer;
}

#cont-power-cool-samsung img {
	height: 100%;
	display: block;
}

#anima-power-cool-samsung #link-8-samsung, #anima-power-cool-samsung #link-9-samsung {
    position: absolute;
    top: -4%;
    width: 18%;
    height: 23%;
	z-index: 999999;
}

#anima-power-cool-samsung  #link-8-samsung {
	background: url(../img/power-cool-off-samsung.png) top left no-repeat;
	background-size: contain;
	left: 1%;
}

#anima-power-cool-samsung  #link-9-samsung {
	width: 23%;
	background: url(../img/power-cool-off-samsung.png) top left no-repeat;
	background-size: contain;
	right: -8%;
	transition: all .5s ease-in-out 0s;
}

#power-cool-off:checked ~ #cont-power-cool-samsung {
	width: 6.4%;
}

#power-cool-on:checked ~ #cont-power-cool-samsung {
	width: 97.2%;
}

#power-cool-off:checked ~ #labels-power-cool-samsung {
	left: 0%;
}

#power-cool-on:checked ~ #labels-power-cool-samsung {
	left: 90.7%;
}


/* aroma-samsung */
#aroma-samsung img{
	width: 100%;
	display: block;
}

/* big-box-samsung */
#big-box-samsung,
#iluminacao-samsung{
	background-color: #000;
	color: #fff;
}

#big-box-samsung img,
#iluminacao-samsung img{
	width: 100%;
	display: block;
	margin-top: -6%;
}

/* prateleira samsung */
#prateleira-samsung{
	background-color: #000;
	color: #fff;
}
#prateleira-samsung .containerSamsung{  
    text-align: center;
    padding: calc(20px + 4%) 15px 0 15px;
}

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

#anima-prateleira-samsung img{
    position: absolute;
    top: 37.2%;
    left: 8.7%;
    width: 28%;
    animation: piscar 5s infinite;
}

@keyframes piscar{
    0%{
        opacity: 0;
    }
    40%,60%{
        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 (min-width: 1280px) {
 }

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

@media (max-width: 767.98px) {
	.wrapperSamsung .containerSamsung {
    	text-align: center;
    	padding: calc(15px + 2%) 15px ;
    	max-width: 100%;
    }
	
	.desktop {
		display: none;
	}
	
	.mobile {
		display: block !important;
	}
	
	.colSamsung-md-5, .colSamsung-md-6 {
		text-align: center;
	}
	
	.colSamsung-md-5 p {
		margin-bottom: 5%;
	}
	
	.wrapperSamsung h3 {
        font-size: calc(15px + 1vw);
        line-height: calc(18px + 1vw)
	}
	
	.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);
	}
	
    #tensao-samsung .zoom img{
		position: absolute;
		top: 73%;
		left: 2%;
		width: 50%;
		cursor: pointer;
    }

	#anima-funcoes-samsung-2{
		position: initial !important;
		color: #fff;
		background: #000;
	}
	
	#funcoes-smasung img:nth-of-type(1) {
		transform: scale(1);
		width: 150%;
		position: absolute;
		bottom: 0;
		right: -1%;
	}

	#funcoes-smasung,
	#funcoes-samsung-energia,
	#funcoes-samsung-silenciosa,
	#funcoes-samsung-garantia{
		background: #000;
		padding-bottom: 153%;
		overflow: hidden;
	}
	
	#funcoes-samsung-garantia img:nth-child(3) {
    bottom: 53%;
    right: 31.3%;
}
	
	#funcoes-samsung-garantia img {
		transform: scale(2);
	}
	
#funcoes-samsung-energia img:nth-child(3),
#funcoes-samsung-silenciosa img:nth-child(3) {
	transform: scale(3);
    left: 65%;
    bottom: 27%;
}
	
	@keyframes funcoes-samsung{
	0%{
		transform: scale(3);
	}
	50%{
		transform: scale(3.5);
	}
	100%{
		transform: scale(3);
	}
}


	.anima-foco-samsung.mobile label{
		cursor: pointer;
		width: 33%;
		float: left;
	}

	.anima-foco-samsung.mobile{
		z-index: 99999;
		width: 100%;
		padding-bottom: 24%;
		position: relative !important;
		left: 0;
	}   
	
	#all-around-samsung{
		height: auto;
        background: none !important;
        padding-bottom: 0 !important;
		color: #000;
	}

	.all-around-samsung-mobile {
        background: url(../img/all-around.jpg) top left;
        background-size: cover;
        height: 0;
        padding-bottom: 64%;
        position: relative !important;
        overflow: visible;
    }
	
	#footer-samsung p {
		font-size: 1.5vw;
	}
}
    
@media (max-width: 600px) {

}
    
@media (max-width: 575px) {

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


}
    
@media (max-width: 450px) {
	.desktop {
		display: none !important;
	}
	#funcoes-smasung,
	#funcoes-samsung-energia,
	#funcoes-samsung-silenciosa,
	#funcoes-samsung-garantia{
		background: #000;
		padding-bottom: 160%;
		overflow: hidden;
	}
	#labels-power-cool-samsung {
		transform: scale(3);
	}

	}
    
@media (max-width: 400px) {
}

@media (max-width: 365px) {
	#funcoes-smasung,
	#funcoes-samsung-energia,
	#funcoes-samsung-silenciosa,
	#funcoes-samsung-garantia{
		background: #000;
		padding-bottom: 174%;
		overflow: hidden;
	}

}
  
@media (max-width: 325px) {
	#funcoes-smasung,
	#funcoes-samsung-energia,
	#funcoes-samsung-silenciosa,
	#funcoes-samsung-garantia{
		background: #000;
		padding-bottom: 185%;
		overflow: hidden;
	}
}