@font-face {
  font-family: 'Gotham-Bold';
  src: url("../fonts/Gotham-Bold.eot");
  src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Gotham-Book';
  src: url("../fonts/Gotham-Book.eot");
  src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  color: #3d3d3d;
  font-family: 'Gotham-Book'; }

.img-full-width {
  width: 100%; }

.txt-align-right {
  text-align: right;
  float: right; }

.icone-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 18px 18px; }
  .icone-container p.icone-txt {
    color: #ffffff;
    font-size: 1rem; }

.icone {
  display: inline-block;
  height: 110px;
  width: 130px;
  margin: 10px 0; }
  .icone.abertura-180 {
    background: url("../img/icone-abertura-180.png") no-repeat top center; }
  .icone.audio-dolby {
    background: url("../img/icone-audio-dolby.png") no-repeat top center; }
  .icone.carregamento-rapido {
    background: url("../img/icone-carregamento-rapido.png") no-repeat top center; }
  .icone.intel-optane {
    background: url("../img/icone-intel-optane.png") no-repeat top center; }
  .icone.placa-de-video {
    background: url("../img/icone-placa-de-video.png") no-repeat top center; }
  .icone.placa-de-video-2GB {
    background: url("../img/icone-placa-de-video-2GB.png") no-repeat top center; }
  .icone.placa-de-video-4GB {
    background: url("../img/icone-placa-de-video-4GB.png") no-repeat top center; }
  .icone.tela-infinita {
    background: url("../img/icone-tela-infinita.png") no-repeat top center; }
  .icone.tela-infinita-14 {
    background: url("../img/icone-tela-infinita-14.png") no-repeat top center; }
  .icone.tela-infinita-15 {
    background: url("../img/icone-tela-infinita-15.png") no-repeat top center; }
  .icone.tela-infinita-cinza {
    background: url("../img/icone-tela-infinita-cinza.png") no-repeat top center; }
  .icone.tela-antireflexo {
    background: url("../img/icone-tela-antireflexo.png") no-repeat top center; }
  .icone.teclado-numerico {
    background: url("../img/icone-teclado-numerico.png") no-repeat top center; }
  .icone.usb-c {
    background: url("../img/icone-usb-c.png") no-repeat top center; }
  .icone.wifi {
    background: url("../img/icone-wifi.png") no-repeat top center; }
  .icone.icone-amd-radeon-530-2gb-gddr5 {
    background: url("../img/icone-AMD-Radeon-530-2GB-GDDR5.png") no-repeat top center; }
  .icone.icone-mouse-e-teclado-sem-fiomouse-e-teclado-sem-fio {
    background: url("../img/icone-Mouse-e-Teclado-sem-fioMouse-e-Teclado-sem-fio.png") no-repeat top center; }
  .icone.icone-privacidade-de-webcam {
    background: url("../img/icone-Privacidade-de-Webcam.png") no-repeat top center; }
  .icone.icone-tela-full-hd-antirreflexo {
    background: url("../img/icone-Tela-Full-HD-Antirreflexo.png") no-repeat top center; }
  .icone.icone-tela-inifinita {
    background: url("../img/icone-Tela-Inifinita.png") no-repeat top center; }

section {
  padding: 30px 0; }
  section.section-header {
    padding: 0px;
    background-image: url(../img/bg_1.jpg) no-repeat;
    background-size: cover; }
  section.section-icon-features {
    padding: 0px; }
  section.three {
    background-color: #fde700;
    background-size: cover;
    padding: 30px; }
    section.three h1 {
      color: #278ac5; }
  section.four {
    background-image: url("../img/section4-bg-1.png"), url("../img/section4-bg-2.png"), url("../img/section4-bg-3.png");
    background-position: top center, top center, bottom center;
    /* this positions the second image */
    background-repeat: no-repeat;
    /* this applies to both images */
    background-size: contain;
    color: #ffffff;
    padding: 30px; }
    section.four h1 {
      color: #fde700; }
    section.four p {
      font-size: 1.4em; }
  section.five {
    background-size: cover;
    padding: 30px; }
    section.five h1 {
      color: #278ac5; }
  section.six {
    background-color: #fde700;
    background-image: url("../img/a340-conectividade-ultra-rapida.png") no-repeat;
    background-position: top right;
    padding: 0; }
    section.six h1 {
      color: #278ac5;
      padding: 0 20px; }
    section.six p {
      padding: 0 20px;
      font-size: 1.4em; }
    section.six p small {
      font-size: 0.6em; }

.row h1 {
  text-transform: uppercase;
  font-family: 'Gotham-Bold';
  font-size: 1.9em;
  margin-top: 30px; }

.row h2 {
  color: #278ac5;
  font-family: Gotham-Bold;
  font-size: 20px; }

.row p {
  font-size: 1.4em; }

.row .txt {
  padding: 40px; }

.row.section-icon-features {
  background-color: #3d3d3d;
  min-height: 120px; }

.row.five {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start; }
  .row.five img {
    width: 100%;
    margin-bottom: 1rem; }

.marginTop50 {
  margin-top: 3rem; }

.marginTop25 {
  margin-top: 25px; }

.marginBottom50 {
  margin-bottom: 50px; }

.marginBottom25 {
  margin-bottom: 25px; }

.padding15 {
  padding: 15px; }

.padding30 {
  padding: 30px; }

.paddingL15 {
  padding-left: 15px; }

.paddingL30 {
  padding-left: 30px; }

.paddingR15 {
  padding-right: 15px; }

.paddingR30 {
  padding-right: 30px; }

.paddingB15 {
  padding-bottom: 15px; }

.paddingB30 {
  padding-bottom: 30px; }

@media screen and (max-width: 767px) {
  section {
    background-color: #ffffff;
    padding: 15px 0; }
    section.section-header {
      padding: 0px; }
    section.section-icon-features {
      padding: 0px; }
    section.three {
      background-position: center top;
      background-size: cover;
      padding: 15px; }
    section.five {
      background-position: center top;
      background-size: cover; }
  .row.three {
    background-position: center 150px; }
    .row.three img {
      width: 100%; }
  .row.four {
    background-position: left bottom;
    background-size: contain; }
    .row.four p.last {
      margin-bottom: 2rem; }
    .row.four img {
      width: 100%; }
  .row.five img {
    width: 100%; } }