* {
  font-family: 'CircularStd-Book', -apple-system, BlinkMacSystemFont, Segoe UI,
    Roboto, Helvetica Neue, Arial, sans-serif;
}

.template {
  height: 100vh;
  display: flex;
  align-items: stretch;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  place-content: center;
  flex: auto;
}

.logo {
  max-width: 200px;
}

form {
  width: 40vh;
}

#form-login {
  width: inherit;
}

.password-icon {
  position: absolute;
  top: 8px;
  right: 8px;
}

.btn-primary-advise {
  color: #fff;
  background-color: #2d2d2d;
  border-color: #2d2d2d;
}

.btn-primary-advise:hover {
  color: #fff;
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}

.text-primary-advise {
  color: #2d2d2d !important;
}

.text-secondary-advise {
  color: #ff5800;
}

.btn-link {
  color: rgba(0, 0, 0, 0.6);
  background-color: transparent;
}

#carouselExampleIndicators {
  width: 58.6%;
}

@media (max-width: 992px) {
  #carouselExampleIndicators {
    width: inherit;
  }
}

.panel {
  background-image: url(https://sisproc.prawo.adv.br/application/views/newSkin/assets/img/Advise_-_Tela_do_blog.jpg);
  /* width: 58.6%; */
  padding-left: 67px;
  background-size: cover;
  background-position-y: -130px;
}

.panelPromo {
  background-image: url(https://sisproc.prawo.adv.br/application/img/banner-destop-login-1124x920.jpg);
  background-position-x: center;
  background-position-x: center;
  background-size: 113%;
  background-color: #070707;
  background-repeat: no-repeat;
  background-position-y: -60px;
}

/* - - - */

@media (min-width: 768px) and (max-width: 1366px) {
  .panelPromoIndique {
    background-position-y: -40px;
  }
}

.itens {
  display: flex;
}

.logo_chamada {
  height: 25vh;
  align-items: flex-end;
}

.conteudo_chamada {
  flex-flow: column;
  height: 60vh;
}

.botao_chamada {
  display: flex;
  height: 4vw;
  align-items: end;
}

.svg-panel {
  width: 64vw;
  height: 64vw;
  font-weight: 500;
}
.svg-panel .st0 {
  fill: #ffffff;
}
.svg-panel .st1 {
  font-family: 'CircularStd-Medium';
}
.svg-panel .st2 {
  font-size: 40px;
}
.svg-panel .st3 {
  fill: #ff5800;
}
.svg-panel .st4 {
  font-size: 16px;
}

/* esses aqui só por causa do design kit da advise */

.form-control:focus {
  color: rgba(0, 0, 0, 0.87) !important;
  border-color: rgba(0, 0, 0, 0.87) !important;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 87%) !important;
}

.form-control::-webkit-input-placeholder {
  font-weight: 400;
  color: #757575;
}
.form-control::-moz-placeholder {
  font-weight: 400;
  color: #757575;
}
.form-control::-ms-input-placeholder {
  font-weight: 400;
  color: #757575;
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px !important;
  margin-left: -8px !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #ff9800 !important;
}

.txpl {
  color: #fff;
  font-size: 45.5px;
  font-family: 'CircularStd-Medium' !important;
  font-weight: 500;
  line-height: 52px;
  display: flex;
  margin-bottom: 0;
  margin-top: auto;
}

.item_dois {
  margin-top: 0;
}

.panel div .logo {
  margin-top: 48px;
}

.line {
  height: 2px;
  background-color: white;
  width: 254px;
  margin: 0 auto;
}

.btnPlay {
  background: #ff5800;
  width: 300px;
  height: 55px;
  border-radius: 4px;
  line-height: 59px;
  text-align: center;
  color: #fff;
  font-size: 19px;
  font-family: 'CircularStd-Medium' !important;
  margin-top: 20px;
}

.flex-container {
  display: flex;
  flex-direction: column;
  padding-left: 67px;
}

/* NOTEBOOK */
@media (min-width: 1000px) and (max-width: 1400px) {
  .txpl {
    color: #fff;
    font-size: 34.5px;
    font-family: 'CircularStd-Medium' !important;
    font-weight: 500;
    line-height: 39px;
  }

  .conteudo_chamada {
    flex-flow: column;
    height: 55vh;
  }

  .botao_chamada {
    display: flex;
    height: 5vw;
    align-items: end;
  }

  .panel {
    padding-top: 0;
  }

  .panelPromo {
    background-size: 100%;
  }
}

@font-face {
  font-family: 'CircularStd-Medium';
  src: url('../../../../../application/third_party/fontawesome/webfonts/CircularStd-Medium.eot');
  src: url('../../../../../application/third_party/fontawesome/webfonts/CircularStd-Medium.woff2')
      format('woff2'),
    url('../../../../../application/third_party/fontawesome/webfonts/CircularStd-Medium.woff')
      format('woff'),
    url('../../../../../application/third_party/fontawesome/webfonts/CircularStd-Medium.ttf')
      format('truetype'),
    url('../../../../../application/third_party/fontawesome/webfonts/CircularStd-Medium.svg#CircularStd-Medium')
      format('svg'),
    url('../../../../../application/third_party/fontawesome/webfonts/CircularStd-Medium.eot?#iefix')
      format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

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