* {
  margin: 0;
  padding: 0;
  border: none;
  background-repeat: no-repeat;
  list-style: none;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1em;
  -webkit-font-smoothing: antialiased
}

body,
html {
  width: 100%;
  min-height: 100%;
  min-width: 800px;
  overflow-x: hidden
}

img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%
}

a {
  display: block;
  text-decoration: none
}

a:hover {
  text-decoration: underline
}

.container {
  width: 780px;
  padding: 0 10px;
  margin: 0 auto;
  position: relative
}

.absolute {
  position: absolute;
  left: 50%
}

.hotspots li {
  z-index: 10;
  opacity: 1 !important
}

.hotspots-content img {
  z-index: 9;
  opacity: 0;
  -webkit-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1)
}

.hotspots-content img.active {
  opacity: 1
}

.animated {
  opacity: 0
}

section .animated:nth-child(0),
header .animated:nth-child(0) {
  animation-delay: 0s;
  -webkit-animation-delay: 0s
}

section .animated:nth-child(1),
header .animated:nth-child(1) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s
}

section .animated:nth-child(2),
header .animated:nth-child(2) {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s
}

section .animated:nth-child(3),
header .animated:nth-child(3) {
  animation-delay: 2.4s;
  -webkit-animation-delay: 2.4s
}

section .animated:nth-child(4),
header .animated:nth-child(4) {
  animation-delay: 3.2s;
  -webkit-animation-delay: 3.2s
}

section .animated:nth-child(5),
header .animated:nth-child(5) {
  animation-delay: 4s;
  -webkit-animation-delay: 4s
}

section .animated:nth-child(6),
header .animated:nth-child(6) {
  animation-delay: 4.8s;
  -webkit-animation-delay: 4.8s
}

section .animated:nth-child(7),
header .animated:nth-child(7) {
  animation-delay: 5.6s;
  -webkit-animation-delay: 5.6s
}

.title1 {
  font: normal 30px/0.8em "Roboto Condensed", sans-serif;
  color: #1d4783;
  margin-bottom: 18px
}

.title1 strong {
  font-weight: bold;
  display: block
}

.text {
  font: normal 16px/1.2em Arial, sans-serif;
  color: #575756
}

header {
  background: url(../images/bg-topo.jpg) no-repeat center;
  height: 772px;
  position: relative;
  overflow: hidden
}

header figure#logo {
  top: 33px;
  margin-left: 213px
}

header .main-title {
  top: 33px;
  margin-left: -357px
}

header .main-title h1 {
  margin-bottom: 9px
}

header .main-title h1 strong {
  display: inline
}

header .main-title ul li {
  font: normal 16px "Roboto Condensed", sans-serif;
  color: #575756;
  display: inline-block
}

header .main-title ul li:after {
  content: "•";
  display: inline-block;
  margin: 0 5px;
  color: #f7b129;
  font-size: 41px;
  vertical-align: middle;
  line-height: 0
}

header .main-title ul li:last-child:after {
  content: ""
}

header h2 {
  top: 297px;
  margin-left: 0px;
  color:#001722 !important;
  font-size:37px !important;
}
header h2 span{
  font-size:50px !important;
  font-weight: bold;
}

header h3{
  top:300px;
  text-align: center;
  font-size: 28px !important;
  font-family: "Roboto Condensed", arial !important;
  line-height: 24px !important;
  top: 266px;
  margin-left: -79px;
  font-weight: bold !important;
  color:#f3c800 !important;
}

section#features0 {
  height: 511px;
  background: url('../images/bgfeatures00.jpg') no-repeat top center;
}

#features0 .title1 {
  color: #fff;
  font-size: 34px;
}
#features0 .title1  span {
  font-weight: bold;
}

#features0 .conteudo-texto {
  left: 342px;
top: -10px;
}
#features0 .title2 {
  color: #336699;
  font-size: 35px;
}
#features0 .title2 span {
  font-weight: bold;
}
#features0 p.text {
  margin-top:15px;
}

#features0 .text2 {
  top: 220px;
  left: 60%;
}

section#features1 {
  background: url(../images/bgfeatures01.jpg) no-repeat top center;
  height: 514px
}

section#features1 div.text {
  margin-left: -371px;
  /*top: 18px*/
  top: -20px;
}
section#features1 h3.title1{
  color:#ffcc00;
  font-size:36px;
}
section#features1 .text{
  color:#fff;
}

section#features1 .text2{
  /*top:220px;*/
  top: 190px;
  left: 72px;
}
section#features1 .text3{
  top:285px;
  left: 72px;
}
section#features1 .text4{
  top:405px;
  left: 72px;
}
section#features1 .text2 h3{
  color:#001722;
  font-size:20px;
  margin-bottom: 8px;
}
section#features1 .text2 p{
  font-size:15px;
  color:#104b92;
  line-height: 15px;
}
section#features1 .text3 h3{
  color:#001722;
  font-size:22px;
  margin-bottom: 8px;
}
section#features1 .text3 p{
  font-size:15px;
  color:#bce7ff;
  line-height: 15px;
}
section#features1 .text4 h3{
  font-size:22px;
  margin-bottom: 8px;
}
section#features1 .text4 p{
  font-size:15px;
  color:#3d88e2;
  line-height: 15px;
}

