@-webkit-keyframes glowing {
      0% { background-color: #0074d9; -webkit-box-shadow: 0 0 3px #0074d9; }
      50% { background-color: #ffffff; -webkit-box-shadow: 0 0 3px #ffffff; }
      100% { background-color: #0074d9; -webkit-box-shadow: 0 0 3px #0074d9; }
    }
    @-moz-keyframes glowing {
      0% { background-color: #0074d9; -moz-box-shadow: 0 0 3px #0074d9; }
      50% { background-color: #ffffff; -moz-box-shadow: 0 0 3px #ffffff; }
      100% { background-color: #0074d9; -moz-box-shadow: 0 0 3px #0074d9; }
    }
    @-o-keyframes glowing {
      0% { background-color: #0074d9; box-shadow: 0 0 3px #0074d9; }
      50% { background-color: #ffffff; box-shadow: 0 0 3px #ffffff; }
      100% { background-color: #0074d9; box-shadow: 0 0 3px #0074d9; }
    }
    @keyframes glowing {
      0% { background-color: dodgerblue; box-shadow: 0 0 3px dodgerblue; }
      50% { background-color: #ffffff; box-shadow: 0 0 3px #ffffff; }
      100% { background-color: #0074d9; box-shadow: 0 0 3px #0074d9; }
    }
    .sacaneie {
        text-align:right;
        align-items:center;
        margin-top:1%;
    }
    .proife {
        text-align:center;
        align-items:center;
    }
    .button {
      -webkit-animation: glowing 4500ms infinite;
      -moz-animation: glowing 4500ms infinite;
      -o-animation: glowing 4500ms infinite;
      animation: glowing 4500ms infinite;
      animation-timing-function: cubic-bezier(0.9,0,1,1);
      font-size: 22px;
      /*animation-delay: 5500ms;*/
      /*-webkit-tap-highlight-color: transparent;*/
    }
    .buttonnn {
      -webkit-animation:glowing 4500ms infinite;
      -moz-animation:glowing 4500ms infinite;
      -o-animation:glowing 4500ms infinite;
      animation:glowing 4500ms infinite;
      font-size:22px;
    }
    .fontesP{
        font-family:sans-serif;
        font-size:104px;
        align-content:center;
        color:#0074d9;
    }
    .fontesR{
        font-family:sans-serif;
        font-size:104px;
        align-content:center;
        color:red;
    }
    .fontesO{
        font-family:sans-serif;
        font-size:104px;
        align-content:center;
        color:orange;
    }
    .fontesI{
        font-family:sans-serif;
        font-size:104px;
        align-content:center;
        color:#0074d9;
    }
    .fontesF{
        font-family:sans-serif;
        font-size:104px;
        align-content:center;
        color:green;
    }
    .fontesE{
        font-family: sans-serif;
        font-size:104px;
        align-content:center;
        color:red;
    }
    .formi {
        text-align:center;
        align-items:center;
    }
    .longoprofes{
        width:20%;
        border-radius:44px;
        box-shadow:0px 0px 7px -2px #000; /*DH DV ES CS*/
    }
    .longoprotae{
        width:20%;
        margin-left:20px;
        border-radius:44px;
        box-shadow:0px 0px 7px -2px #000;
    }
    .btnscan{
        display:inline-block;
        width:10%;
        font-size:11px;
        line-height:0.5;
        color:white;
        text-align:center;
        text-decoration:none;
        vertical-align:middle;
        cursor:pointer;
        -webkit-user-select:none;
        -moz-user-select:none;
        user-select:none;
        background-color:#0000FF;
        border:1px solid transparent;
        box-shadow:0px 0px 7px -2px #000; /*DH DV ES CS*/
        padding:.5rem;
        border-radius:44px;
        margin-top:2px;
        /*transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out*/
    }
    /* Blue */
    .info {
      border-color: #77BFF3;
      /*border-color: #2196f3;
      /*color: #555B06;*/
      color: #2B2B2B;
    }
    .info:hover {
      /*background: #2196f3;*/
      background: #77BFF3;
      /*color: green;*/
      color: #2B2B2B;
    }
    .item-active {
      position: fixed;
      bottom: 25px;
      right: 85px;
      cursor: pointer;
      width: 91px;
      height: 74px;
      -moz-border-radius: 7px;
       -webkit-border-radius: 7px;
       box-shadow: 0px 0px 7px 2px #a9a9a9;
       -webkit-box-shadow: 0px 0px 7px 2px #a9a9a9;
       -moz-box-shadow: 0px 0px 7px 2px #a9a9a9;
        -moz-transform: translateX(10%);
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        -moz-animation: slide 2s linear;
        -webkit-animation: slide 2s linear;
        animation: slide 2s linear;
    }
    @-moz-keyframes slide {
        0% {
            -moz-transform: translateX(50%);
        }
        50% {
            -moz-transform: translateX(-50%);
        }
    }
    @-webkit-keyframes slide {
        0% {
            -webkit-transform: translateX(50%);
        }
        50% {
            -webkit-transform: translateX(-50%);
        }
    }
    @keyframes slide {
        0% {
            -moz-transform: translateX(50%);
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
        }
        50% {
            -moz-transform: translateX(-150%);
            -webkit-transform: translateX(-150%);
            transform: translateX(-150%);
        }
    }
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media all and (min-width:1025px) and (max-width:1366px){
    .btnscan{
        display:inline-block;
        width:15%;
        font-size:11px;
        line-height:0.5;
        color:white;
        text-align:center;
        text-decoration:none;
        vertical-align:middle;
        cursor:pointer;
        -webkit-user-select:none;
        -moz-user-select:none;
        user-select:none;
        background-color:#0000FF;
        border:1px solid transparent;
        box-shadow:0px 0px 7px -2px #000; /*DH DV ES CS*/
        padding:.50rem;
        border-radius:44px;
        margin-top:2px;
        /*transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out*/
    }
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media all and (min-width:577px) and (max-width:1024px){
    .btnscan{
        display:inline-block;
        width:20%;
        font-size:11px;
        line-height:0.5;
        color:white;
        text-align:center;
        text-decoration:none;
        vertical-align:middle;
        cursor:pointer;
        -webkit-user-select:none;
        -moz-user-select:none;
        user-select:none;
        background-color:#0000FF;
        border:1px solid transparent;
        box-shadow:0px 0px 7px -2px #000; /*DH DV ES CS*/
        padding:.50rem;
        border-radius:44px;
        margin-top:2px;
        /*transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out*/
    }
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media all and (max-width:576px) {
    @-webkit-keyframes glowing {
      0% { background-color: #0074d9; -webkit-box-shadow: 0 0 3px #0074d9; }
      50% { background-color: #ffffff; -webkit-box-shadow: 0 0 3px #ffffff; }
      100% { background-color: #0074d9; -webkit-box-shadow: 0 0 3px #0074d9; }
    }
    @-moz-keyframes glowing {
      0% { background-color: #0074d9; -moz-box-shadow: 0 0 3px #0074d9; }
      50% { background-color: #ffffff; -moz-box-shadow: 0 0 3px #ffffff; }
      100% { background-color: #0074d9; -moz-box-shadow: 0 0 3px #0074d9; }
    }
    @-o-keyframes glowing {
      0% { background-color: #0074d9; box-shadow: 0 0 3px #0074d9; }
      50% { background-color: #ffffff; box-shadow: 0 0 3px #ffffff; }
      100% { background-color: #0074d9; box-shadow: 0 0 3px #0074d9; }
    }
    @keyframes glowing {
      0% { background-color: dodgerblue; box-shadow: 0 0 3px dodgerblue; }
      50% { background-color: #ffffff; box-shadow: 0 0 3px #ffffff; }
      100% { background-color: #0074d9; box-shadow: 0 0 3px #0074d9; }
    }
    .button {
      -webkit-animation: glowing 4500ms infinite;
      -moz-animation: glowing 4500ms infinite;
      -o-animation: glowing 4500ms infinite;
      animation: glowing 4500ms infinite;
      animation-timing-function: cubic-bezier(0.9,0,1,1);
      font-size: 22px;
      /*animation-delay: 5500ms;*/
      /*-webkit-tap-highlight-color: transparent;*/
    }
    .buttonnn {
      -webkit-animation: glowing 4500ms infinite;
      -moz-animation: glowing 4500ms infinite;
      -o-animation: glowing 4500ms infinite;
      animation: glowing 4500ms infinite;
      font-size: 22px;
    }
    .fontes{
        font-family: sans-serif;
        font-size: 104px;
        align-content: center;
    }
    .longoprofes{
        width: 40%;
        border-radius: 44px;
        box-shadow: 0px 0px 7px -2px #000; /*DH DV ES CS*/
    }
    .longoprotae{
        width: 40%;
        margin-left: 20px;
        border-radius: 44px;
        box-shadow: 0px 0px 7px -2px #000;
    }
    /* Blue */
    .info {
      border-color: #77BFF3;
      /*border-color: #2196f3;
      /*color: #555B06;*/
      color: #2B2B2B;
    }
    .info:hover {
      background: #77BFF3;
      /*background: #2196f3;
      /*color: green;*/
      color: #2B2B2B;
    }
    .btnscan{
        display:inline-block;
        width:35%;
        font-size:11px;
        line-height:0.5;
        color:white;
        text-align:center;
        text-decoration:none;
        vertical-align:middle;
        cursor:pointer;
        -webkit-user-select:none;
        -moz-user-select:none;
        user-select:none;
        background-color:#0000FF;
        border:1px solid transparent;
        box-shadow:0px 0px 7px -2px #000; /*DH DV ES CS*/
        padding:.50rem;
        border-radius:44px;
        margin-top:2px;
        /*transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out*/
    }
    .item-active {
      position: fixed;
      bottom: 25px;
      right: 85px;
      cursor: pointer;
      width: 91px;
      height: 74px;
      -moz-border-radius: 7px;
       -webkit-border-radius: 7px;
       box-shadow: 0px 0px 7px 2px #a9a9a9;
       -webkit-box-shadow: 0px 0px 7px 2px #a9a9a9;
       -moz-box-shadow: 0px 0px 7px 2px #a9a9a9;
        -moz-transform: translateX(10%);
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        -moz-animation: slide 2s linear;
        -webkit-animation: slide 2s linear;
        animation: slide 2s linear;
    }
    /*#carregando #img-aguarde{
        width:20%;
        height:15px;
    }*/
    @-moz-keyframes slide {
        0% {
            -moz-transform: translateX(50%);
        }
        50% {
            -moz-transform: translateX(-50%);
        }
    }
    @-webkit-keyframes slide {
        0% {
            -webkit-transform: translateX(50%);
        }
        50% {
            -webkit-transform: translateX(-50%);
        }
    }
    @keyframes slide {
        0% {
            -moz-transform: translateX(50%);
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
        }
        50% {
            -moz-transform: translateX(-150%);
            -webkit-transform: translateX(-150%);
            transform: translateX(-150%);
        }
    }
}