body {
  margin: 0; }

.title {
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  text-shadow: 0 0 5px #000; }

.body {
  color: white;
  font-weight: bold; }

.title_secondary {
  text-transform: lowercase;
  font-weight: lighter;
  color: white; }

.simulation-form {
  background-color: #003C71; }
  .simulation-form form {
    padding: 2em 3em;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: .4rem;
    -webkit-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
    text-align: left; }

.image {
  background-position: 50% 50%;
  background-size: cover; }

.wrapper_promocao {
  text-align: right; }

.ball {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 2em;
  width: 4.25em;
  height: 4.25em;
  background-color: #003C71;
  border: 6px solid #fff;
  -webkit-box-shadow: 0 0 5px black;
  box-shadow: 0 0 5px black;
  border-radius: 50%;
  -webkit-transform: rotate(-18deg);
  transform: rotate(-18deg);
  -webkit-animation: bgcolor 25s linear infinite;
  animation: bgcolor 25s linear infinite; }

@-webkit-keyframes bgcolor {
  0% {
    background-color: #003C71; }
  50% {
    background-color: #A72B2A; }
  100% {
    background-color: #003C71; } }

@keyframes bgcolor {
  0% {
    background-color: #003C71; }
  50% {
    background-color: #A72B2A; }
  100% {
    background-color: #003C71; } }
  .ball .tex {
    display: inline-block;
    max-width: 80%;
    color: #fff;
    font-size: .5em;
    text-transform: lowercase;
    line-height: 1em;
    text-align: center; }
  .ball .val {
    font-size: 1.4em;
    line-height: 1em;
    color: #fff;
    font-weight: bold;
    letter-spacing: -2px; }

.column.image > .row, .column.simulation-form > .row {
  padding: 4em 2em; }

.form-item--error-message {
  color: red;
  font-size: 0.8em; }

.parceiros_block {
  padding: 4em 0;
  text-align: center; }
  .parceiros_block .block_title, .parceiros_block .block_subtitle {
    color: #003C71;
    text-transform: lowercase; }
  .parceiros_block .block_subtitle {
    font-weight: bold; }
  .parceiros_block img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: -webkit-filter 500ms ease-out;
    transition: -webkit-filter 500ms ease-out;
    transition: filter 500ms ease-out;
    transition: filter 500ms ease-out, -webkit-filter 500ms ease-out; }
    .parceiros_block img:hover {
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }

.totop {
  padding: 4em 1em;
  background-color: #A72B2A; }
  .totop .button {
    font-size: 1em;
    height: 3.8em;
    line-height: 3.8em;
    padding: 0 3.0em; }

.text-white {
  color: #fff; }

.vantagens_block {
  padding: 4em 0;
  color: #fff;
  background-color: #003C71; }
  .vantagens_block .vantagens_teaser {
    padding: 1em;
    margin: 1em 0; }

.status_message {
  position: relative;
  color: white;
  padding: 1em 0.5em 1em 50px;
  margin: 1em 0; }
  .status_message:after {
    display: block;
    position: absolute;
    margin-top: -10px;
    content: '';
    width: 20px;
    height: 20px;
    top: 50%;
    left: 15px; }
  .status_message.status {
    background-color: green; }
    .status_message.status:after {
      background-image: url("../images/check.svg"); }
  .status_message.warning {
    background-color: darkgoldenrod; }
    .status_message.warning:after {
      background-image: url("../images/alert.svg"); }
  .status_message.error {
    background-color: #cd3837; }
    .status_message.error:after {
      background-image: url("../images/alert.svg"); }
  .status_message.info {
    background-color: cornflowerblue; }
    .status_message.info:after {
      background-image: url("../images/alert.svg"); }

.ui-widget-overlay {
  background: #003C71;
  opacity: 0.7; }

.ui-widget.ui-widget-content {
  min-width: 50%;
  top: 90px !important; }

.ui-widget-header {
  background: #003C71;
  color: #fff; }