section#features1 .hotspots .item1 {
  top: 492px;
  margin-left: 216px;
}

section#features1 .hotspots-content .item1 {
  top: 510px;
  margin-left: 198px;
}

section#features1 .appstore{
  top: 335px;
  left: 494px;
}
section#features1 .google-play{
  top: 335px;
  left: 638px;
}

section#features2 {
  background: url(../images/bgfeatures02.jpg) no-repeat top center;
  height: 523px;
}

#features2 h3 span {
  font-weight: bold;
}

section#features2 div.text {
  margin-left: -49px;
  top: 20px;
}
section#features2 .text h3{
  color:#001722;
  font-size:32px;
  letter-spacing: -1px;
  margin-bottom: 20px;
}
section#features2 .text p{
  color:#9cd3f3;
  font-family: arial, Helvetica;
}

section#features2 div.text2 {
  margin-left: 58px;
  top: 265px;
}
section#features2 .text2 h3{
  color:#44a1d7;
  font-size:28px;
  margin-bottom: 10px;
  font-weight: bold;
}
section#features2 .text2 p{
  color:#9cd3f3;
  font-family: arial, Helvetica;
}

section#features2 .hotspots .item1 {
top: 293px;
margin-left: -311px;
}

section#features2 .hotspots-content .item1 {
top: 22px;
margin-left: -362px;
}

section#features3 {
background: url(../images/bgfeatures03.jpg) no-repeat top center;
height: 718px
}

section#features3 .text,
section#features3 .text2,
section#features3 .text3,
section#features3 .text4
{
margin-left: 145px;
}
section#features3 h3{margin-bottom:15px !important;}
section#features3 p{color:#666;}
section#features3 h3 strong{font-weight: bold;}
section#features3 .text{margin-top:40px;}
section#features3 .text h3{color:#2260be; font-size:32px;}
section#features3 .text p{font-family: Arial,sans-serif;}
section#features3 .text2{margin-top:220px;}
section#features3 .text2 h3{color:#001722; font-size:32px;}
section#features3 .text2 p{font-family: Arial,sans-serif;}
section#features3 .text3{margin-top:396px;}
section#features3 .text3 h3{color:#2260be; font-size:32px;}
section#features3 .text3 p{font-family: Arial,sans-serif;}
section#features3 .text4{margin-top:584px;}
section#features3 .text4 h3{color:#05171d; font-size:22px; font-weight: bold;}
section#features3 .hotspots .item1 {
  top: 245px;
  margin-left: -120px;
}
section#features3 .hotspots-content .item1 {
  top: 44px;
  margin-left: -151px;
}
section#features3 .hotspots .item2 {
  top: -145px;
  margin-left: -18px;
}
section#features3 .hotspots-content .item2 {
  top: -139px;
  margin-left: -54px;
}

section#features4 {
background: url(../images/bgfeatures04b.jpg) no-repeat top center;
height: 583px
}

section#features4 .text,
section#features4 .text2,
section#features4 .text3,
section#features4 .text4
{
margin-left: -280px;
}

section#features4 h2{
  font-size:42px;
  color:#001722;
  margin-left: -374px;
  top: -16px;
}
section#features4 h2 strong{font-weight: bold;}

section#features4 h3{
  font-size:20px;
  font-weight: bold;
  letter-spacing: -0.5px;
}
section#features4 .text{top:115px;}
section#features4 .text2{top:197px;}
section#features4 .text3{top:306px;}
section#features4 .text4{top:380px;}

section#features4 .text h3{color:#fff;}
section#features4 .text2 h3{color:#fff;}
section#features4 .text2 p{color:#b6e4ff; font-size:14px; font-family: Arial, Helvetica;}
section#features4 .text4 p{font-size:14px; font-family: Arial, Helvetica;}

section#video {
background: url(../images/bgvideo.jpg) no-repeat center top;
height: 469px;
text-align: center;
padding-top: 35px
}

section#video h3 {
font: bold 18px "Roboto Condensed", sans-serif;
color: #FFF;
text-transform: uppercase;
margin-left: -73px;
top: -35px;
}

section#video .player {
display: table;
width: 640px;
margin: 0 auto;
margin-top: 25px;
}
section#video .player .breve {
    background: url(../images/breve.png) no-repeat center top;
    width: 640px;
    height: 360px;
    float: left;
}

section#embalagem-especificacoes {
    background: url(../images/bgrodapeb.jpg) no-repeat bottom center;
    height: 746px;
}

