@charset "UTF-8";
/*
    Margens entre elementos e containers 
*/
/*
    Larguras padrão
*/
/*
   Cores Primárias e suas variações de tom
*/
/*
   Cores Secundárias e suas variações de tom
*/
/*
    Cores de fundo e suas variações de tom
*/
/*
    Cores para mensagens e ações
*/
/*
    Escalas de cinza para projeto
*/
/*
    Cores de Texto e suas variações de Tom
*/
/**
 * Variáveis para larguras em media queries
 */
/**
 * Propriedades de cards
 */
/*
    Sombras para elementos (Quanto maior a sombra, maior é a dimensão z do elemento)
*/
/**
 * Mixin que recebe cores e retorna propriedades com tais atributos
 * @atribute {color} $color Cor do texto do elemento
 * @atribute {color} $bg-color Cor de fundo do elemento
 */
/**
 * Mixin que recebe uma sombra e adiciona atributo box-shadow
 * @atribute {list} $shadow Valor da propriedade de sombra a ser aplicada
 */
/**
 * Mixin que recebe uma sombra e adiciona atributo text-shadow
 * @atribute {list} $shadow Valor da propriedade de sombra a ser aplicada
 */
/**
 * Mixin que recebe medidas de curvatura de borda e aplica a propriedade border-radius
 * @atribute {number} $radius1
 * @atribute {number} $radius2
 */
/**
 * Mixin que recebe propriedades de box-sizing e aplica 
 * @atribute {list} $properties 
 */
/**
 *  Mixin que recebe a animação a ser aplicada e aplica atributos para tal.
 *  @param {list} valor a ser aplicado na propriedade animation
 */
/**
 *  Mixin que prepara um keyframe compatível com diferentes navegadores
 *  @param {list} $nome da keyframe a ser utilizada
 *  @content animações com keyframes a serem aplicados
 */
/**
 *  Mixin que prepara propriedades para limitar numero de linhas de um elemento
 *  @param {Number} $numLinhas Numero de linhas a serem utilizadas
 */
.platform-android .la-show-android {
  display: inherit;
}

/** ------------------------------
 *  Keyframe para animação de fade
 */
@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade.ng-enter {
  -webkit-animation: 1s fade;
  -moz-animation: 1s fade;
  -ms-animation: 1s fade;
  animation: 1s fade;
}
.fade.ng-enter .ng-enter-active {
  max-height: auto;
}

/** --------------------------------
 *  KeyFrame para animação com slide
 */
@-webkit-keyframes slideDown {
  from {
    max-height: 0;
  }
  to {
    max-height: 1000px;
  }
}
@-moz-keyframes slideDown {
  from {
    max-height: 0;
  }
  to {
    max-height: 1000px;
  }
}
@-ms-keyframes slideDown {
  from {
    max-height: 0;
  }
  to {
    max-height: 1000px;
  }
}
@keyframes slideDown {
  from {
    max-height: 0;
  }
  to {
    max-height: 1000px;
  }
}
.slide {
  overflow: hidden;
}

.slide.ng-enter {
  -webkit-animation: 1s slideDown;
  -moz-animation: 1s slideDown;
  -ms-animation: 1s slideDown;
  animation: 1s slideDown;
}
.slide.ng-enter .ng-enter-active {
  max-height: auto;
}

.slide.ng-leave {
  -webkit-animation: 1s slideDown reverse;
  -moz-animation: 1s slideDown reverse;
  -ms-animation: 1s slideDown reverse;
  animation: 1s slideDown reverse;
}
.slide.ng-leave .ng-leave-active {
  max-height: 0;
}

/**
 * Keyframe para animação de aparecer de baixo para cima
 * Usado para animar os cards
 */
@-webkit-keyframes goUp {
  from {
    opacity: 0;
    margin-top: 2em;
  }
  to {
    opacity: 1;
    /* 
      8px por ser a margem padrão dos cards
    */
    margin-top: 8px;
  }
}
@-moz-keyframes goUp {
  from {
    opacity: 0;
    margin-top: 2em;
  }
  to {
    opacity: 1;
    /* 
      8px por ser a margem padrão dos cards
    */
    margin-top: 8px;
  }
}
@-ms-keyframes goUp {
  from {
    opacity: 0;
    margin-top: 2em;
  }
  to {
    opacity: 1;
    /* 
      8px por ser a margem padrão dos cards
    */
    margin-top: 8px;
  }
}
@keyframes goUp {
  from {
    opacity: 0;
    margin-top: 2em;
  }
  to {
    opacity: 1;
    /* 
      8px por ser a margem padrão dos cards
    */
    margin-top: 8px;
  }
}
/** ------------------------------
 *  Keyframe para animação da área dee conteúdo principal
 */
@-webkit-keyframes pageEnter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes pageEnter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes pageEnter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pageEnter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pageEnter.ng-enter {
  -webkit-animation: 1s pageEnter;
  -moz-animation: 1s pageEnter;
  -ms-animation: 1s pageEnter;
  animation: 1s pageEnter;
}
.pageEnter.ng-enter .ng-enter-active {
  max-height: auto;
}

