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

@font-face {
  font-family: 'Gotham-Black';
  src: url("../fonts/Gotham-Black.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Light';
  src: url("../fonts/Gotham-Light.otf");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Gotham-Book';
}

b {
  font-family: 'Gotham-Bold';
}

h1 {
  font-family: 'Gotham-Black';
}

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

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

.icones-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 18px 18px;
}

.icone-container {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icone-container p {
  text-align: center;
  font-family: "Gotham-Light";
  font-size: 0.9rem;
  line-height: 1rem;
  color: #414141;
}

.icone-container-subtitle {
  background-color: #FABB41;
  padding: 20px;
}

.icone-container-subtitle p.txt-subtitle {
  color: #414141;
  font-size: 1.85rem;
  margin: 10px 0 0 0;
}

.icone {
  display: inline-block;
  height: 70px;
  width: 70px;
  margin: 10px 0;
}

.icone.icone-abertura-180 {
  background: url("../img/icone-abertura-180.svg") no-repeat top center;
}

.icone.icone-dolby-audio {
  background: url("../img/icone-dolby-audio.svg") no-repeat top center;
}

.icone.icone-placa-de-video {
  background: url("../img/icone-placa-de-video.svg") no-repeat top center;
}

.icone.icone-teclado-numerico {
  background: url("../img/icone-teclado-numerico.svg") no-repeat top center;
}

.icone.icone-tela-full-hd {
  background: url("../img/icone-tela-full-hd.svg") no-repeat top center;
}

.icone.icone-armazenamento-hibrido {
  background: url("../img/icone-armazenamento-hibrido.svg") 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-wifi {
  background: url("../img/icone-wifi.svg") 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 .txt {
  padding: 40px;
}

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

.row.five {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

section {
  padding: 50px;
  color: #ffffff;
}

section h1 {
  font-size: 1.8rem;
}

section p {
  font-size: 1.3rem;
}

section p.small {
  font-size: 0.8rem;
  line-height: 1rem;
}

section.section-header {
  padding: 0px;
}

section.section-icon-features {
  padding: 0px;
}

section.two {
  background-color: #6733B7;
  padding: 0;
  background-position: 50px 50px;
  background-repeat: no-repeat;
  background-size: auto;
}

section.three {
  background-color: #6733B7;
  padding: 0;
}

section.four {
  background-color: #7947C5;
}

section.five {
  background-color: #9165D9;
  background-image: url("../img/sc5-bg1.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto;
}

section.six {
  background-color: #B593E9;
  background-image: url(../img/sc6-bg-wifi.png);
  background-position: 230px 160px;
  background-repeat: no-repeat;
  background-size: auto;
}

section.seven {
  background-color: #C7ABF6;
  color: #7E57A4;
}

section.eight {
  background-color: #DECCFC;
  color: #7E57A4;
}

.centralize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          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;
}

.padding30 {
  padding: 30px;
}

.paddingL15 {
  padding-left: 15px;
}

.paddingL30 {
  padding-left: 30px;
}

.paddingL50 {
  padding-left: 50px;
}

.paddingR15 {
  padding-right: 15px;
}

.paddingR30 {
  padding-right: 30px;
}

.paddingR50 {
  padding-right: 50px;
}

.paddingB15 {
  padding-bottom: 15px;
}

.paddingB30 {
  padding-bottom: 30px;
}

/*  HELPERS BOOTSTRAP

    *ALINHAMENTO VERTICAL DE COLUNAS DENTRO DE ROW 

    .align-items-start  - aplicar na row
    .align-items-center - aplicar na row
    .align-items-end    - aplicar na row

    .align-self-start   - aplicar na col
    .align-self-center  - aplicar na col
    .align-self-end     - aplicar na col

    **********************************************

    *ALINHAMENTO VERTICAL DE COLUNAS DENTRO DE ROW 

    .justify-content-start  - aplicar na row
    .justify-content-center - aplicar na row
    .justify-content-end    - aplicar na row
    .justify-content-around - aplicar na row
    .justify-content-btween - aplicar na row

*/
@media screen and (max-width: 768px) {
  section {
    background-color: #ffffff;
    padding: 30px;
  }
  section.section-header {
    padding: 0px;
  }
  section.section-icon-features {
    padding: 0px;
  }
  section.two {
    padding: 30px;
  }
  section.three {
    background-position: center top;
    background-size: cover;
    padding: 15px;
  }
  section.five {
    background-position: center bottom;
    background-size: contain;
  }
  .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%;
  }
}