section#embalagem-especificacoes .embalagem {
margin-left: -380px;
top: 12px;
width: 310px
}
section#embalagem-especificacoes table{
    margin-top: 40px;
}

section#embalagem-especificacoes .embalagem table tr td {
border: solid 1px #FFF;
border-bottom: none;
height: 30px;
padding: 0 5px;
font: normal 14px Arial, sans-serif;
color: #333
}

section#embalagem-especificacoes .embalagem table tr td img {
display: inline
}

section#embalagem-especificacoes .embalagem table tr td:first-child {
border-right: none;
text-align: center;
width: 34px
}

section#embalagem-especificacoes .embalagem table tr:last-child td {
border-bottom: solid 1px #FFF
}

section#embalagem-especificacoes h3.especificacoes-title {
top: 12px;
margin-left: -20px
}

section#embalagem-especificacoes .especificacoes {
padding: 10px 15px;
width: 154px;
margin-left: 192px;
top: 12px;
}

section#embalagem-especificacoes .especificacoes li {
list-style-type: disc;
color: #272727;
/*list-style-position: inside;*/
font: normal 14px/1.7em Arial, sans-serif
}

section#obs {
  padding: 25px 0 0;
  margin-top: -296px;
}

section#obs ol li {
margin-bottom: 16px;
font: normal 12px/1.3em Arial, sans-serif;
color: #666
}

.cd-img-replace {
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}

.cd-single-point {
position: absolute;
border-radius: 50%
}

.cd-single-point>a {
position: relative;
z-index: 99;
display: block;
width: 28px;
height: 28px;
border-radius: inherit;
background: #fbd791;
background: -moz-linear-gradient(-45deg, #fbd791 0%, #f7b432 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fbd791), color-stop(100%, #f7b432));
background: -webkit-linear-gradient(-45deg, #fbd791 0%, #f7b432 100%);
background: -o-linear-gradient(-45deg, #fbd791 0%, #f7b432 100%);
background: -ms-linear-gradient(-45deg, #fbd791 0%, #f7b432 100%);
background: linear-gradient(135deg, #fbd791 0%, #f7b432 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbd791', endColorstr='#f7b432', GradientType=1);
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
transition: all .300s;
-webkit-transition: all .300s;
-ms-transition: all .300s;
-moz-transition: all .300s;
-o-transition: all .300s
}

.cd-single-point>a:hover {
background-position: 0 -30px
}

.cd-single-point>a:hover a::after,
.cd-single-point>a:before {
color: #000
}

.cd-single-point>a::after,
.cd-single-point>a:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-color: #1d4783;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s
}

.cd-single-point>a::after {
height: 2px;
width: 12px
}

.cd-single-point>a::before {
height: 12px;
width: 2px
}

.cd-single-point::after {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: inherit;
background-color: transparent;
-webkit-animation: cd-pulse 500ms infinite;
-moz-animation: cd-pulse 500ms infinite;
animation: cd-pulse 500ms infinite
}

.cd-single-point.spot-aberto>a::after,
.cd-single-point.spot-aberto>a::before {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(540deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(540deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(540deg);
transform: translateX(-50%) translateY(-50%) rotate(540deg)
}

.cd-single-point.spot-aberto::after {
display: none
}

.cd-single-point.aberto::after {
display: none
}

.spot-aberto .cd-single-point::after {
display: none
}

.spot {
position: absolute;
width: 100%;
height: 100%;
z-index: 999999;
-webkit-overflow-scrolling: touch;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s
}

@-webkit-keyframes cd-pulse {
0% {
  -webkit-transform: scale(1);
  box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.98)
}

50% {
  box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.98)
}

100% {
  -webkit-transform: scale(1.6);
  box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.2)
}

}

@-moz-keyframes cd-pulse {
0% {
  -moz-transform: scale(1);
  box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.98)
}

50% {
  box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.98)
}

100% {
  -moz-transform: scale(1.6);
  box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.2)
}

}

@keyframes cd-pulse {
0% {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.98)
}

50% {
  box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.98)
}

100% {
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -ms-transform: scale(1.6);
  -o-transform: scale(1.6);
  transform: scale(1.6);
  box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.2)
}

}

.cd-single-point .cd-more-info {
position: fixed;
z-index: 3;
width: 100%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s
}

.cd-single-point .cd-more-info {
position: absolute;
width: 220px;
height: 240px;
overflow-y: visible
}

.cd-single-point .cd-more-info.cd-left,
.cd-single-point .cd-more-info.cd-right {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}

.cd-single-point .cd-more-info.cd-left::before,
.cd-single-point .cd-more-info.cd-right::before {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}

.cd-single-point .cd-more-info.cd-left {
right: 160%;
left: auto
}

.cd-close-info {
display: none
}

/*# sourceMappingURL=style.css.map */