.blue {
           color: #2773ff !important;
       }
       
       .dimgray {
           color: dimgray !important;
           align-self: center;
       }
       
       /*.shadow {
           box-shadow: -17.1px 62.5px 125px -23px rgba(50, 50, 93, .5), -6.2px 37.5px 75px -37.5px rgba(0, 0, 0, .3);
       }*/
       
       .row {
           margin-right: 0px !important;
           margin-left: 0px !important;
       }
       
       .card-body-with-space {
           -ms-flex: 1 1 auto;
           flex: 1 1 auto;
           /*padding: 1.25rem !important;*/
       }
       
       .obs-center {
           font-size: 11px;
           font-weight: 600;
           align-self: center;
       }
       
       .obs-end {
           font-size: 11px;
           font-weight: 600;
           align-self: flex-end;
       }
       
       .obs-start {
           font-size: 11px;
           font-weight: 600;
           align-self: flex-start;
       }
       
       .btn-card-white-flex-size {
           min-width: unset !important;
       }
        .btn-card-blue-flex-size {
            min-width: unset !important;
        }       
       .promocao {
           color: #4fb83f !important;
           font-weight: 500;
       }
       
       #footer {
           position: absolute;
           bottom: 0;
           width: 100%;
       }
       /*.container {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }*/
       
       .col-lg-12,
       .col-md-auto {
           padding-left: 0px !important;
           padding-right: 0px !important;
       }
       
       .banner-home {
           padding-top: 35px !important;
       }
       
       .banner-home {
           padding-left: 15px !important;
       }
       
       .banner-home-desc {
           padding-left: 15px !important;
       }
       
       .col-lg-9 {
           padding-left: 15px !important;
           padding-right: 15px !important;
       }
       
       .content-white {
           margin-top: -100.0vh;
       }
       
       @media (min-width: 670px) {
           figure {
               height: auto;
               flex: 1 0 50%;
               margin-inline-start: 55px;
           }
       }
       
       .floating-cards {
           perspective: 1500px;
           position: relative;
           align-items: center;
       }
       
       figure {
           display: block;
           margin-block-start: 1em;
           margin-block-end: 1em;
           margin-inline-start: 55px;
           margin-inline-end: 40px;
       }
       
       figure {
           height: 300px;
           -webkit-user-select: none;
           -moz-user-select: none;
           -ms-user-select: none;
           user-select: none;
           cursor: default;
       }
       
       figure .smartphone.deep-shadow {
           box-shadow: -17.1px 62.5px 125px -23px rgba(50, 50, 93, .5), -6.2px 37.5px 75px -37.5px rgba(0, 0, 0, .3);
       }
       
       .floating-cards>div {
           position: absolute;
           flex-shrink: 0;
           border-radius: 8px;
           overflow: hidden;
       }
       
       figure .smartphone {
           --device-scale: 0.16;
           width: calc(1125px * var(--device-scale));
           height: calc(2001px * var(--device-scale));
           left: calc(45% - 80px);
           top: 90%;
           transform: translate(-50%, -50%) rotate3d(.5, .866, 0, 16deg) rotateZ(-2deg);
       }
       
       figure .tablet {
           --device-scale: 0.16;
           width: calc(3072px * var(--device-scale));
           height: calc(2304px * var(--device-scale));
           left: calc(65% + 100px);
           top: 90%;
           transform: translate(-50%, -50%) rotate3d(.342, -.94, 0, 22deg) rotateZ(7deg);
           box-shadow: 37.2px 62.5px 125px -25px rgba(50, 50, 93, .5), 22.3px 37.5px 75px -37.5px rgba(0, 0, 0, .6);
       }
       
       @media (min-width: 670px) {
           figure .smartphone {
               --device-scale: 0.14;
               left: 10%;
               top: 80%;
           }
           figure .tablet {
               /*--device-scale: 0.20;*/
               left: 60%;
               top: 80%;
           }
       }
       /*smartphone*/
       
       @media screen and (max-width: 600px) {
           figure .smartphone {
               --device-scale: 0.10;
               /*left: 46%;*/
               top: 50%;
           }
           figure .tablet {
               --device-scale: 0.10;
               left: 50%;
               top: 50%;
           }
           figure {
               display: none;
           }
       }
       /* ----------- samsung landscape ----------- */
       
       @media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {}
       /* ----------- Pixel 2 ----------- */
       /* Portrait */
       
       @media screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: portrait) {}
       /* Landscape */
       
       @media screen and (device-width: 411px) and (device-height: 731px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {}
       /* Target Portrait and Landscape */
       
       @media screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {}
       /* ----------- iPad only ----------- */
       
       @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
           figure .smartphone {
               --device-scale: 0.10;
               /*left: 46%;*/
               top: 70%;
           }
           figure .tablet {
               --device-scale: 0.10;
               left: 50%;
               top: 70%;
           }
       }
       /* ----------- iPad Pro ----------- */
       /* Portrait and Landscape */
       
       @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {}
       /* Galaxy Tab 10.1 portrait and landscape */
       
       @media (min-device-width: 800px) and (max-device-width: 1280px) {
           figure .smartphone {
               --device-scale: 0.10;
               /*left: 46%;*/
               top: 70%;
           }
           figure .tablet {
               --device-scale: 0.10;
               left: 50%;
               top: 70%;
           }
       }
       /* Galaxy Tab 10.1 portrait and landscape */
       
       @media (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) {
           figure .smartphone {
               --device-scale: 0.15;
               left: 20%;
               top: 80%;
           }
           figure .tablet {
               --device-scale: 0.15;
               /*left: 70%;*/
               top: 80%;
           }
       }
       
       .contact-form {
           text-align: left !important;
       }
       
       .contact-label {
           color: darkslategray !important;
           font-weight: 500 !important;
       }
       
       .loader-container {
           position: relative;
           left: 48%;
           /*top: 91.0vh;*/
       }
       
       .loader {
           position: relative;
           /*left: 50%;
                    top: 50%;*/
           border: 6px solid #f3f3f3;
           border-radius: 50%;
           border-top: 6px solid darkgrey;
           width: 30px;
           height: 30px;
           -webkit-animation: spin 1s linear infinite;
           /* Safari */
           animation: spin 1s linear infinite;
       }
       
       .loader-text {
           position: relative;
           font-size: 12px;
           color: black;
           left: -22%;
       }
       
       .loader-text::after {
           content: "Carregando...";
       }
       
       @keyframes fadeinout {
           50% {
               opacity: 1;
           }
           99% {
               opacity: 0;
           }
           100% {}
       }
       /* Safari */
       
       @-webkit-keyframes spin {
           0% {
               -webkit-transform: rotate(0deg);
           }
           100% {
               -webkit-transform: rotate(360deg);
           }
       }
       
       @keyframes spin {
           0% {
               transform: rotate(0deg);
           }
           100% {
               transform: rotate(360deg);
           }
       }