/*******************************************************
* HOME
*******************************************************/
  div.input-group > input:focus + span.input-group-addon {
      border-color: rgba(81, 203, 238, 1);
  }

  .invalid-feedback {
      display: block !important;
  }

  .bg-img{
      background-image: url(../../../images/banner.jpg);
      /*background-image: url(../../../images/backgrounds/slider/degrade_bg.png);*/
      background-position: bottom center;
  }

  .placaModelo {
    min-width: 370px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    overflow: hidden;
    border: 5px solid #999999;
    border-top-color: #AFAFAF;
    border-left-color:  #AAAAAA;
    border-radius: 5px;
    background-color: #CCCCCC;
    box-shadow: -1px -1px 10px #CCCCCC;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
    background: #fffcfc; /* Old browsers */
    background: -moz-linear-gradient(45deg, #CCCCCC, #F6F6F6 26%, transparent 25%), -moz-linear-gradient(-135deg, #FFFFFF, #F6F6F6 24%, transparent 25%), -moz-linear-gradient(45deg, #D0D0D0, #ECECEC 26%, transparent 25%), -moz-linear-gradient(-135deg, #FFFFFF, #ECECEC 24%, transparent 25%), -moz-linear-gradient(45deg, #CCCCCC, #F6F6F6 26%, transparent 25%), -moz-linear-gradient(-135deg, #FFFFFF, #F6F6F6 24%, transparent 25%), -moz-linear-gradient(45deg, #D0D0D0, #ECECEC 26%, transparent 25%), -moz-linear-gradient(-135deg, #FFFFFF, #ECECEC 24%, transparent 25%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #CCCCCC, #F6F6F6 26%, transparent 25%), -webkit-linear-gradient(-135deg, #FFFFFF, #F6F6F6 24%, transparent 25%), -webkit-linear-gradient(45deg, #D0D0D0, #ECECEC 26%, transparent 25%), -webkit-linear-gradient(-135deg, #FFFFFF, #ECECEC 24%, transparent 25%), -webkit-linear-gradient(45deg, #CCCCCC, #F6F6F6 26%, transparent 25%), -webkit-linear-gradient(-135deg, #FFFFFF, #F6F6F6 24%, transparent 25%), -webkit-linear-gradient(45deg, #D0D0D0, #ECECEC 26%, transparent 25%), -webkit-linear-gradient(-135deg, #FFFFFF, #ECECEC 24%, transparent 25%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #CCCCCC, #F6F6F6 26%, transparent 25%), linear-gradient(-135deg, #FFFFFF, #F6F6F6 24%, transparent 25%), linear-gradient(45deg, #D0D0D0, #ECECEC 26%, transparent 25%), linear-gradient(-135deg, #FFFFFF, #ECECEC 24%, transparent 25%), linear-gradient(45deg, #CCCCCC, #F6F6F6 26%, transparent 25%), linear-gradient(-135deg, #FFFFFF, #F6F6F6 24%, transparent 25%), linear-gradient(45deg, #D0D0D0, #ECECEC 26%, transparent 25%), linear-gradient(-135deg, #FFFFFF, #ECECEC 24%, transparent 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow: 0 0 5px inset;
    /* display: inline-block; */
  }

  #PM1 {
    background-size: 20px 20px;
    background-position: 0 10px, 10px 0, 10px 10px, 0 0, -15px 0, -5px 10px, -5px 0, 5px 10px;
  }

  #PM2 {
    background-size: 16px 16px;
    background-position: 0 8px, 8px 0, 8px 8px, 0 0, -12px 0, -4px 8px, -4px 0, 4px 8px;
  }

  #PM3 {
    background-size: 24px 24px;
    background-position: 0 12px, 12px 0, 12px 12px, 0 0, -18px 0, -6px 12px, -6px 0, 6px 12px;
  }

  .placaModelo span {
    display: block;
    font-family: verdana;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8);
    color: #333333;
  }

  .placaModelo span:first-child {
    box-shadow: 0 0 2px inset #9999;
    border: solid 0.3px #FAFAFA;
    border-bottom-color: #ACACAC;
    border-right-color: #ACACAC;
    font-size: 0.7em;
    font-weight: bold;
    width: 98%;
    margin-top: 5px;
    margin-bottom: -5px;
    background-color: #DADADA;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+8,b7b7b7+22,ffffff+35,e2e2e2+46,bcbcbc+50,d8d8d8+54,f7f7f7+77,b7b7b7+91,ffffff+100 */
    background: #ffffff; /* Old browsers */
    background-image: -moz-(ellipse farthest-corner at 4px 4px , #FFFFFF, #FFFFFF 15%, #AFAFAF 48%, #333333 50%, transparent 55%), -moz-(ellipse farthest-corner at 4px 4px , #FFFFFF, #FFFFFF 15%, #AFAFAF 48%, #333333 50%, transparent 55%), linear-gradient(45deg, #ffffff 8%,#b7b7b7 22%,#ffffff 35%,#e2e2e2 46%,#bcbcbc 50%,#d8d8d8 54%,#f7f7f7 77%,#b7b7b7 91%,#ffffff 100%); /* FF3.6-15 */
    background-image: -webkit-(ellipse farthest-corner at 4px 4px , #FFFFFF, #FFFFFF 15%, #AFAFAF 48%, #333333 50%, transparent 55%), -webkit-(ellipse farthest-corner at 4px 4px , #FFFFFF, #FFFFFF 15%, #AFAFAF 48%, #333333 50%, transparent 55%), linear-gradient(45deg, #ffffff 8%,#b7b7b7 22%,#ffffff 35%,#e2e2e2 46%,#bcbcbc 50%,#d8d8d8 54%,#f7f7f7 77%,#b7b7b7 91%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background-image: radial-gradient(ellipse farthest-corner at 4px 4px , #FFFFFF, #FFFFFF 15%, #AFAFAF 48%, #333333 50%, transparent 55%), radial-gradient(ellipse farthest-corner at 4px 4px , #FFFFFF, #FFFFFF 15%, #AFAFAF 48%, #333333 50%, transparent 55%), linear-gradient(45deg, #ffffff 8%,#b7b7b7 22%,#ffffff 35%,#e2e2e2 46%,#bcbcbc 50%,#d8d8d8 54%,#f7f7f7 77%,#b7b7b7 91%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-repeat: no-repeat;
    background-size:  8px 8px, 8px 8px, 100% 100%;
    background-position: 2% 50%, 98% 50%, 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }

  .placaModelo span:last-child {
    font-size: 2em;
    font-weight: bold;
    margin: -5px auto;
  }

  #sectionRadios center:first-child {
    max-width: 980px;
    margin: 0 auto;
  }

  #sectionRadios center:first-child div.form-group {
    padding-left: 35px;
    text-align: left;
  }

  #sectionRadios center:last-child div {
    float: none;
  }

  #placaInteira center div{
    float: none;
  }

  .radiousBorder{
    border-radius: 5px 5px 0 0;
  }

  .radiousBorderButtom{
    border-radius: 5px 5px 5px 5px;
  }

  /*Icone do baner das placas*/
  span i {
    font-size: 1.7em;
    display: inline-block;
    margin: 0 10px 0 10px;
  }

  /*Deixa a imagem parallax*/
  .parallax {
      background-image: url(../../../images/backgrounds/slider/img-51.jpg);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
  }


