@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-container-subtitle {
  background-color: #9B72C4;
  padding: 20px; }
  .icone-container-subtitle p.txt-subtitle {
    color: #ffffff;
    font-size: 1.7rem; }

.icone {
  display: inline-block;
  height: 115px;
  width: 152px;
  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; }
  .icone.icone-Armazenamento-SSD-PCIe-NVMe-TLC {
    background: url("../img/icone-Armazenamento-SSD-PCIe-NVMe-TLC.png") no-repeat top center; }
  .icone.icone-Carregamento-rapido {
    background: url("../img/icone-Carregamento-rapido.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-multitouch {
    background: url("../img/icone-Tela-multitouch.png") no-repeat top center; }

.row h1 {
  text-transform: uppercase;
  font-family: 'Gotham-Bold';
  font-size: 1.55em; }

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

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

.row .txt {
  padding: 40px; }

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

.row.five {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start; }

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-image: url("../img/sc3-filete1.png"), url("../img/sc3-filete2.png"), url("../img/sc3-filete3.png"), url("../img/sc3-img1.png"), linear-gradient(to bottom, #FF760D, #FCB219);
    background-position: 600px 80px, 
 540px 285px, 
 55px 785px, 
 0 30px, 
 center top;
    background-repeat: no-repeat, 
 no-repeat, 
 no-repeat, 
 no-repeat, 
 repeat-x;
    background-size: auto,
 auto, 
 auto,
 710px,
 contain; }
    section.three h1 {
      color: #8147AC;
      font-size: 1.4em; }
    section.three p {
      font-size: 1.2em;
      color: #ffffff; }
    section.three p small {
      font-size: 0.7em; }
  section.four {
    background-color: #8147AC;
    background-image: url("../img/sc4-filete1.png");
    background-position: 300px 130px;
    background-repeat: no-repeat;
    color: #ffffff;
    padding: 30px; }
    section.four p small {
      font-size: 0.8em;
      line-height: 10px; }
  section.five {
    background-image: url("../img/sc5-filete1.png"), url("../img/sc5-filete2.png"), url("../img/sc5-filete3.png"), url("../img/sc5-filete4.png"), url("../img/sc5-img1.png"), url("../img/sc5-filete5.png"), url("../img/sc5-bg1.png"), linear-gradient(to right, #FCB923, #F49818), linear-gradient(to right, #F49818, #FCB923);
    background-position: 25px 175px, 
 25px 460px, 
 735px 290px, 
 155px 905px, 
 center 80px, 
 550px 1440px,
 center 680px, 
 center top, 
 center bottom;
    background-repeat: no-repeat;
    background-size: auto,
 auto, 
 auto,
 auto,
 450px,
 auto,
 contain,
 100% 850px,
 100% 850px;
    padding: 30px; }
    section.five h1 {
      color: #8147AC; }
    section.five p {
      font-size: 1.2em;
      color: #ffffff; }
  section.six {
    background-image: url("../img/sc6-filete1.png"), linear-gradient(to right, #FCB923, #F49818);
    background-position: 550px 160px,
 100% 350px;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 0; }
    section.six h1 {
      color: #8147AC;
      padding: 0 20px; }
    section.six p {
      padding: 0 20px 0 0; }
    section.six p small {
      font-size: 0.8em; }
  section.seven {
    background-color: #EBEBEB;
    background-image: url("../img/sc7-filete1.png"), url("../img/sc7-filete2.png"), url("../img/sc7-img1.png");
    background-position: 55px 55px,
 55px 260px, 
 right 40px;
    background-repeat: no-repeat;
    background-size: auto,
 auto, 
 610px;
    padding: 30px 0 30px 30px; }
    section.seven h1 {
      color: #8147AC;
      padding: 0 30px; }
    section.seven p {
      padding: 0 30px;
      font-size: 1.2em;
      color: #3d3d3d; }

.centralize {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start; }

.marginTop50 {
  margin-top: 3rem; }

.marginTop25 {
  margin-top: 25px; }

.marginBottom50 {
  margin-bottom: 50px; }

.marginBottom25 {
  margin-bottom: 25px; }

.marginRight50 {
  margin-right: 50px; }

.marginRight25 {
  margin-right: 25px; }

.padding15 {
  padding: 15px; }

.paddingB15 {
  padding-bottom: 15px; }

.paddingT15 {
  padding-top: 15px; }

.paddingB30 {
  padding-bottom: 30px; }

.paddingT30 {
  padding-top: 30px; }

.padding30 {
  padding: 30px; }

.padding30 {
  padding: 30px; }

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