/* 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 0 min(1.8vw, 18px);
	padding-bottom: 0 !important;
	font-size: min(1.8vw, 18px);
	line-height: min(2.5vw, 24px);
}

.wrapperSamsung p small {
	display: block;
	font-size: min(1.8vw, 12px);
	line-height: min(2.5vw, 18px);
}

.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 + 3%) 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;
}

.desktop {
	display: block !important;
}

.mobile {
	display: none !important;
}

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

#power-samsung img{
	width: 100%;
	display: block;
	margin: auto;
}

#jarra-samsung .colSamsung-md-6,
#gelo-samsung .colSamsung-md-6,
#design-samsung .colSamsung-md-6{
	margin: auto;
}

#jarra-samsung img:nth-child(1),
#gelo-samsung img:nth-child(1),
#design-samsung img:nth-child(1){
	width: 100%;
}

/* #jarra */
#jarra-samsung .colSamsung-md-6.order-md-first{
	position: relative;
}

#jarra-samsung img:nth-child(2){
    position: absolute;
    width: 27%;
    top: 7%;
    left: 63%;
}

/* #gelo */
#gelo-samsung .colSamsung-md-6:nth-child(2){
	position: relative;
	overflow: hidden;
}

#gelo-samsung img:nth-child(3),
#gelo-samsung img:nth-child(4),
#gelo-samsung img:nth-child(5),
#gelo-samsung img:nth-child(6){
	animation: gelo-samsung 3s infinite ;
	opacity: 0;
}

#gelo-samsung img:nth-child(2){
    position: absolute;
    width: 27%;
    top: 21%;
    left: 6%;
}

#gelo-samsung img:nth-child(3){
    position: absolute;
    width: 52%;
    top: 38%;
    left: 13%;
	animation-delay: 0s;
}

#gelo-samsung img:nth-child(4){
    position: absolute;
    width: 52%;
    top: 40%;
    left: 13%;
	animation-delay: 0s;
}

#gelo-samsung img:nth-child(5){
    position: absolute;
    width: 25%;
    top: 9%;
    left: 21%;
	animation-delay: 0.8s;
}

#gelo-samsung img:nth-child(6){
    position: absolute;
    width: 25%;
    top: 10%;
    left: 37%;
	animation-delay: 0.8s;
}

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

/*all-around */
#digitalinverter-samsung{
    background: url(../img/6.Digitalinverter.png) top right;
    background-size: cover;
    height: 0;
    padding-bottom: 63%;
    position: relative;
}

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

/* design-samsung */
#design-samsung .colSamsung-md-6.order-md-first{
	position: relative;
}

#design-samsung img:nth-child(2){
    position: absolute;
    width: 70.3%;
    top: 21.1%;
    left: 8.8%;
	transition: all 0.5s;
	opacity: 0;
}

#design-samsung .colSamsung-md-6.order-md-first:hover > img:nth-child(2){
	position: absolute;
	width: 80%;
	top: 16%;
	left: 13%;
	transition: all 0.5s;
	opacity: 1;
}

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

/* view-inside-samsung */
#anima-view-inside-samsung{
	position: relative;
}

#anima-view-inside-samsung .colSamsung-md-6{
	margin-top: 10%;
}

#anima-view-inside-samsung .inner-3 article:nth-child(1) .background{
	background: url(../img/around-cooling-samsung-1.jpg) top left;
	background-size: cover;
	height: 0;
	padding-bottom: 56%;
}

#anima-view-inside-samsung .inner-3 article:nth-child(2) .background{
	background: url(../img/around-cooling-samsung-2.jpg) top left;
	background-size: cover;
	height: 0;
	padding-bottom: 56%;
	animation: anima-view-inside 2s infinite alternate;
}

@keyframes anima-view-inside {
	0%{
		background: url(../img/around-cooling-samsung-2.jpg) top left;
		background-size: cover;
		height: 0;
		padding-bottom: 56%;
	}
	50%,100%{
		background: url(../img/around-cooling-samsung-3.jpg) top left;
		background-size: cover;
		height: 0;
		padding-bottom: 56%;
	}
}


#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: 20px;
	margin-bottom: 5px;
	width: 95px;
}

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

/* RESPONSIVO */
@media (max-width: 767.98px) {
	.wrapperSamsung .containerSamsung {
		text-align: center;
		padding: calc(15px + 2%) 15px !important;
		max-width: 100%;
	}
	
	.desktop {
		display: none !important;
	}
	
	.mobile {
		display: block !important;
	}
	
	.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 + 1.5vw);
		line-height: calc(14px + 1.5vw);
	}
	
	.wrapperSamsung p small {
		font-size: calc(6px + 1vw);
		line-height: calc(10px + 1vw);
	}
	
	#footer-samsung p {
		font-size: 1.5vw;
	}

	#jarra-samsung,
	#gelo-samsung,
	#power-samsung,
	#digitalinverter-samsung{
		text-align: center;
	}

	#digitalinverter-samsung{
        height: auto;
        background: none !important;
        padding-bottom: 0 !important;
		color: #000;
	}
	.digitalinverter-samsung-mobile {
		background: url(../img/6.Digitalinverter.png) top left;
		background-size: cover;
		height: 0;
		padding-bottom: 64%;
	}

	#jarra-samsung img:nth-child(1), 
	#gelo-samsung img:nth-child(1), 
	#design-samsung img:nth-child(1){
		padding: calc(15px + 2%) 0px 0px 0px;
	}

	#anima-view-inside-samsung .colSamsung-md-6{
		margin-top: 0;
	}
	#anima-view-inside-samsung .inner-3 .background{
		color: rgba(255, 255, 255, 0);
	}
}

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


  /*Downloaded from https://www.codeseek.co/trungk18/responsive-slideshow-carousel-with-only-html5-andamp-css3-EydyoL */