/*******************************************************
* PASSO A PASSO
*******************************************************/
  .container-passoapasso{
      padding-top: 35px;
      padding-bottom: 35px;
  }

  .item-passoapasso{
      align-items: center;
      margin-bottom: 30px;
      margin-top: 50px;
  }

  .banner-passoapasso{
      margin-top: 140px;
  }

  .ubuntu-family{
       font-family: 'Ubuntu', sans-serif;
  }

  .ubuntu-family-400{
      font-family: 'Ubuntu', sans-serif;
      font-weight: 400;
  }


/*******************************************************
* IPVA
*******************************************************/
  .container-ipva{
      background-color: #028043;
      color: white;
  }

  .ipva-ubuntu-font-400{
      font-family: 'Ubuntu', sans-serif;
      font-weight: 400;
  }

  .accordion--style-4 .card-header > .card-title > a[aria-expanded="true"] {
      color: #FFFFFF !important;
      text-decoration: none;
  }


/*******************************************************
* IPVA
*******************************************************/
  .footer-titulo{
      font-family: 'Ubuntu';
      font-weight: 300;
      border-bottom: 1px solid #FFFFFF;
      padding-bottom: 15px;
  }

  .footer-empresa{
      list-style: none;
      padding: 0; margin: 0;
      text-decoration: none;
      color: #FFFFFF;
  }

  .footer-empresa > li a, .footer-empresa > li a:hover{
      color: #818a91;
      font-family: "Roboto", sans-serif;
      font-size: 14px;
  }