@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: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 18px 18px; }

.icone-container {
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: 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-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: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  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.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; }
  section.seven {
    background-color: #DDCBFB;
    color: #7E57A4; }
  section.eight {
    background-color: #EDE1FF;
    color: #7E57A4; }

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

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