@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Lato:100');

@import url('https://fonts.googleapis.com/css?family=Lato:300i');

@import url('https://fonts.googleapis.com/css?family=Lato:700');

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U0 0FF, U131, U152 -153, U2C6, U2DA, U2DC, U2000 -206F, U2074, U20AC, U2212, U2215, UE0FF, UEFFD, UF000; 
}


.header-inicio{
	    background-image: url(https://miami.com.br/Custom/Content/Themes/Miami/hotsite-sony-xbr/img/topo-hotsite.jpg);
    height: 300px;	
	width:100%;
	    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.texto-header-topo-div{
	width:auto;
	max-width:400px;
	height:200px;
	position:absolute;
	top:60px;
	left:80px;	
}
.texto-header-topo{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#fff;
	font-size:15px;
}

.texto-header-topo-maior{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#fff;
	font-size:31px;
}

.wd-browsing-breadcrumbs{
	display:none;
}
body:not(.HomeRoute) section#middle {
    padding-top: 0px;
}

.section2{
	width:100%;
	height:440px;
	background-color:#fff;
}
.delimitador{
	max-width:1200px;
	height:auto;
	margin:0 auto;
	padding-bottom: 50px;
}
.section2 .texto2{
	width:auto;
	max-width:50%;	
	height:auto; 
	float:right;
	float:right;
	margin-top:25px;
}
.section2 .video2{
	width:425px;
	max-width:45%;
	height:auto; 
	float:left; 
	padding:30px; 
	margin-top:65px;	
}
.section2 .t3-bold{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#2f353d;
	font-size: 1.875em;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
}
.section2 .t7{
	color:#2f353d;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size: 0.9375em;
    line-height: 1.46667;
    margin-bottom: 6px;
}
.section2 .p3{
	color:#2f353d;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#83838f;
	line-height: 20px;
}


.section3{
	width:100%;
	height:auto;
	color:#bbb;
	background-image:url("https://www.miami.com.br/Custom/Content/Themes/Miami/hotsite-sony-xbr/img/xbr-logo.jpg");
    background-repeat: no-repeat;
	background-position:right;
    background-color: #1C1C1C;
}
.section3 .texto{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:300;
	padding:80px;
	width:50%;
	max-width:580px;
	height:auto;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color:#fff;
}
.section3 .t3-bold, .section3 .t7, .section3 .p3{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:300;
}
.section3 .t3-bold{
	font-size:30px;
	line-height:36px;
}
.section3 .t7{
	font-size:15px;
	line-height:22px;
}
.section3 .p3{
	font-size:13px;
	line-height:20px;
}
.fundo3{
	background-color:#1C1C1C;
	width:100%;
}

.fundo4{
	background-color:#F1F5f9;
	width:100%;
	margin-top: -30px;
}
.section4{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:300;
	color: #83838f;
	height:auto;
	padding:50px;
}
.section5{
	width:100%;
	height:440px;
	margin-bottom:10px;
}
.section5 .texto{
	width:60%;	
	height:auto;
	float:right;
	color:white;
	position: relative;
  top: 50%;
  margin-right:30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.section5 .texto .titulo{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:30px;
	width:60%;
	line-height:36px;
}
.section5 .texto .conteudo{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:13px;
	line-height:20px;
	margin-top:20px;
}
.section5 .icone{
	width:30%;
	height:auto;
	float:left;

	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fundo5{
	background-color:#494646;
	width:100%;
	height:auto;
}

.section6 .icone5{
	text-align:center;
  width: 355px;
  vertical-align: top;/*Fix for different     height elements*/
  margin-top:80px;
  margin-bottom: 80px;
  display: inline-block;
  color: #fff;
}
.section6{
	width: 100%;
  	text-align: center;
	margin-bottom:30px;
}
.section6 .titulo{
	margin-top:20px;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:15px;
}
.section6 .bt{
	margin-top:15px;
	line-height:20px;
	font-size:13px;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:300;
	text-transform:uppercase;
}
.btLink{
	color:#f3f3f3;	
	text-decoration:none;
}
.btLink:hover{
	color:#fff;	
	text-decoration:underline;
}


.section6 .legenda-icones{
	width:100%; 
	height:80px; 
}

.texto-obs{
	font-size:11px;
}

#header, #middle, #footer {
    min-width: 360px;
}


.titulo-lista{
	font-size: 26px;
    font-weight: 300;
    padding: 50px;
    color: #bdbdbd;
	clear:both;
}

@media (max-width: 960px) {
.section2{
	height:auto;
}
.section2 .video2{
	width:425px;
	max-width:80%;
	margin:0 auto;
	float:none;
	margin-top:30px;
}
.section2 .texto2{
	width:auto;
	max-width:100%;
	margin:0 auto;
	float:none;
	margin-bottom:50px;
}
.section3{
	width:100%;
	height:auto;
	background-size:400px auto;
	background-position:top;
}
.section3 .texto{
	padding:30px;
	padding-top:300px;
	width:100%;
	max-width:100%;
}
.delimitador{
	margin-left:20px;
	margin-right:20px;
}

}

@media (max-width: 800px) {

.section2 .video2{
	width:425px;
	padding:0;
}
.texto-header-topo-div{
	width:auto;
	max-width:400px;
	height:250px;
	top:50px;
	left:20px;
	right:20px;
	margin-left:auto;
	margin-right:auto;	
}
.section5 .icone img{
	width:300px;
	
}
.section5 .icone{
	width:100%;
	text-align:center;
	vertical-align:text-top;
	margin-top:-80px;
}
.section5 .texto{
	width:100%;
	max-width:100%;
	float:none;
	margin-left:20px;
	margin-right:20px;
	top: 230px;
}

}