/*--------- LOADER GIF --------------*/
.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@keyframes colors {
  0% {
    stroke: #fff;
  }
  25% {
    stroke: #fff;
  }
  50% {
    stroke: #fff;
  }
  75% {
    stroke: #fff;
  }
  100% {
    stroke: #fff;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
.la-main {
  min-height: 100vh;
}

.la-container-up, .la-container-over-image, .la-container {
  margin: 0 auto;
  max-width: 1000px;
  width: 94%;
  padding-left: 3%;
  padding-right: 3%;
}

.la-container-fluid {
  width: 100% !important;
  padding-left: 0% !important;
  padding-right: 0% !important;
}

.la-container-sm {
  max-width: 800px !important;
  padding-left: 0% !important;
  padding-right: 0% !important;
}

/**
 * Um container menor, utilizado para exibir os conteúdos dos cards largos de uma linha em telas grandes de forma a não alargar seu conteúdo de forma exagerada
 */
.la-container-cards {
  max-width: 600px;
  width: 100%;
}

.la-container-over-image {
  margin-top: -2em;
}

.la-container-up {
  margin-top: 2em;
}

.la-box-separate--top {
  margin-top: 3em;
}

.la-box-separate--bottom {
  margin-bottom: 3em;
}

.la-box-separate--both {
  margin: 3em 0;
}

/**
 * Um separador entre boxes para boxes que necessitem de uma distância maior que a normal
 */
.la-box-separate--double.la-box-separate--top {
  margin-top: 6em;
}
.la-box-separate--double.la-box-separate--bottom {
  margin-bottom: 6em;
}
.la-box-separate--double.la-box-separate--both {
  margin: 6em 0;
}

/**
 * Um fab que fica sobreposto à área acima
 */
.la-fab-overlap__top {
  -webkit-transform: translate(0px, -28px);
  -moz-transform: translate(0px, -28px);
  -ms-transform: translate(0px, -28px);
  transform: translate(0px, -28px);
  position: relative;
  top: 0;
  right: 28px;
}

/**
 * Uma área a ser colocada sobre área acima (uma box-overlaid)
 */
.la-box-overlap__top {
  margin-top: -200px;
}
@media screen and (min-width: 959px) {
  .la-box-overlap__top {
    margin-top: -330px;
  }
}

/**
 * A área que fica abaixo de um elemento com box-overlap-top
 */
.la-box-overlaid {
  height: 320px;
  max-height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 959px) {
  .la-box-overlaid {
    height: 540px;
  }
}

.la-text-align-button--right {
  margin-right: 6px;
}

.la-hide {
  display: none;
}

.la-box {
  color: #57534e;
  background-color: #fff;
}

.la-box--primary {
  color: #fff;
  background-color: #c69b48;
}

.la-box--primary-light {
  color: #fff;
  background-color: rgb(206.47875, 169.875, 99.22125);
}

.la-box--grey-dark {
  color: rgb(218.49958159, 216.2384937238, 214.30041841);
  background-color: #7e7771, 7%;
}

.la-box--grey {
  color: rgb(235.3786610879, 234.1631799163, 233.1213389121);
  background-color: #7e7771;
}

.la-box--white {
  background-color: #fff;
}

.la-box--grey-light {
  background-color: rgb(235.3786610879, 234.1631799163, 233.1213389121);
}

.la-box--accent {
  color: #fff;
  background-color: #06829e;
}

body {
  background-color: #fff;
}

/**
 * Estilizações para os botões sociais
 */
.la-social-button--facebook.md-raised, .la-social-button--facebook {
  background: #3B5998;
  color: white;
}
.la-social-button--facebook:hover {
  background: rgb(76.345971564, 111.6066350711, 185.654028436) !important;
  color: white !important;
}

.la-social-button--instagram.md-raised, .la-social-button--instagram {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  color: white;
}
.la-social-button--instagram:hover {
  background: rgb(243.4931506849, 172.9178082192, 98.5068493151);
  background: -moz-linear-gradient(45deg, rgb(223.5616438356, 122.7397260274, 16.4383561644) 0%, rgb(211.8409090909, 74.9590909091, 27.1590909091) 25%, rgb(178.9960159363, 29.0039840637, 52.2071713147) 50%, rgb(160.4686192469, 27.5313807531, 80.2343096234) 75%, rgb(227.0377358491, 35.9622641509, 166.4528301887) 100%);
  background: -webkit-linear-gradient(45deg, rgb(223.5616438356, 122.7397260274, 16.4383561644) 0%, rgb(211.8409090909, 74.9590909091, 27.1590909091) 25%, rgb(178.9960159363, 29.0039840637, 52.2071713147) 50%, rgb(160.4686192469, 27.5313807531, 80.2343096234) 75%, rgb(227.0377358491, 35.9622641509, 166.4528301887) 100%);
  background: linear-gradient(45deg, rgb(223.5616438356, 122.7397260274, 16.4383561644) 0%, rgb(211.8409090909, 74.9590909091, 27.1590909091) 25%, rgb(178.9960159363, 29.0039840637, 52.2071713147) 50%, rgb(160.4686192469, 27.5313807531, 80.2343096234) 75%, rgb(227.0377358491, 35.9622641509, 166.4528301887) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='color.adjust(#f09433, $lightness: -10%)', endColorstr='color.adjust(#bc1888, $lightness: -10%)',GradientType=1 );
  color: white;
}

.la-social-button--fbmessenger.md-raised, .la-social-button--fbmessenger {
  background: #0084ff;
  color: white;
}
.la-social-button--fbmessenger:hover {
  background: rgb(0, 105.6, 204) !important;
  color: white !important;
}

/**
 * Os botões sociais literalmente - Eles também fazem sobrescrita para serem usados em conjunto com o md-raised
 */
.la-social-button {
  width: 230px !important;
}
.la-button--small {
  margin: 0px;
  min-height: 26px;
  height: 26px;
  line-height: 24px;
}

.la-button--xsmall {
  margin: 0px;
  min-height: 22px;
  height: 22px;
  line-height: 18px;
  font-size: 18px;
  min-width: 70px;
}

.la-button--full {
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: calc(100% - 5px);
  max-width: 100%;
  display: block;
}

@font-face {
  font-family: MyriadPro;
  src: url(../assets/fonts/MYRIADPRO-REGULAR.otf);
}
@font-face {
  font-family: MyriadProBold;
  src: url(../assets/fonts/MYRIADPRO-BOLD.otf);
}
@font-face {
  font-family: Sanchez;
  src: url(../assets/fonts/SANCHEZ-REGULAR.ttf);
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(/bower_components/material-design-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/bower_components/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(/bower_components/material-design-icons/iconfont/MaterialIcons-Regular.woff) format("woff"), url(/bower_components/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

body {
  font-family: MyriadPro, "Helvetica Neue", sans-serif;
}

md-tab-item.md-tab,
.md-button {
  font-family: MyriadPro, "Helvetica Neue", sans-serif;
}

.la-footer {
  background-color: rgb(5.0083682008, 4.730125523, 4.4916317992);
  color: #e6e6e6;
  padding-bottom: 0px;
  padding-top: 3em;
  margin-top: 12em;
}

.la-footer__title {
  font-size: 40px;
  font-family: MyriadProBold;
  text-align: center;
  margin: 5px;
}

.la-footer__subtitle {
  font-size: 18px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.la-bg-image {
  overflow: hidden;
  background-color: #c69b48;
  background-position: left top;
  position: relative;
  top: 0;
  left: 0;
}

.la-bg-image {
  height: 25em;
  width: 100%;
}

/*
 * Estrutura circular para imagem de avatar
 */
.la-avatar__image {
  background-color: #eee;
  background-size: 100% 100%;
  background-position: center;
  -webkit-border-radius: 50% 50%;
  -moz-border-radius: 50% 50%;
  -ms-border-radius: 50% 50%;
  border-radius: 50% 50%;
  margin: 2px;
}
.la-avatar__image--space-right {
  margin-right: 20px;
}
.la-avatar__image--mini {
  height: 20px;
  width: 20px;
  min-width: 20px;
}
.la-avatar__image--small {
  height: 35px;
  width: 35px;
  min-width: 35px;
}
.la-avatar__image--half-medium {
  height: 50px;
  width: 50px;
  min-width: 50px;
}
.la-avatar__image--medium {
  height: 96px;
  width: 96px;
  min-width: 96px;
  min-width: 96px;
}
.la-avatar__image--large {
  height: 175px;
  width: 175px;
  min-width: 175px;
  min-width: 175px;
}

/*
 * Estrutura circular para tornar imagens circulares
 */
.la-circular-block {
  -webkit-border-radius: 50% 50%;
  -moz-border-radius: 50% 50%;
  -ms-border-radius: 50% 50%;
  border-radius: 50% 50%;
}
.la-circular-block--mini {
  height: 24px;
  width: 24px;
}
.la-circular-block--small {
  height: 48px;
  width: 48px;
}
.la-circular-block--medium {
  height: 96px;
  width: 96px;
}
.la-circular-block--large {
  height: 175px;
  width: 175px;
}

.platform-ios #la-content {
  margin-top: max(20px, constant(safe-area-inset-top));
  margin-top: max(20px, env(safe-area-inset-top));
}
.platform-ios .la-show-ios {
  display: inherit;
}

.md-subheader {
  background: none !important;
}

/* -----------------------------------------------------------------------------
    Problemas de posicionamento dos md-fab buttons
   ----------------------------------------------------------------------------- */
.md-fab-bottom-left,
.md-fab-bottom-right,
.md-fab-top-left,
.md-fab-top-right {
  position: fixed !important;
}

.md-fab-bottom-right {
  bottom: 20px !important;
  right: 20px !important;
}

md-menu-content .md-subheader {
  margin-bottom: 16px;
  color: #7e7771;
  text-transform: uppercase;
}

.fullscreen-dialog {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.md-btn-large {
  font-size: 25px;
}

@media screen and (max-width: 620px) {
  .md-btn-large {
    font-size: 14px;
  }
}
/**
 * Classe para tabs transparentes com textos brancos
 */
.md-tabs-transparent {
  color: #fff;
  opacity: 0.65;
}
.md-tabs-transparent .md-tab {
  color: #fff !important;
}
.md-tabs-transparent:hover {
  opacity: 1;
}

/**
 * Classe para tab na parte inferior de um elemento
 */
.md-tabs-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
  margin-bottom: 0;
}

@media screen and (min-width: 1280px) {
  .md-button {
    font-size: 18px;
    padding: 4px 15px;
  }
}
.la-fullscrennDialog {
  min-width: 100%;
  min-height: 100%;
}
@media screen and (min-width: 1280px) {
  .la-fullscrennDialog {
    min-width: 90%;
  }
}

.la-message-light, .la-message-accent, .la-message-primary, .la-message-error, .la-message-default {
  font-size: 0.7em;
}

.la-message-error {
  color: #f44336;
}
.la-message-primary {
  color: #c69b48;
}
.la-message-accent {
  color: #06829e;
}
.la-message-light {
  color: #fff;
}

/*
* MARGIN
*/
.mt0 {
  margin-top: 0px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt50 {
  margin-top: 50px;
}

.mt100 {
  margin-top: 100px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml50 {
  margin-left: 50px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr50 {
  margin-right: 50px;
}

/*
* PADDING
*/
.pt0 {
  padding-top: 0px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt50 {
  padding-top: 50px;
}

.pt100 {
  padding-top: 100px;
}

.pb0 {
  padding-bottom: 0px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb100 {
  padding-bottom: 100px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl50 {
  padding-left: 50px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr50 {
  padding-right: 50px;
}

/* ----- WIDHT------- */
.w10 {
  width: 10%;
}

.w50 {
  width: 50%;
}

.w100 {
  width: 100%;
}

.w100vw {
  width: 100vw;
}

/**
* Cor padrão para os textos definidos no vars.scss
*/
.md-content body {
  color: #57534e;
}

/**
 ---- Classes para limitar numero de linhas em textos ----
*/
.la-limitar-linhas--1 {
  max-height: 1em;
  line-height: 1;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.la-limitar-linhas--2 {
  max-height: 2em;
  line-height: 1;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

.la-limitar-linhas--3 {
  max-height: 3em;
  line-height: 1;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

.la-text--center {
  text-align: center;
}

.la-text--right {
  text-align: right;
}

.la-text--allcaps {
  text-transform: uppercase;
}

.la-text--nopadding {
  padding: 0px;
  margin: 0px;
}

.la-text--white {
  color: #fff;
}

.la-text--danger {
  color: red;
}

.la-text--muted {
  color: #555;
}

.la-text--primary {
  color: #c69b48;
}

.la-text--accent {
  color: #06829e;
}

.la-text--shadow {
  -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/*
 * Estilização padrão de parágrafos. Conta uma quantidade de letras por linha que deixa a experiência de leitura agradável
 */
p {
  font-size: 18px;
  max-width: 540px;
  margin-bottom: 20px;
  margin-top: 0;
  padding-top: 0;
  line-height: 1.5;
}
@media screen and (max-width: 600px) {
  p {
    font-size: 18px;
  }
}

ul, ol {
  font-size: 18px;
  max-width: 540px;
  margin-top: 29px;
  line-height: 1.5;
}

/*
 * Aproximação entre os títulos e os conteúdos a que tratam, relacionado ao conceito de proximidade
 */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
}

/**
 * Estilo do título da página toda, não apenas de uma section da página
 */
.la-page-heading {
  font-size: 45px;
  font-weight: bold;
  margin: 0;
}
@media screen and (max-width: 600px) {
  .la-page-heading {
    font-size: 35px;
  }
}
@media screen and (min-width: 1280px) {
  .la-page-heading {
    margin-top: 0;
    font-size: 90px;
    font-weight: bold;
  }
}

/**
 * Cabeçalhos (de 1 a 6) para títulos de sections, não da página como um todo
 */
.la-section-heading--1 {
  font-size: 45px;
}
@media screen and (max-width: 600px) {
  .la-section-heading--1 {
    font-size: 30px;
  }
}
.la-section-heading--2 {
  font-size: 28px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .la-section-heading--2 {
    font-size: 22px;
  }
}
.la-section-heading--3 {
  font-size: 22px;
}
@media screen and (max-width: 600px) {
  .la-section-heading--3 {
    font-size: 20px;
  }
}
.la-section-heading--4 {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .la-section-heading--4 {
    font-size: 16px;
  }
}
.la-section-heading--5 {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .la-section-heading--5 {
    font-size: 12px;
  }
}
.la-section-heading--6 {
  font-size: 12px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .la-section-heading--6 {
    font-size: 12px;
  }
}

/**
 * Estilização para links
 */
a {
  color: #06829e;
  text-decoration: none;
}
a:hover {
  color: rgb(4.1341463415, 89.5731707317, 108.8658536585);
}

/**
 * Estilização para áreas especializadas em leitura, áreas otimizadas para artigos e notícias
 */
.la-reading-area {
  margin: 0 auto;
  max-width: 540px;
}
.la-reading-area img {
  margin-top: 2em;
  margin-bottom: 2em;
}

/*
 * Estilos para as seleções. Ao selecionar um elementos, quais serão as suas propriedades? 
 */
::selection {
  color: #fff;
  background: #06829e;
}

::-moz-selection {
  color: #fff;
  background: #06829e;
}

/**
 * Elemento para visualizações de dados
 */
.la-data-view__label {
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
}

.la-data-view__content {
  margin-top: 0;
  padding-top: 0;
  font-weight: bold;
}

.la-uppercase__firstletter::first-letter {
  text-transform: uppercase;
}

.bg-white {
  background-color: white;
}

.bg-black {
  background-color: black;
}

.bg-muted {
  background-color: #888;
}

.acedemico-title {
  font-size: 40px;
  color: #888;
  margin-left: 15px;
}

@media screen and (min-width: 800px) {
  .acedemico-title {
    font-size: 60px;
  }
}
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

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

.text-muted {
  color: #aaa !important;
}

.text-semimuted {
  color: #555 !important;
}

.text-danger {
  color: red;
}

.text-primary {
  color: teal;
}

.text-uppercase {
  text-transform: uppercase;
}

.fs10px {
  font-size: 10px !important;
}

.fs12px {
  font-size: 12px !important;
}

.fs14px {
  font-size: 14px !important;
}

.fs16px {
  font-size: 16px !important;
}

.fs18px {
  font-size: 18px !important;
}

.fs20px {
  font-size: 20px !important;
}

.fs22px {
  font-size: 22px;
}

.fs24px {
  font-size: 24px;
}

.fs28px {
  font-size: 28px;
}

.fs30px {
  font-size: 30px;
}

.fs50px {
  font-size: 50px;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-bold {
  font-weight: bold;
}

.divider {
  height: 1px;
  background-color: #ddd;
  width: 100%;
  margin: 18px 0px;
}

.cursor-pointer {
  cursor: pointer;
}

.step {
  background: black;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.8em;
  margin-right: 5px;
  text-align: center;
  width: 1.8em;
  font-size: 14px;
}

.la-card-tile__link {
  text-decoration: none;
}

.la-card-tile {
  height: 370px;
  color: #fff;
  background-color: #c69b48;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.la-card-tile:hover {
  -webkit-filter: grayscale(150%);
  filter: grayscale(150%);
  transition: filter ease-out 0.5s;
}
.la-card-tile .md-button {
  -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.la-card-tile md-icon {
  color: #fff;
}

.la-card-tile__title {
  font-size: 40px;
  margin-top: 0;
  text-align: center;
  font-family: MyriadProBold;
  text-transform: uppercase;
}

.la-card-tile__button {
  border: solid;
  color: #fff;
  border-color: #fff;
  border-width: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.la-card-tile__button.md-button {
  color: #fff;
}

.la-card-tile--accent {
  background-color: #06829e;
  color: #fff;
}

.estiloModule1 {
  color: #c69b48;
}

.la-definirmodalidade-card {
  height: 200px;
  background-color: #999;
  max-width: 500px;
  color: white;
  border-radius: 3px;
  display: flex;
  width: 100%;
  background-position: center center;
  background-size: cover;
  margin: 10px 0px;
  white-space: inherit;
}

.la-definirmodalidade-card h4 {
  font-size: 40px;
  font-family: "Myriad Pro";
  text-align: center;
  margin: 0px;
  text-transform: uppercase;
}

.dialogdemoBasicUsage #popupContainer {
  position: relative;
}

.dialogdemoBasicUsage .footer {
  width: 100%;
  text-align: center;
  margin-left: 20px;
}

.dialogdemoBasicUsage .footer, .dialogdemoBasicUsage .footer > code {
  font-size: 0.8em;
  margin-top: 50px;
}

.dialogdemoBasicUsage button {
  width: 200px;
}

.dialogdemoBasicUsage div#status {
  color: #c60008;
}

.dialogdemoBasicUsage .dialog-demo-prerendered md-checkbox {
  margin-bottom: 0;
}

.plyr {
  width: 100%;
}

.la-challenge-show--theater {
  width: 100%;
  height: 360px;
  background-color: #333;
  display: block;
}

.la-challenge-show--theater .plyr {
  height: 360px;
  display: block;
  width: 100%;
}

.la-challenge-show--theater .plyr video {
  height: 360px;
}

@media screen and (max-width: 500px) {
  .la-challenge-show--theater .plyr .plyr__video-wrapper {
    overflow: initial;
  }
}
@media screen and (min-width: 800px) {
  .la-challenge-show--theater {
    height: 460px;
  }
  .la-challenge-show--theater .plyr, .la-challenge-show--theater .plyr video {
    height: 460px !important;
  }
}
@media screen and (min-width: 1400px) {
  .la-challenge-show--theater {
    height: 560px;
  }
  .la-challenge-show--theater .plyr, .la-challenge-show--theater .plyr video {
    height: 560px !important;
  }
}
.la-challenge-show--video {
  height: 100%;
  margin: 0 auto;
}

.youtubevideo {
  height: 100%;
  width: 100%;
  display: flex;
}

.youtubevideo iframe {
  width: 100%;
}

.la-challenge-team--space {
  margin-bottom: 30px;
  position: relative;
}

.la-challenge-team-vs {
  position: absolute;
  font-size: 12px;
  left: 49.7%;
  margin: 0 auto;
  top: 60px;
  color: rgb(198, 155, 72);
}

.la-challenge-team--space_borderright {
  border-right: solid 0.5px #eee;
}

.la-challenge-team--dados {
  margin-bottom: 10px;
  border: solid 0.5px #ddd;
  border-left: none;
  border-right: none;
  padding-bottom: 10px;
  padding-top: 10px;
  height: 120px;
  border-radius: 3px;
}

.la-challenge-team--nome {
  font-size: 22px;
  word-break: keep-all;
  overflow: hidden;
}

@media screen and (max-width: 600px) {
  .la-challenge-team--nome {
    font-size: 14px;
  }
}
.la-challenge-team--avatar {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: 10px;
}

.la-challenge-team--avatar_team {
  width: 60px;
  height: 60px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
  .la-challenge-team--avatar_team {
    width: 30px;
    height: 30px;
    margin-left: 2px;
    margin-right: 2px;
  }
}
.la-challenge-team--totalpontos {
  text-align: right;
  width: 20px;
  font-size: 30px;
  font-family: Sanchez;
}

.la-challenge-team__team-score .number-picker__value {
  font-size: 40px;
  font-family: Sanchez;
  color: #06829e;
}

.la-challenge-team__team-selection {
  background-image: url(/assets/img/add_team_desafio.jpg);
  background-size: cover;
  background-position: center;
  min-height: 94px;
}

@media screen and (max-width: 600px) {
  .la-challenge-team--totalpontos {
    font-size: 18px;
  }
}
.la-challenge-team--dadosranking {
  font-size: 12px;
  font-style: Sanchez;
}

@media screen and (max-width: 600px) {
  .la-challenge-team--dadosranking {
    font-size: 10px;
  }
}
.estiloModule1 {
  color: #c69b48;
}

.la-card-evento {
  background-color: #f5f5f5;
}

.la-card-evento--notread {
  background-color: #fff;
}

.la-card-evento__mes {
  font-size: 14px;
  font-family: Sanchez, serif;
  color: #c69b48;
}

.la-card-evento__dia {
  font-size: 24px;
  font-family: Sanchez, serif;
  color: #c69b48;
}

.la-card-evento__titulo {
  color: #06829e;
  font-size: 24px;
  font-weight: normal;
}

.la-card-evento__titulo--notread {
  font-weight: bold;
}

.la-card-evento__presencas {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.73);
}

.la-card-evento__mensagem-status {
  color: rgba(0, 0, 0, 0.73);
}

.la-card-evento__datas {
  min-height: 153px;
}

.la-evento__datas {
  color: #c69b48;
  font-family: Sanchez, serif;
}

.la-evento__icone {
  margin-right: 1em;
}

.la-evento__icone--talvez {
  font-size: 24px;
}

.la-evento__novidade {
  height: 1em;
  width: 1em;
  background-color: #06829e;
  border: 1px #fff solid;
  -webkit-border-radius: 50% 50%;
  -moz-border-radius: 50% 50%;
  -ms-border-radius: 50% 50%;
  border-radius: 50% 50%;
  -webkit-box-shadow: 0 0 0 1px #06829e;
  -moz-box-shadow: 0 0 0 1px #06829e;
  -ms-box-shadow: 0 0 0 1px #06829e;
  box-shadow: 0 0 0 1px #06829e;
}

.la-evento__tiposDesafio {
  list-style-position: inside;
}

.la-terms {
  text-align: justify;
  text-justify: inter-word;
  word-break: break-word;
}
.la-terms h2 {
  text-decoration: underline;
}

/*
 * Banner principal da página (Por exemplo, chamada principal da Home) 
 */
.la-main-banner {
  height: 400px;
  max-height: vh;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 600px) {
  .la-main-banner {
    height: 600px;
  }
}
@media screen and (min-width: 959px) {
  .la-main-banner {
    height: 700px;
    width: 100%;
    background-color: #c69b48;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -1px;
    background-size: cover;
    background-position: bottom center;
  }
}
@media screen and (min-width: 1280px) {
  .la-main-banner {
    height: 800px;
  }
}
@media screen and (min-width: 1920px) {
  .la-main-banner {
    height: 900px;
  }
}
/*
 * Banner principal da página (Por exemplo, chamada principal da Home) 
 */
div.m-app-loading {
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

div.m-app-loading div.animated-container.ng-leave {
  opacity: 1;
  transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
}

div.m-app-loading div.animated-container.ng-leave-active {
  opacity: 0;
}

div.m-app-loading div.messaging {
  font-family: monospace;
  left: 0px;
  margin-top: -37px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 50%;
}

div.m-app-loading h1 {
  font-size: 26px;
  line-height: 35px;
  margin: 0px 0px 20px 0px;
}

div.m-app-loading div.messaging p {
  font-size: 17px;
  line-height: 35px;
  margin: 0 auto;
  font-family: MyriadPro;
  margin-top: 35px;
  color: #999;
}

div.m-app-loading img {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.estiloModule1 {
  color: #c69b48;
}

.estiloModule1 {
  color: #c69b48;
}

.la-tile-noticia__image-border {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border-style: solid;
  border-color: #c69b48;
  border-width: 6px;
  border-collapse: collapse;
  border-spacing: 5px;
  margin: 0 auto;
}

.la-tile-noticia__image {
  width: 150px;
  height: 150px;
  background-position: center center;
  background-size: cover;
  background-color: #c69b48;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 5px;
}

.la-tile-noticia__title {
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  padding: 14px;
  letter-spacing: 1px;
  line-height: 28px;
}

.la-noticia__title {
  max-width: 540px;
  margin: 0 auto;
}

.la-noticia__manchete {
  max-width: 540px;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.5);
}

.la-noticia__autor {
  max-width: 540px;
  margin: 0 auto;
}

.la-noticia p {
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px !important;
  line-height: 26px !important;
  font-family: inherit !important;
}

.la-noticia font {
  font-family: inherit !important;
}

.la-home-news--tile {
  background-color: #ddd;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 auto;
  height: 220px;
  border-radius: 3px;
  display: block;
  color: #333;
  width: calc(100% - 20px);
}

.la-home-news--title {
  bottom: 0px;
  left: 0;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.la-home-news--title h3 {
  margin: 8px;
  overflow: hidden;
}

.la-noticia--tile {
  height: 320px;
  border-radius: 5px;
  margin: 10px 5px;
  cursor: pointer;
  background-color: #fbfbfb;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.la-noticia--tile:hover {
  -webkit-box-shadow: 0px 0px 30px -11px rgb(0, 0, 0);
  -moz-box-shadow: 0px 0px 30px -11px rgb(0, 0, 0);
  box-shadow: 0px 0px 30px -11px rgb(0, 0, 0);
}

.la-noticia--tile-xs {
  padding-bottom: 12px;
  /* border-bottom: solid 0.5px #ddd; */
}

.la-noticia--wallpaper {
  background-color: #efefef;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 640px) {
  .la-noticia--wallpaper {
    height: 50%;
  }
}
.la-noticia--descricao {
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  .la-noticia--descricao {
    height: 50%;
  }
  .la-noticia--descricao h2 {
    margin-top: 0px;
  }
}
.estiloModule1 {
  color: #c69b48;
}

.ranking {
  background-color: #333;
  color: white !important;
  border-radius: 5px;
}

.ranking__cabecalho {
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 0.5px solid #555;
}

.ranking__cabecalho--select {
  text-transform: uppercase;
  color: white;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-family: Myriad Pro;
  outline: none;
  margin: 0px !important;
  max-width: 100px;
}

.ranking__cabecalho--select:focus {
  color: white;
}

.ranking__cabecalho--select .md-select-value {
  border-bottom-color: #efefef !important;
}

.ranking__cabecalho--select .md-select-icon {
  color: white !important;
}

.ranking__cabecalho--select--xs option {
  font-size: 0px;
}

.ranking__cabecalho--select--xs option::first-letter {
  font: 14px;
}

​ .ranking__cabecalho--select option {
  color: #333;
}

.ranking__filter {
  padding-top: 5px;
  border-bottom: 0.5px solid #555;
}

.ranking__filter__table {
  display: inline-flex;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: hidden;
  width: auto;
  min-width: 10px;
  margin: 0 6px;
  padding: 8px;
  padding-left: 0px;
  margin-left: 0px;
}

.ranking__filter__table__tabs {
  display: inline-table;
  line-height: 16px;
}

.ranking__filter__table__tabs--button {
  box-shadow: none !important;
  border-radius: 20px;
  margin: 0px 3px;
  min-height: 26px;
  line-height: 14px;
  font-size: 12px;
}

.ranking__line {
  border-bottom: 0.5px solid #444;
}

.ranking__line--coluna {
  text-align: left;
}

.ranking__line--coluna__posicao {
  color: rgb(230, 183, 91);
  padding-left: 3px;
  font-size: 20px;
  font-family: Sanchez;
}

@media screen and (max-width: 598px) {
  .ranking__line--coluna__posicao {
    padding-left: 0px;
    font-size: 20px;
  }
}
.ranking__line--coluna__dados {
  outline: none;
}

.ranking__line--coluna__dados--nome {
  margin-left: 5px;
  overflow: hidden;
}

.ranking__line--coluna__pais img {
  max-width: 25px;
}

.la-small-button {
  margin: 0px;
  min-height: 26px;
  height: 26px;
  line-height: 26px;
}

.la-terms {
  text-align: justify;
  text-justify: inter-word;
  word-break: break-word;
}
.la-terms h2 {
  text-decoration: underline;
}

.la-divider__circle--blue, .la-divider__circle--light-grey, .la-divider__circle--grey, .la-divider__circle--gold {
  height: 0.5em;
  width: 0.5em;
  border-radius: 50% 50%;
  display: inline-block;
  margin: 0.2em;
}

.la-divider {
  border: none;
}

.la-divider__circle--gold {
  background-color: #c69b48;
}
.la-divider__circle--grey {
  background-color: #57534e;
}
.la-divider__circle--light-grey {
  background-color: rgb(212.4545454545, 210.2727272727, 207.5454545455);
}
.la-divider__circle--blue {
  background-color: #06829e;
}

.la-switcher {
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px 10px;
  -ms-border-radius: 10px 10px;
  border-radius: 10px 10px;
  background-color: rgb(235.3786610879, 234.1631799163, 233.1213389121);
  color: #7e7771;
  margin: 0.5em;
  width: fit-content;
}

.la-switcher__item {
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px 10px;
  -ms-border-radius: 10px 10px;
  border-radius: 10px 10px;
  cursor: pointer;
  text-transform: uppercase;
  margin: 0;
  font-size: 14px;
}
.la-switcher__item:hover {
  background-color: rgb(240.2012552301, 239.2845188285, 238.4987447699) !important;
  color: #57534e !important;
}

.la-switcher__item--active {
  background-color: #06829e;
  color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.la-switcher__item--active:hover {
  background-color: rgb(7.8658536585, 170.4268292683, 207.1341463415) !important;
  color: #fff !important;
}

.la-tabs {
  -webkit-border-radius: 40px 40px;
  -moz-border-radius: 40px 40px;
  -ms-border-radius: 40px 40px;
  border-radius: 40px 40px;
  margin: 0.5em;
  width: fit-content;
  max-width: 100%;
}
.la-tabs ng-transclude {
  overflow-x: auto;
  max-width: 100%;
  white-space: nowrap;
}

.la-tab {
  -webkit-border-radius: 40px 40px;
  -moz-border-radius: 40px 40px;
  -ms-border-radius: 40px 40px;
  border-radius: 40px 40px;
  cursor: pointer;
  text-transform: uppercase;
  margin: 0;
  background-color: #7e7771;
  color: #fff;
  font-size: 14px;
  margin-right: 0.7em;
  padding: 0px;
}
.la-tab:hover {
  background-color: rgb(150.9832635983, 144.539748954, 139.0167364017) !important;
}

.la-tab--active {
  background-color: #06829e;
  color: #fff;
}
.la-tab--active:hover {
  background-color: rgb(7.8658536585, 170.4268292683, 207.1341463415) !important;
  color: #fff !important;
}
la-tabs.md-accent .la-tab--active {
  background-color: #c69b48;
  color: #fff;
}
la-tabs.md-accent .la-tab--active:hover {
  background-color: rgb(210.1125, 176.25, 110.8875) !important;
  color: #fff !important;
}

/**
 * Estilizaçao da toolbar padrao dos paginas
 */
md-toolbar.la-toolbar {
  background: none;
  color: #57534e;
}
md-toolbar.la-toolbar md-icon {
  color: #57534e;
}

/**
 * Estilizaçao para o fundo caso uma imagem seja passada
 */
md-toolbar.la-toolbar.la-toolbar--background {
  background: none;
  color: #fff;
}
md-toolbar.la-toolbar.la-toolbar--background md-icon {
  color: #fff;
}

/**
 * O box do toolbar para caso haja alguma imagem,
 * adiciona-se uma sombra ao fundo a fim de que
 * o textosobreposto possa ser lido quando na cor padrao 
 */
.la-toolbar__box {
  background-size: cover;
  background-position: top center;
  -webkit-box-shadow: 0 84px 59px 0 rgba(0, 0, 0, 0.35) inset;
  -moz-box-shadow: 0 84px 59px 0 rgba(0, 0, 0, 0.35) inset;
  -ms-box-shadow: 0 84px 59px 0 rgba(0, 0, 0, 0.35) inset;
  box-shadow: 0 84px 59px 0 rgba(0, 0, 0, 0.35) inset;
}

.MicrosoftMap .as_container_search {
  max-width: 90% !important;
}

.la-nav--large {
  min-height: 90px;
  color: #fff;
}
.la-nav--large .md-toolbar-tools {
  min-height: 82px;
  color: #fff;
}

.la-bottom-nav {
  min-height: 70px;
  z-index: 1;
}
.la-bottom-nav md-tab-item.md-tab.ng-scope.ng-isolate-scope {
  padding: 0;
}

.la-bottom-nav__item {
  padding: 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.la-bottom-nav__item__text {
  display: block;
  text-transform: none;
  font-size: 9px;
  height: 18px;
}

.la-bottom-nav__item__icon {
  height: 20px;
  width: 20px;
}

.md-tab.md-active .la-bottom-nav__item__text {
  color: #c69b48;
}
.md-tab.md-active .la-bottom-nav__item__icon {
  color: #c69b48;
}

.la-sidenav__item {
  font-family: MyriadPro, "Helvetica Neue", sans-serif;
}

.la-nav__logo {
  font-size: 70px;
  font-weight: bold;
  font-family: MyriadProBold, "Helvetica Neue", sans-serif;
}
@media (max-width: 959px) {
  .la-nav__logo {
    font-size: 40px;
  }
}

.number-picker__value {
  min-width: 2em;
  text-align: center;
  height: auto !important;
}

.video-player {
  max-width: 100%;
}
.video-player iframe {
  width: 100%;
  height: 100%;
}

.la-video--theater {
  width: 100%;
  height: 360px;
  background-color: #333;
  display: block;
}
@media screen and (min-width: 959px) {
  .la-video--theater {
    height: 460px;
  }
}
@media screen and (min-width: 1280px) {
  .la-video--theater {
    height: 560px;
  }
}
.la-video--theater .video-player {
  width: 100%;
  height: 100%;
}

.video-player__message {
  margin: 2px;
  padding: 3em;
  background-color: #7e7771;
  background-position: center;
  background-size: cover;
  color: #fff;
}
.video-player__message p {
  margin: 0;
}

/**
* No Vimeo, ele insere dentro de uma div criada, essa eh a div criada.
* A fim de permitir o preenchimento do espaco disponivel e definido no elemento, 
* definiu-se que o elemento ocupe toda a altura e largura disponiveis
*/
.vimeo-player {
  height: 100%;
  width: 100%;
}