/* 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;
	}
	
	.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;
	}
	
	.wrapperSamsung input {
		display: none;
	}


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

#detalhes-samsung,
#angulo-samsung,
#tons-samsung,
#cansaso-samsung,
#freesync-samsung,
#bordas-samsung,
#multi-produtivo-samsung{
	text-align: center;
}

#detalhes-samsung img,
#angulo-samsung img,
#tons-samsung img,
#cansaso-samsung img,
#freesync-samsung img{
	width: 100%;
	display: block;
}

/* #detalhes-samsung */
#detalhes-samsung{
	background-color: #000;
	color: #fff;
}

/* bordas-samsung */
.anima-bordas-samsung{
	background: url("../img/bordas-samsung.jpg") top left no-repeat;
	background-size: cover;
	height: 0;
	padding-bottom: 56%;
	position: relative;
	overflow: hidden;
}

.anima-bordas-samsung img{
	position: absolute;
	top: 100%;
	left: 17%;
	width: 70%;
	transition: 3s;
}

.anima-bordas-samsung:hover img{
	top: 0%;
	transition: 3s;
}

/* multi-produtivo-samsung */
#anima-multi-produtivo-samsung{
	margin-bottom: 3%;
}

#multi-produtivo-samsung{
	position: relative;
}

  /*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: 120px;
	position: absolute;
	top: 55%;
	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: 6%;
	height: 125%;
	cursor: pointer;
  }
  
  .slider-dot-control-3 {
	position: absolute;
    width: 100%;
    height: 2%;
    bottom: 0%;
    text-align: center;
  }
  .slider-dot-control-3 label {
	cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    width: 1.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 .inner-3 {
	transform: translateZ(0);
	transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  
  .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;

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

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

/* 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;
	}
	
	.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);
	}

	#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;
	}
	
	#intro-samsung {
		background: url(../img/introc-samsung.jpg) center top no-repeat;
		background-size: cover;
		padding-bottom: 145%;
	}

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

@media (max-width: 365px) {
}
  
@media (max-width: 325px) {
}