/*---- NUMBER OF SLIDE CONFIGURATION ----*/
.inner-3 {
	width: 500%;
	line-height: 0;
  }
  
  article.slider-3 {
	width: 20%;
	float: left;
	position: relative;
  }
  
  /*---- SET UP CONTROL ----*/
  .slider-prev-next-control-3 {
	height: 40px;
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
  }
  .slider-prev-next-control-3 label {
	display: none;
	width: 10%;
	height: 125%;
	cursor: pointer;
  }
  
  .slider-dot-control-3 {
	position: absolute;
    width: 22%;
    height: 2%;
    bottom: 7%;
    right: 14.6%;
    text-align: center;
  }
  .slider-dot-control-3 label {
	cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    width: 5%;
    height: 100%;
    border: 3px solid #808080;
    opacity: .5;
    transition: all .5s ease-in-out;
    margin: 0 0.5%;
  }
  .slider-dot-control-3 label:hover {
	  opacity: 1;
  }
  
  /* Slider Styling */
  .slider-wrapper-3 {
	position: relative;
	overflow: hidden;
  }
  
  .slider-wrapper-3 img {
	  display: block;
	  width: 100%;
	  height: 100%;
  }
  
  .slider-prev-next-control-3 label::after {
	display: block;
  }
  
  #slide1-3:checked ~ .slider-prev-next-control-3 label:nth-child(2)::after, 
  #slide2-3:checked ~ .slider-prev-next-control-3 label:nth-child(3)::after, 
  #slide3-3:checked ~ .slider-prev-next-control-3 label:nth-child(4)::after, 
  #slide4-3:checked ~ .slider-prev-next-control-3 label:nth-child(5)::after, 
  #slide5-3:checked ~ .slider-prev-next-control-3 label:nth-child(6)::after,
  #slide20-2:checked ~ .slider-prev-next-control-2 label:nth-child(1)::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/right-arrow-samsung.png) center no-repeat;
	background-size: contain;
	padding-left: 15px;
  }
  
  #slide1-3:checked ~ .slider-prev-next-control-3 label:nth-child(2), 
  #slide2-3:checked ~ .slider-prev-next-control-3 label:nth-child(3), 
  #slide3-3:checked ~ .slider-prev-next-control-3 label:nth-child(4), 
  #slide4-3:checked ~ .slider-prev-next-control-3 label:nth-child(5), 
  #slide5-3:checked ~ .slider-prev-next-control-3 label:nth-child(6),
  #slide20-2:checked ~ .slider-prev-next-control-2 label:nth-child(1) {
	display: block;
	float: right;
	margin-right: 5px;
  }
  
  #slide2-3:checked ~ .slider-prev-next-control-3 label:nth-child(1), 
  #slide3-3:checked ~ .slider-prev-next-control-3 label:nth-child(2), 
  #slide4-3:checked ~ .slider-prev-next-control-3 label:nth-child(3), 
  #slide5-3:checked ~ .slider-prev-next-control-3 label:nth-child(4),
  #slide1-3:checked ~ .slider-prev-next-control-3 label:nth-child(20) {
	display: block;
	float: left;
	margin-left: 5px;
  }
  
  #slide2-3:checked ~ .slider-prev-next-control-3 label:nth-child(1)::after, 
  #slide3-3:checked ~ .slider-prev-next-control-3 label:nth-child(2)::after, 
  #slide4-3:checked ~ .slider-prev-next-control-3 label:nth-child(3)::after, 
  #slide5-3:checked ~ .slider-prev-next-control-3 label:nth-child(4)::after,
  #slide1-3:checked ~ .slider-prev-next-control-3 label:nth-child(20)::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/left-arrow-samsung.png) center no-repeat;
	background-size: contain;
	padding-left: 8px;
	opacity: 1;
  }

  #slide1-3:checked ~ .slider-wrapper-3 .inner-3 {
	margin-left: 0%;
  }
  
  #slide2-3:checked ~ .slider-wrapper-3 .inner-3 {
	margin-left: -100%;
  }
  
  #slide3-2:checked ~ .slider-wrapper-2 .inner-2 {
	margin-left: -200%;
  }
  
  #slide4-2:checked ~ .slider-wrapper-2 .inner-2 {
	margin-left: -300%;
  }
  
  #slide5-2:checked ~ .slider-wrapper-2 .inner-2 {
	margin-left: -400%;
  }
  
  #slide1-3:checked ~ .slider-dot-control-3 label:nth-child(1), 
  #slide2-3:checked ~ .slider-dot-control-3 label:nth-child(2), 
  #slide3-3:checked ~ .slider-dot-control-3 label:nth-child(3), 
  #slide4-3:checked ~ .slider-dot-control-3 label:nth-child(4), 
  #slide5-3:checked ~ .slider-dot-control-3 label:nth-child(5) {
	background: #808080;
  }
  
  /*---- TABLET ----*/
  @media only screen and (max-width: 850px) and (min-width: 450px) {
	.slider-wrapper-3 {
	  border-radius: 0;
	}
  }
  /*---- MOBILE----*/
  @media only screen and (max-width: 450px) {
	.slider-wrapper-3 {
	  border-radius: 0;
	}
  
	.slider-wrapper-3 .info {
	  opacity: 0;
	}
  }