@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");


#formulario{
    width:560px !important;
    height:580px !important;
  
}
#formularioc{
    width:500px !important;
    height:580px !important;
    
}
#formulariod{
    width:500px !important;
    height:500px !important;
}
#formularioe{
    width:500px !important;
    height:580px !important;
}
#formulariob{
    width:580px !important;
    height:510px !important; 
    margin-top:10px; 
    padding-left:10px !important; 
    padding-right:10px !important
}


input {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 0;
  z-index: 0 !important; }

input:focus, input:active {
  outline: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.form-control {
  z-index: 0;
  border: none !important;
  outline: none !important;
  border-radius: 0px !important;
  border-bottom: 2px solid silver !important; }

.form-control:focus {
  background-color: transparent;
  border-color: none;
  outline: 0;
  box-shadow: none; }

select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: transparent; }

select::-ms-expand {
  display: none !important; }

.input_disable input, .input_disable select, .input_disable textarea {
  background-image: linear-gradient(to bottom, #242424, #12141f) !important; }

.input-blue input:focus, .input-blue input:not(:placeholder-shown),
.input-blue select:focus, .input-blue select:not(:placeholder-shown),
.input-blue textarea:focus, .input-blue textarea:not(:placeholder-shown) {
  background-image: linear-gradient(to bottom, #2d353f, rgba(41, 41, 155, 0.1)) !important; }

.input-blue .underline::before, .input-blue .left {
  background-image: linear-gradient(to left, #012840, #012840) !important; }

.input-green input, .input-green select, .input-green textarea {
  font-size: 50px;
  height: 55px; }

.input-green input:focus, .input-green input:not(:placeholder-shown),
.input-green select:focus, .input-green select:not(:placeholder-shown),
.input-green textarea:focus, .input-green textarea:not(:placeholder-shown) {
  background-image: linear-gradient(to bottom, #2d353f, rgba(0, 128, 0, 0.1)) !important; }

.input-green .underline::before, .input-green .left {
  background-image: linear-gradient(to left, #19c419, green) !important; }

.input-red input:focus, .input-red input:not(:placeholder-shown),
.input-red select:focus, .input-red select:not(:placeholder-shown),
.input-red textarea:focus, .input-red textarea:not(:placeholder-shown) {
  background-image: linear-gradient(to bottom, #2d353f, rgba(255, 0, 0, 0.1)) !important; }

.input-red .underline::before, .input-red .left {
  background-image: linear-gradient(to left, red, red) !important; }

.input-yellow input:focus, .input-yellow input:not(:placeholder-shown),
.input-yellow select:focus, .input-yellow select:not(:placeholder-shown),
.input-yellow textarea:focus, .input-yellow textarea:not(:placeholder-shown) {
  background-image: linear-gradient(to bottom, #2d353f, rgba(255, 255, 0, 0.1)) !important; }

.input-yellow .underline::before, .input-yellow .left {
  background-image: linear-gradient(to left, #d6d600, #d6d600) !important; }

input, select, textarea {
  color: #283038 !important;
  text-transform: uppercase; }

.input-black:focus, .input-black:not(:placeholder-shown) {
  background-image: linear-gradient(to bottom, #242424, #303030) !important; }

.label-dark {
  color: white !important; }

.font-pp input, .font-pp select, .font-pp textarea {
  font-size: 14px; }

.font-p input, .font-p select, .font-p textarea {
  font-size: 14px; }

.font-pm input, .font-pm select, .font-pm textarea {
  font-size: 17px;
  font-weight: 500; }

.font-mm input, .font-mm select, .font-mm textarea {
  font-size: 18px;
  font-weight: 500; }

.font-m input, .font-m select, .font-m textarea {
  font-size: 20px;
  font-weight: 500; }

.font-gm input, .font-gm select, .font-gm textarea {
  font-size: 25px;
  font-weight: 500; }

.font-g input, .font-g select, .font-g textarea {
  font-size: 30px;
  font-weight: 700; }

.font-g .cifrao {
  font-size: 30px; }

.font-g .mask-money input {
  padding-left: 40px !important; }

.font-sg input, .font-sg select, .font-sg textarea {
  font-size: 40px;
  font-weight: 700; }

.font-sg .cifrao {
  font-size: 35px; }

.font-sg .mask-money input {
  padding-left: 60px !important; }

.top-header-main {
  background-color: #400709;
  width: 100%;
  color: #DAD9D4;
  display: none; }

.top-header-main .row {
  width: 100%; }

.top-header-main .icon-top-header {
  margin: 0 7px;
  color: #DAD9D4; }

.top-header-main .container {
  height: 50px; }

header {
  display: flex;
  position: fixed;
  flex-direction: column;
  width: 100%;
  height: 100px;
  align-items: center;
  justify-content: space-between;
  transition: all .7s ease-in-out;
  z-index: 1000;
  /* padding-right: 15px; 
        font-size: 16px;
        transition: all .3s ease-in-out;
        z-index: 1;
        letter-spacing: 3px;
        cursor: pointer;
    }
    .item-menu:hover{
        border-bottom: 1px solid $secondary-color-two;
    } */ }
  header .item-menu {
    cursor: pointer;
    color: white; }

.top-bottom-header, .top-header-main .container, .bottom-header {
  justify-content: space-between  !important;
  width: 100%; }

.bottom-header {
  height: 100px;
  transition: all 400ms ease-in-out; }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bgnav {
  background-color: rgba(64, 7, 9, 0.93);
  width: 100%;
  height: 80px;
  animation: fade 1s 400ms    backwards; }

.logo {
  font-size: 20px;
  margin-left: 20px;
  /*color: #8205ff;*/
  color: white;
  font-weight: 200;
  padding-top: 3px; }

header ul li a {
  font-size: 16px; }

@media (min-width: 992px) {
  .logo {
    font-size: 25px;
    margin-left: 50px; }
  .top-header-main {
    display: block; } }

@media (min-width: 900px) {
  header .logo {
    font-size: 30px;
    margin-left: 90px; }
  header li a:hover {
    border-bottom: 1px solid #DAD9D4;
    transition: all .3s ease-in-out;
    /* animation: letter 1.5s forwards;*/ }
  header li a {
    color: white;
    font-size: 18px !important;
    font-weight: 400;
    margin-right: 20px;
    transition: all .3s ease-in-out;
    z-index: 1;
    letter-spacing: 3px; } }

header ul {
  display: flex;
  margin-bottom: 0;
  margin-right: 70px;
  z-index: 3000; }

#check {
  position: absolute;
  z-index: 20;
  display: none; }

@media (max-width: 900px) {
  header ul {
    position: fixed;
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 80px;
    width: 100%;
    height: 100vh;
    background-color: rgba(64, 7, 9, 0.93);
    padding-top: 70px;
    top: -115%;
    left: 0;
    transition: all 500ms ease-in-out;
    text-align: center; }
  header li {
    width: 100%; }
  header li a {
    color: white;
    width: 100vw;
    /*margin-left: 7%;
        
        border-bottom: 1px solid white; */
    font-size: 17px;
    letter-spacing: 3px; }
  header span {
    width: 25px;
    height: 2px;
    top: 35px;
    left: 14px;
    position: absolute;
    background-color: white;
    transition: all 300ms linear;
    margin-left: 80%;
    z-index: 3200; }
  header span:before {
    content: '';
    width: 25px;
    height: 2px;
    left: 0;
    bottom: -8px;
    position: absolute;
    background-color: white;
    transition: all .4s linear;
    z-index: 20; }
  header span:after {
    content: '';
    width: 25px;
    height: 2px;
    bottom: 8px;
    left: 0px;
    position: absolute;
    background-color: white;
    transition: all .4s linear;
    z-index: 20; }
  #check:checked ~ ul {
    top: 0;
    animation: fade 1s 400ms  backwards; }
  #check:checked ~ header {
    background-color: rgba(64, 7, 9, 0.93); }
  #check:checked ~ .checkbtn span {
    background-color: transparent !important; }
  #check:checked ~ .checkbtn span:before {
    transform: translate(0, -8px) rotate(-45deg); }
  #check:checked ~ .checkbtn span:after {
    transform: translate(0, 8px) rotate(45deg); } }

@media (min-width: 1200px) {
  header li a {
    color: white; } }

* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  border: none;
  outline: none;
  font-weight: 300;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif; }

.dflex, .top-bottom-header, .top-header-main .container, .bottom-header, section, .card-section, .loader, .ring, footer, footer .container, footer .sections-footer, .social-icons, .whats-btn, .testimonials .card .head-card, .testimonials .card .img-card, .destaques, .top-form, .form-venda, .form-venda .bnt-show, .mini-conteiner, .blog-main .hero, .blog-main .info-post {
  display: flex;
  align-items: center; }

.card {
  text-align: center;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  border-radius: 15px; }
  .card .icon-card {
    width: 100%;
    font-size: 40px;
    color: #400709 !important; }

h2 {
  font-weight: 700;
  color: #400709;
  font-size: 35px; }

h6 {
  font-weight: 500;
  font-size: 18px; }

html {
  overflow-x: hidden !important;
  scroll-behavior: smooth; }

body {
  height: 100%;
  width: 100%;
  background-color: #DAD9D4;
  color: #0D0909;
  scroll-behavior: smooth;
  position: relative;
  /*
    Efeito pra fazer a página dá um scroll diferente
    overflow-y: scroll;
    height: 100vh;
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(100vh);
    scroll-snap-type: y mandatory;
    */ }

body::-webkit-scrollbar {
  width: 5px !important;
  height: 10px !important; }

body::-webkit-scrollbar-track {
  background-color: #0D0909 !important; }

body::-webkit-scrollbar-thumb {
  border-radius: 0px !important;
  background-color: #400709 !important; }

a {
  text-decoration: none;
  color: #DAD9D4; }

a:hover {
  text-decoration: none;
  color: #DAD9D4; }

li {
  list-style: none; }

.btn {
  color: white !important;
  background-color: #012840;
  /*
    cursor: pointer;
    width: 170px;
    height: 45px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3px;
   // text-transform: uppercase;*/ }

.hero {
  height: 100vh !important;
  position: relative !important; }

.hero .carousel {
  height: 100%;
  position: inherit;
  overflow: hidden; }

.hero .banner {
  height: 100vh;
  background-size: cover;
  background-position: center;
  position: relative;
  background-attachment: fixed; }

.hero .img1 {
  background-image: linear-gradient(to top, rgba(1, 40, 64, 0.7), rgba(64, 7, 9, 0.8)), url(/img/casa-bg2.jpg); }

.hero .img2 {
  background-image: linear-gradient(to top, rgba(1, 40, 64, 0.7), rgba(64, 7, 9, 0.8)), url(/img/casa-bg.jpg); }

.hero .carousel-caption {
  padding-bottom: 50px;
  /*text-align: center;
    left: 10%;*/ }

.hero .carousel-caption h1 {
  font-size: 30px;
  font-weight: 700; }

.hero .carousel-caption p {
  font-size: 18px; }

.hero .carousel-caption .btn {
  margin-top: 30px; }

@media (min-width: 992px) {
  .hero .carousel-caption {
    padding-bottom: 150px;
    text-align: left;
    left: 10%; }
  .hero .carousel-caption h1 {
    font-size: 50px;
    font-weight: 700; }
  .hero .carousel-caption p {
    font-size: 25px;
    padding-right: 30%; }
  .hero .carousel-caption .btn {
    margin-top: 30px; } }

section {
  flex-direction: column;
  padding: 50px 30px; }

.cadrs-info {
  min-height: 100vh;
  height: 100%;
  background-color: #DAD9D4;
  color: #DAD9D4;
  color: #0D0909;
  /*
    Coloquei essa sessão no reset, para todos
    .card {
        text-align: center;
        padding: 10px;
        margin-top: 15px;
        margin-bottom: 15px;
        border-radius: 15px;
        .icon-card{
            text-align: center;
            width: 100%;
            font-size: 40px !important;
            color: $primary-color !important;
        }
    }*/ }

.card-section {
  justify-content: space-around !important;
  flex-direction: column;
  margin: 15px;
  width: 22%;
  padding: 2px;
  height: 350px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 9px 10px 5px 0px rgba(115, 115, 115, 0.26);
  -webkit-box-shadow: 9px 10px 5px 0px rgba(115, 115, 115, 0.26);
  -moz-box-shadow: 9px 10px 5px 0px rgba(115, 115, 115, 0.26); }
  .card-section .icon-card {
    font-size: 40px;
    color: #400709; }

.card-section .title {
  font-weight: 700; }

.card-section p {
  text-align: center; }

.card-section .btn {
  width: 150px;
  height: 40px;
  color: white;
  background-color: #400709;
  border: 2px solid #400709;
  transition: all .3s ease-in-out; }

.loader {
  position: fixed;
  top: 0;
  left: 0;
  background: #0D0909;
  z-index: 20;
  width: 100vw;
  height: 100vh;
  font-size: 18px !important;
  z-index: 1000000; }

.disppear {
  animation: vanish 1s forwards; }

.ring {
  flex-direction: column;
  justify-content: center !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
  background: transparent;
  border: 1px solid #0D0909;
  border-radius: 50%;
  text-align: center;
  color: #DAD9D4;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-shadow: 0 0 10px #400709;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  z-index: 50; }

.ring ::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-top: 3px solid #400709;
  border-right: 3px solid #400709;
  border-radius: 50%;
  animation: ringAnim 2s linear infinite; }

.ring h4 {
  font-size: 20px;
  font-weight: 400;
  color: #DAD9D4; }

.ring h6 {
  font-size: 14px;
  font-weight: 400;
  color: #DAD9D4; }

.ring span {
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 50%;
  height: 4px;
  background: transparent;
  transform-origin: right;
  animation: spanAnim 2s linear infinite; }

.ring span::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #400709;
  top: -6px;
  right: -8px;
  box-shadow: 0 0 20px #400709; }

@keyframes spanAnim {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes ringAnim {
  from {
    transform: rotate(-45deg); }
  to {
    transform: rotate(-405deg); } }

@keyframes vanish {
  100% {
    opacity: 0;
    visibility: hidden; } }

footer, footer .container {
  padding: 30px 0;
  background-color: #0D0909;
  color: #DAD9D4;
  justify-content: center; }

footer .icon-contact {
  font-size: 15px;
  margin-right: 7px;
  color: #DAD9D4; }

footer .sections-footer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 15px; }

.social-icons {
  width: 50%;
  padding: 10px 0;
  justify-content: space-around; }

.social-icons .icon-social {
  font-size: 20px;
  color: white; }

.insta-icon {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.social-icons .icon-social:hover {
  transform: scale(1.2); }

#icon-reclame-aqui {
  width: 20px; }

footer .links-footer {
  align-items: center; }

footer .links-footer a {
  font-weight: 500;
  transition: all .3s ease-in-out; }

footer .links-footer a:hover {
  border-bottom: 1px solid #400709; }

footer .tel-whats:hover {
  color: #25D366; }

footer .tel-whats:hover .icon-contact {
  color: #25D366; }

@media (min-width: 770px) {
  .sections-footer h6 {
    font-size: 15px !important; }
  footer .links-footer {
    align-items: stretch; } }

@media (min-width: 992px) {
  .sections-footer h6 {
    font-size: 18px !important; }
  footer .contact-itens {
    align-items: flex-start; } }

@media (max-width: 500px) {
  footer .contact-itens {
    align-items: center; } }

.whats-btn {
  position: fixed;
  justify-content: center;
  align-items: center;
  bottom: 70px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  font-size: 45px;
  border-radius: 50%;
  text-align: center;
  z-index: 1000; }

#whats-icon {
  color: white; }

@media (min-width: 950px) {
  .whats-btn {
    bottom: 40px;
    right: 40px; } }

.testimonials {
  display: flex;
  align-items: center;
  background: #DAD9D4; }
  .testimonials .card .head-card {
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px; }
    .testimonials .card .head-card h6 {
      margin-left: 10px; }
  .testimonials .card .img-card {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(64, 7, 9, 0.8);
    padding: 10px; }
    .testimonials .card .img-card .icon-card {
      font-size: 25px;
      padding: 0;
      color: white !important; }
  .testimonials .card .icon-card {
    font-size: 45px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
  .testimonials .card .icon-left {
    padding-right: 80%; }
  .testimonials .card .icon-right {
    padding-left: 80%; }

.destaques {
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0.8), rgba(218, 217, 212, 0.8)), url(/img/negocios-bg.jpg);
  background-size: cover;
  background-color: #DAD9D4; }
  .destaques .card {
    background-color: white;
    border: none;
    color: #0D0909;
    transition: all .3s ease-in-out; }
    .destaques .card .card-header {
      background-image: linear-gradient(to right, #400709, #450c0f, #4b1114, #501518, #561a1c, #581c1e, #5a1f21, #5c2123, #5a2124, #592224, #572225, #552225);
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      color: #DAD9D4;
      transition: all .3s ease-in-out; }
    .destaques .card .btn {
      margin-top: 20px;
      background-color: #012840; }
  .destaques .card:hover .card-header {
    background-color: #400709; }

.tips {
  background-color: white; }
  .tips .card {
    border: none; }
  @media (min-width: 768px) {
    .tips .col-md-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 100%; } }

.solutions {
  background-image: linear-gradient(to bottom, rgba(1, 40, 64, 0.7), rgba(1, 40, 64, 0.7), rgba(64, 7, 9, 0.8)), url(/img/negocios-bg2.jpg);
  background-position: center;
  background-size: cover; }
  .solutions h2, .solutions h6 {
    color: white; }
  .solutions .card {
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    color: white;
    border: none;
    padding: 10px; }
    .solutions .card .icon-card {
      color: white !important; }

.top-form {
  position: fixed;
  bottom: -10px;
  right: 0;
  width: 100% !important;
  height: 50px;
  z-index: 1100;
  color: white;
  justify-content: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  transition: all 1s  ease-in-out;
  cursor: pointer; }

#vender-form {
  display: none; }

#close-vender-form {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 25px;
  color: white;
  cursor: pointer;
  transition: all .2 ease-in-out; }

#close-vender-form:hover {
  font-size: 28px;
  transition: all .2 ease-in-out; }

#vender-form:checked ~ .overlayer {
  display: block; }

#check-form {
  display: none; }

#check-form:checked ~ .form-fixed {
  bottom: 10px; }

#check-form:checked ~ .top-form {
  bottom: 378px; }

@keyframes formUp {
  from {
    transform: translateY(0); }
  75% {
    transform: translateY(-20%); }
  to {
    transform: translateY(0); } }

.form-venda {
  padding-bottom: 10px;
  height: 400px;
  width: 320px;
  z-index: 1000;
  transition: all 1s ease-in-out;
  flex-wrap: wrap;
  justify-content: space-around;
  background-image: linear-gradient(to TOP, #DAD9D4, white);
  backdrop-filter: blur(15);
  border-radius: 15px; }
  .form-venda .bnt-show {
    color: white;
    width: 100%;
    justify-content: center;
    height: 50px;
    margin-top: -35px;
    background-image: linear-gradient(to right, #400709, #450c0f, #4b1114, #501518, #561a1c, #581c1e, #5a1f21, #5c2123, #5a2124, #592224, #572225, #552225);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px; }
    .form-venda .bnt-show h3 {
      font-size: 20px; }

.form-fixed {
  position: fixed;
  bottom: -380px;
  right: 50%;
  width: 80%;
  transform: translateX(50%);
  animation: move-form 2s .5s backwards;
  box-shadow: -5px 3px 5px 3px rgba(0, 0, 0, 0.3); }
  .form-fixed .money-input {
    padding-top: 13px !important;
    padding-left: 20px !important; }
  .form-fixed form {
    padding: 10px 20px; }
  .form-fixed .form-title {
    padding-top: 0px; }
    .form-fixed .form-title h6 {
      font-size: 16px; }
  .form-fixed .container {
    overflow: hidden; }
  .form-fixed .step {
    display: none;
    overflow: hidden;
    height: 330px;
    padding: 15px;
    border-radius: 5px; }
  .form-fixed .step.active {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .form-fixed .step.active .input-1 {
    animation: move .5s   .4s  backwards; }
  .form-fixed .step.active .input-2 {
    animation: move .5s   .6s  backwards; }
  .form-fixed .step.active .input-3 {
    animation: move .5s   .8s  backwards; }
  .form-fixed .step.active .input-4 {
    animation: move .5s   1s  backwards; }
  .form-fixed .step.active .input-5 {
    animation: move .5s   1.2s  backwards; }
  .form-fixed .step.active .input-6 {
    animation: move .5s   1.4s  backwards; }
  .form-fixed .step.active .input-1 {
    animation: moveCol6 .5s   .4s  backwards; }
  .form-fixed .step.active .input-2 {
    animation: moveCol6 .5s   .6s  backwards; }
  .form-fixed .step.active .input-3 {
    animation: moveCol6 .5s   .8s  backwards; }
  .form-fixed .step.active .input-4 {
    animation: moveCol6 .5s   1s  backwards; }
  .form-fixed .step.active .input-5 {
    animation: moveCol6 .5s   1.2s  backwards; }
  .form-fixed .step.active .input-6 {
    animation: moveCol6 .5s   1.4s  backwards; }
  .form-fixed .step.active .label-1 {
    animation: move .5s     backwards; }
  .form-fixed .step.active .label-2 {
    animation: move .5s   .2s  backwards; }
  .form-fixed .step.active .label-3 {
    animation: move .5s   .4s  backwards; }
  .form-fixed .step.active .label-4 {
    animation: move .5s   .6s  backwards; }
  .form-fixed .step.active .label-5 {
    animation: move .5s   .8s  backwards; }
  .form-fixed .step.active .label-6 {
    animation: move .5s   1s  backwards; }
  .form-fixed .step.active .col-6 .label-1 {
    animation: moveCol6 .5s     backwards; }
  .form-fixed .step.active .col-6 .label-2 {
    animation: moveCol6 .5s   .2s  backwards; }
  .form-fixed .step.active .col-6 .label-3 {
    animation: moveCol6 .5s   .4s  backwards; }
  .form-fixed .step.active .col-6 .label-4 {
    animation: moveCol6 .5s   .6s  backwards; }
  .form-fixed .step.active .col-6 .label-5 {
    animation: moveCol6 .5s   .8s  backwards; }
  .form-fixed .step.active .col-6 .label-6 {
    animation: moveCol6 .5s   1s  backwards; }
  .form-fixed .step-1.active .input-data .input-1 {
    animation: moveLabel .5s 3.4s   backwards; }
  .form-fixed .step-1.active .input-data .input-2 {
    animation: moveLabel .5s 3.5s   backwards; }
  .form-fixed .step-1.active .input-data .input-3 {
    animation: moveCol6 .5s 3.6s   backwards; }
  .form-fixed .step-1.active .input-data .input-4 {
    animation: moveCol6 .5s 3.7s   backwards; }
  .form-fixed .step-1.active .input-data .input-5 {
    animation: moveCol6 .5s 3.8s  backwards; }
  .form-fixed .step-1.active .input-data .input-6 {
    animation: moveCol6 .5s 3.9s   backwards; }
  .form-fixed .step-1.active .input-data .label-1 {
    animation: moveLabel .5s  3.5s  backwards; }
  .form-fixed .step-1.active .input-data .label-2 {
    animation: moveLabel .5s 3.6s   backwards; }
  .form-fixed .step-1.active .input-data .label-3 {
    animation: moveCol6 .5s 3.7s  backwards; }
  .form-fixed .step-1.active .input-data .label-4 {
    animation: moveCol6 .5s  3.8s  backwards; }
  .form-fixed .step-1.active .input-data .label-5 {
    animation: moveCol6 .5s 3.9s  backwards; }
  .form-fixed .step-1.active .input-data .label-6 {
    animation: moveCol6 .5s 4s  backwards; }
  .form-fixed .icon-select {
    position: absolute;
    bottom: 3px;
    right: 10px;
    color: #400709;
    display: none;
    transition: all .2s ease-in-out; }
  .form-fixed .select:focus ~ .icon-select {
    display: block;
    animation: upIconSelect .3s     backwards;
    transition: all .2s ease-in-out; }

@keyframes upIconSelect {
  from {
    opacity: 0;
    transform: translate3d(0, -10px, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0px, 0); } }

@keyframes moveLabel {
  from {
    opacity: 0;
    transform: translateX(250%); }
  to {
    opacity: 1;
    transform: translateX(0); } }

@keyframes moveCol6 {
  from {
    transform: translateX(410%); }
  to {
    transform: translateX(0); } }
  .form-fixed .btn-file {
    position: absolute !important;
    left: 50% !important;
    top: 60px;
    transform: translateX(-50%); }
  .form-fixed .btn {
    width: 100%; }
  .form-fixed .icon-btn {
    margin-left: 5px; }
  .form-fixed .icon-btn-prev {
    margin-right: 5px; }
  .form-fixed .previous-btn {
    background-color: transparent;
    border: 2px solid #012840;
    color: #012840; }
  .form-fixed .next-btn, .form-fixed .submit-btn {
    background-color: #012840;
    transition: all .3s ease-in-out; }
  .form-fixed .next-btn:hover, .form-fixed .submit-btn:hover {
    background-image: linear-gradient(to right bottom, #012840, #012e49, #023453, #023b5d, #044167);
    transition: all .3s ease-in-out; }

.form-invisible {
  display: none;
  position: fixed;
  top: 53%;
  left: 50%;
  width: 90%;
  height: 580px;
  transform: translate(-50%, -50%);
  transition: all ease-in-out;
  animation: formInvisible .5s     forwards;
  z-index: 2200 !important; }
  .form-invisible .container {
    padding: 20px; }

.form-invisible-reverse {
  animation: formInvisible-reverse .5s     forwards; }

.overlayer {
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.603) !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2100;
  display: none; }

/*
.form-group label{
    position: absolute;
    bottom: -7px;
    left: 20px;
    font-size: 16px;
    font-weight: 600;
    transition: all .2s ease-in-out;
   // color: rgba(255, 255, 255, 0.3);
   color: rgba(0, 0, 0, 0.6);
   z-index: 1;
}*/
.form-group input, textarea {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  font-size: 14px !important;
  font-weight: 500;
  background-color: transparent;
  outline: none !important;
  font-size: 16px;
  padding: 5px 5px !important;
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative; }

.form-group input:focus, .form-group input:active {
  background-color: transparent;
  outline: none !important;
  border-color: #DAD9D4;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/*
.form-group input:focus + label, .form-group input:valid + label{
    transform: translateY(-28px);
    font-size: 14px;
   // font-weight: 700;
  //  color: white;
  color: $secondary-color;
  transition: all .2s ease-in-out;
}
.form-group input:focus + .underline::before, .form-group input:valid + .underline::before{
    transform: scaleX(1);
}*/
@keyframes move-form {
  from {
    right: -100%; }
  to {
    right: 120px; } }

@keyframes formInvisible {
  0% {
    transform: translate(-50%, -50%) scale(0); }
  50% {
    transform: translate(-50%, -50%) scale(1.1); }
  100% {
    transform: translate(-50%, -50%) scale(1); } }

@keyframes formInvisible-reverse {
  0% {
    transform: translate(-50%, -50%) scale(1); }
  50% {
    transform: translate(-50%, -50%) scale(1.1); }
  100% {
    transform: translate(-50%, -50%) scale(0); } }

@media (min-width: 480px) {
  .form-invisible {
    width: 400px !important;
    height: 550px; } }

@media (min-width: 768px) {
  .form-invisible {
    width: 450px !important;
    height: 550px; }
  .top-form {
    right: 120px;
    width: 350px !important; } }

.contact-main {
  /*
    .social-icons{
        //border: 1px solid red;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 20px;
    }*/
  /* Responsive */ }
  .contact-main .underline-half .underline {
    width: 84%; }
  .contact-main .contact-section {
    padding: 0; }
  .contact-main .info {
    margin: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px 0; }
  .contact-main .info:last-child {
    border: none; }
  .contact-main h4 {
    font-size: 18px; }
  .contact-main .icon-contact {
    margin-right: 5px;
    font-size: 12px; }
  .contact-main .form-detail {
    padding: 30px;
    width: 100%; }
  .contact-main .page-content {
    width: 100%;
    height: 100vh !important;
    background-color: #DAD9D4;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center; }
  .contact-main .contact-content {
    background: #fff;
    width: 850px;
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    display: flex;
    display: -webkit-flex;
    margin-top: 30px;
    transition: all .3s ease-in-out;
    animation: fade 3s  .5s   backwards; }
  .contact-main .contact-content h2 {
    font-weight: 700;
    font-size: 30px;
    padding: 6px 0 0;
    margin-bottom: 34px; }
  .contact-main .contact-content .form-left {
    background: #012840;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px 40px;
    position: relative;
    width: 100%;
    color: #fff; }

@keyframes fade {
  from {
    opacity: 0;
    transform: scale(0.8); }
  to {
    opacity: 1;
    transform: scale(1); } }
  @media screen and (max-width: 991px) {
    .contact-main .contact-content {
      flex-direction: column;
      -o-flex-direction: column;
      -ms-flex-direction: column;
      -moz-flex-direction: column;
      -webkit-flex-direction: column; }
    .contact-main .contact-content .form-left {
      width: auto;
      border-top-right-radius: 10px;
      border-bottom-left-radius: 0; }
    .contact-main .contact-content .form-detail {
      padding: 30px 20px 30px 20px;
      width: auto; } }

body {
  overflow-x: auto; }

#check-form {
  display: none; }

#check-form:checked ~ .container-tuto {
  bottom: 30px;
  transform: scale(1); }

.container-tuto {
  width: 350px;
  background-image: linear-gradient(to right, #ffffff, #f7f7f7, #f0f0f0, #e8e8e8, #e1e1e1);
  border-radius: 15px;
  text-align: center;
  z-index: 1000;
  position: fixed;
  right: 120px;
  bottom: -400px;
  transform: scale(0.9);
  animation: move-form 2s  .3s   backwards;
  transition: all 1.2s ease-in-out; }
  .container-tuto .header {
    font-size: 25px;
    margin: 0 0 30px 0;
    font-weight: 600;
    background-image: linear-gradient(to right, #400709, #450c0f, #4b1114, #501518, #561a1c, #581c1e, #5a1f21, #5c2123, #5a2124, #592224, #572225, #552225);
    color: white;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 90%;
    left: 0;
    z-index: 3000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    cursor: pointer; }
  .container-tuto .progress-bar {
    display: flex;
    margin: 20px 0; }
  .container-tuto .progress-bar .step {
    text-align: center !important;
    width: 100%;
    position: relative; }
  .container-tuto .progress-bar .step p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px; }
  .container-tuto .progress-bar .step .bullet {
    position: relative;
    height: 25px;
    width: 25px;
    border: 2px solid #400709;
    display: inline-block;
    border-radius: 50%;
    transition: all .2s ease-in-out; }
  .container-tuto .progress-bar .step .bullet.active {
    border-color: #012840;
    background-color: #012840; }
  .container-tuto .progress-bar .step:last-child .bullet::before, .container-tuto .progress-bar .step:last-child .bullet::after {
    display: none; }
  .container-tuto .progress-bar .step .bullet::before, .container-tuto .progress-bar .step .bullet::after {
    position: absolute;
    content: '';
    height: 3px;
    width: 30px;
    bottom: 9px;
    right: -35px; }
  .container-tuto .progress-bar .step .bullet.active::after {
    background-color: #012840;
    transform: scaleX(0);
    transform-origin: left;
    animation: lineStepAnim .3s linear  forwards; }
  .container-tuto .progress-bar .step .bullet span {
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
    font-weight: 500;
    font-size: 17px;
    text-align: center;
    line-height: 25px; }
  .container-tuto .progress-bar .step .bullet.active span {
    display: none; }
  .container-tuto .progress-bar .step .bullet.active ~ .check {
    display: inline-block;
    color: white !important;
    z-index: 1000000; }
  .container-tuto .progress-bar .step .check {
    display: none;
    position: absolute;
    left: 50%;
    top: 70%;
    font-size: 15px;
    transform: translate(-50%, -50%);
    transition: all .5s ease-in-out; }
  .container-tuto .form-outer {
    width: 100%;
    overflow: hidden !important; }
    .container-tuto .form-outer form {
      display: flex;
      width: 500%; }
    .container-tuto .form-outer form .page {
      width: 25%;
      transition: margin-left .3s ease-in-out;
      animation: fade .3s    backwards;
      height: 320px;
      display: flex;
      align-items: center;
      border: 1px solid red;
      flex-wrap: wrap; }
    .container-tuto .form-outer form .page .field {
      height: 45px;
      width: 340px;
      margin: 5px 0;
      position: relative; }
    .container-tuto .form-outer form .page .half-space {
      width: 45% !important; }
    .container-tuto .form-outer form .page .half-space input {
      margin-right: 5% !important; }
    .container-tuto .form-outer form .page .field label {
      position: absolute;
      bottom: 15px;
      left: 15px;
      z-index: initial;
      font-weight: 500;
      z-index: 0;
      transition: all .1s ease-in-out; }
    .container-tuto .form-outer form .page .field label span {
      color: red;
      margin-right: 3px;
      transition: all .1s ease-in-out; }
    .container-tuto .form-outer form .page .field input {
      background-color: transparent;
      border: none;
      border-bottom: 2px solid #400709;
      width: 100% !important;
      padding-left: 15px;
      position: relative;
      transition: all .1s ease-in-out; }
    .container-tuto .form-outer form .page .field input:focus + label, .container-tuto .form-outer form .page .field input:valid + label {
      transform: translateY(-19px);
      font-size: 14px;
      transition: all .2s ease-in-out; }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-fixed-form {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/*
@keyframes move-form{
  from{
    opacity: 0;
    right: 100%;
  }
  to{
    opacity: 1;
    right: 120px;
  }
}
@keyframes lineStepAnim {
  100%{
   // opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes move {
  from{
    opacity: 0;
    transform: translateX(-10%);
  }to{
    opacity: 1;
    transform: translateX(0);
  }
}
*/
/*
.form-group{
    margin-bottom: 15px;
}
 input[type="file"]{
 // display: none;
  opacity: 0 !important;
}
 .btn-file{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
   // z-index: 10000;
    border: 2px solid $primary-color;
    width: 80%;
    height: 45px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;

    .icon-file{
        margin-right: 10px;
    }
}
  .file-label{
   
    position: absolute;
    bottom: 100%;
    cursor: pointer;
   bottom: 100%;
   margin-bottom: 30px;
  
}



 input, textarea, select{
    background-color: transparent;
    height: 100%;
    width: 100%;
    border: none;
    font-size: 15px !important;
    border-bottom: 2px solid silver  !important;
    border-radius: none !important;
}
.textarea-input .float-label{
    position: absolute;
    top: 0;
   // left: 0;
}
  .cifrao{
    position: absolute;
    opacity: 0;
    bottom: 0px;
    font-weight: 500;
    display: none;
    color: rgba(0, 0, 0, 0.4);
    transition: all .2s ease-in-out;
}
 .money-input{
    padding-left: 20px !important;
}
 .money-input-large{
    padding-left: 20px !important;
    padding-bottom: 3px !important;
}
 input:focus ~ .cifrao,
 input:valid ~ .cifrao{
    display: block;
    opacity: 1;
    bottom: 3px;
    animation: showCifrao .2s .1s    backwards;

}
@keyframes showCifrao{
    from{
        opacity: 0;
        transform: translate3d(-15px, 0, 0);
    }to{
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.form-check-input{
    border: 1px solid silver !important;
    height: 15px;
    width: 15px;
}
.meu-box{
    margin-bottom: 20px;
}
    .input-personalizado:focus ~ .float-label,
    .input-personalizado:not([value=""]):valid ~ .float-label{
    
        top: -25px;
    }
    .input-personalizado:focus ~ .float-label,
    .input-personalizado:not(:placeholder-shown) ~ .float-label{
        top: -25px;
    }

   // .input-personalizado:not(:placeholder-shown) ~ .float-label,
   // input:focus ~ .float-label,
   // input:valid ~ .float-label,
    textarea:focus ~ .float-label,
    textarea:valid ~ .float-label,
    select:focus ~ .float-label,
    select:valid ~ .float-label{
   // transform: translate3d(0 , -25px, 0);
   top: -25px;
    //animation: floating-label .5s  linear   backwards;
    transition: all .2s;
    font-size: 14px;
   // font-weight: 400;
    color: $secondary-color;
}

@keyframes floating-label{
    from{
        transform: translate3d(0 , 0, 0);
    }
    to{
        transform: translate3d(0 , -20px, 0);
    }
}

.float-label{
    position: absolute !important;
    bottom: -5px;
    font-weight: 600;
   // left: 0px;
    pointer-events: none;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
}
 select .float-label{
    position: absolute;
    bottom: 15px  !important;
    left:15px;
    color: grey;
    pointer-events: none;
    transition: all 0.2s ease;
}

 .underline{
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
}
 .underline{
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 90%;
    z-index: 3;
    pointer-events: none;
}
.col-6 .underline{
    width: 84%;
}
.col-4 .underline{
    width: 75.2%;
}

.textarea-input .underline,  input[type="number"] .underline{
    bottom: 5px !important;
}
 .underline::before{
    position: absolute;
    content: '';
    height: 100%;
    left: 0;
    width: 100%;
    background-color: $color-blue;
    transform: scaleX(0);
    transform-origin: left;
    transition: trasnform .3s ease-in-out;
}

 .underline:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: $primary-color;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}
 input:focus ~ .underline:before,
 input:valid ~ .underline:before,
 textarea:focus ~ .underline:before,
 textarea:valid ~ .underline:before,
 select:focus ~ .underline:before,
 select:valid ~ .underline:before{
  //  transform: scaleX(1);
}

//end floating .float-label
*/
/*

.form-floating{
    input:focus, input:not(:placeholder-shown) ~ input{
        border-color: $color-blue !important;
    }
    input:not(:placeholder-shown) ~ input{
        border-color: $color-blue !important;
    }
    input:focus,  input:not([value=""]):valid ~ input{
        border-color: $color-blue !important;
    }
    input:not([value=""]):valid ~ input{
        border-color: $color-blue !important;
    }
    
    input{
    }

    .underline{
        position: absolute;
        bottom: 0;
        height: 2px;
        width: 100%;
        z-index: 3;
        pointer-events: none;
    }
    
    
    .textarea-input .underline,  input[type="number"] .underline{
        bottom: 5px !important;
    }
     .underline::before{
        position: absolute;
        content: '';
        height: 100%;
        left: 0;
        width: 100%;
        background-color: $color-blue;
        transform: scaleX(0);
        transform-origin: left;
        transition: trasnform .3s ease-in-out;
    }
    
     .underline:before{
        position: absolute;
        content: "";
        height: 100%;
        width: 100% !important;
        background: $primary-color;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }
     input:focus ~ .underline:before,
     input:focus, input:not(:placeholder-shown) ~ .underline:before,
     input:focus , input:not([value=""]):valid ~ .underline::before,
     textarea:focus ~ .underline:before,
     textarea:valid ~ .underline:before,
     select:focus ~ .underline:before,
     select:valid ~ .underline:before{
        transform: scaleX(1);
    }
}

///@at-root
.input-container{
    width : 30%;
    height: auto;
    position: relative;
    display: inline-block;
    padding: 2% 3%;
    box-shadow: 0px 5px 20px 0px #00000050;
    border: 1px solid #cdcdcd;

    .input-inner-container{
        padding: 0px 0;
        position: inherit;
    }
    .input{
        border: 0;
        font-size: medium;
        padding: 3% 2%;
        width: 96%;
        color: #ffffff;
        background: #5c5c5c50;
        box-shadow: 0px 0px 0px 5px #00000050 inset;
    }
    .input:focus{
        outline: none;
    }
    /*Top*/
/*Right*/
/*Bottom*
    .bottom{
        content: "";
        position: absolute;
        width: 0%;
        height: 5px;
        bottom: 0;
        left: 0;
        display: inline-block;
        background-image: linear-gradient(
            -90deg,
            #00ffff,
            #264da5
        );
        transition: all 0.3s linear;
        transition-delay: 0.6s;
    }
    .input:focus ~ .bottom{
        width: 100%;
        transition-delay: 0.3s;
    }
    /*Right*
    .left{
        content: "";
        position: absolute;
        width: 5px;
        height: 0%;
        top: 0;
        left: 0;
        display: inline-block;
        background-image: linear-gradient(
            180deg,
            #00ffff,
            #264da5
        );
        transition: all 0.3s linear;
        transition-delay: 0.9s;
    }
    .input:focus ~ .left{
        height: 100%;
        transition-delay: 0s;
    }
}
*/
.progress-bar {
  display: flex;
  flex-direction: row;
  background-color: transparent;
  margin-top: -10px; }

.progress-bar .progress-step {
  text-align: center !important;
  width: 100%;
  position: relative; }

.progress-bar .progress-step p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px; }

.progress-bar .progress-step .bullet {
  position: relative;
  height: 25px;
  width: 25px;
  border: 2px solid #400709;
  display: inline-block;
  border-radius: 50%;
  transition: all .2s ease-in-out; }

.progress-bar .progress-step .bullet.active {
  border-color: #012840;
  background-color: #012840; }

.progress-bar .progress-step:last-child .bullet::before, .progress-bar .progress-step:last-child .bullet::after {
  display: none; }

.progress-bar .progress-step .bullet::before, .progress-bar .progress-step .bullet::after {
  position: absolute;
  content: '';
  height: 3px;
  width: 30px;
  bottom: 9px;
  right: -35px;
  background-color: #DAD9D4; }

.progress-bar .progress-step .bullet.active::after {
  background-color: #012840;
  transform: scaleX(0);
  transform-origin: left;
  animation: lineStepAnim .3s linear  forwards; }

.progress-bar .progress-step .bullet span {
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  line-height: 25px;
  color: #400709; }

.progress-bar .progress-step .bullet.active span {
  display: none; }

.progress-bar .progress-step .bullet.active ~ .check {
  display: inline-block;
  color: white !important;
  z-index: 1000000;
  animation: check-grow .5s     backwards;
  transition: all .5s ease-in-out; }

.progress-bar .progress-step .check {
  display: none;
  position: absolute;
  left: 50%;
  top: 70%;
  font-size: 15px;
  transform: translate(-50%, -50%);
  transition: all .5s ease-in-out; }

@keyframes check-grow {
  from {
    font-size: 25px; }
  to {
    font-size: 15px; } }

.buy-main .hero {
  height: 70vh !important; }
  .buy-main .hero .carousel {
    height: 100% !important; }
  .buy-main .hero .carousel-caption {
    padding-bottom: 250px;
    text-align: left;
    left: 10%; }
  .buy-main .hero .btn {
    margin-top: 0px; }

.buy-main .destaques {
  padding: 60px 30px; }

.text-for-table {
  font-size: 22px;
  text-align: center;
  margin: 15px; }

.section-thks {
  width: 100%;
  height: 100vh;
  position: relative; }
  .section-thks h1, .section-thks p {
    color: white;
    font-weight: 500;
    font-size: 35px;
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2; }
  .section-thks p {
    text-align: center;
    font-size: 18px;
    top: 180px; }

.top-tks, .bottom-tks {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0; }

.top-tks {
  background-image: linear-gradient(to right top, #012840, #1e2140, #331736, #3f0b23, #400709);
  top: 0;
  height: 60vh; }

.bottom-tks {
  background-color: white;
  bottom: 0;
  height: 40vh; }

.mini-conteiner {
  justify-content: center;
  flex-direction: column;
  padding: 30px;
  width: 300px;
  height: 250px;
  background-color: white;
  z-index: 1;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 1px 4px 8px 5px rgba(1, 40, 64, 0.23);
  box-shadow: 1px 4px 8px 5px rgba(1, 40, 64, 0.23);
  text-align: center; }
  .mini-conteiner h4 {
    margin: 30px 0;
    font-size: 20px; }
  .mini-conteiner h6 {
    margin: 10px 0;
    font-size: 16px; }
  .mini-conteiner .btn {
    transition: all .3s ease-in-out; }
  .mini-conteiner .btn:hover {
    background-image: #012840;
    transform: scale(1.1); }

.blog-main .hero {
  height: 50vh !important;
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(64, 7, 9, 0.5), rgba(1, 40, 64, 0.5)), url(/img/casa-bg2.jpg);
  background-image: linear-gradient(to top, rgba(1, 40, 64, 0.7), rgba(64, 7, 9, 0.5)), url(/img/casa-bg2.jpg);
  background-size: cover;
  background-position: center center;
  justify-content: center; }

.blog-main .title-blog h1 {
  font-size: 45px;
  font-weight: 700;
  z-index: 2;
  color: white; }

.blog-main .card {
  text-align: left;
  padding: 20px 15px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.5)) !important;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 2px solid rgba(255, 255, 255, 0.2) !important; }

.blog-main .card-title {
  font-size: 18px;
  font-weight: 600; }

.blog-main .info-post {
  justify-content: left;
  opacity: .5;
  margin: 20px 0; }

.anime {
  opacity: 0; }

.anime-init {
  /*	opacity: 1;
	transform: translate3D(0px, 0px, 0px);*/
  opacity: 1;
  transition: .3s all ease;
  animation: footerAnim 1s   backwards; }

@keyframes footerAnim {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.modal-content {
  animation: fadeModal .5s  .2s   backwards;
  transition: all ease-in-out;
  overflow: hidden; }

.modal-header {
  animation: fadeModal .5s  .2s   backwards;
  transition: all ease-in-out; }

.modal-body {
  animation: fadeModal .5s  .4s   backwards;
  transition: all ease-in-out; }

.modal-footer {
  animation: fadeModal .5s  .6s   backwards;
  transition: all ease-in-out; }

@keyframes fadeModal {
  from {
    opacity: 0;
    transform: translateX(-50px); }
  to {
    opacity: 1;
    transform: translateX(0px); } }

/* Bootstrap Menu
@media (min-width: 992px){
  .dropdown-menu .dropdown-toggle:after{
    border-top: .3em solid transparent;
      border-right: 0;
      border-bottom: .3em solid transparent;
      border-left: .3em solid;
  }

  .dropdown-menu .dropdown-menu{
    margin-left:0; margin-right: 0;
  }

  .dropdown-menu li{
    position: relative;
  }
  .nav-item .submenu{ 
    display: none;
    position: absolute;
    left:100%; top:-7px;
  }
  .nav-item .submenu-left{ 
    right:100%; left:auto;
  }

  .dropdown-menu > li:hover{ background-color: #f1f1f1 }
  .dropdown-menu > li:hover > .submenu{
    display: block;
  }
}
*/
.wrapper {
  background: #181d23;
  background-image: linear-gradient(to bottom, #181d23, #0D0909);
  position: fixed;
  width: 100%;
  border-bottom: 2p solid #50817a; }

.wrapper nav {
  position: relative;
  display: flex;
  max-width: calc(100% - 200px);
  margin: 0 auto;
  height: 60px;
  align-items: center;
  justify-content: start; }

nav .content {
  display: flex;
  align-items: center !important;
  margin-top: 15px; }

nav .content .links {
  margin-left: 28px;
  display: flex; }

nav .content .links:hover {
  border: none; }

.content .logo {
  display: flex;
  align-items: center;
  height: 60px;
  margin-bottom: 15px; }

.logo-text {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  font-weight: bold !important; }

.content .links li {
  list-style: none; }

.content .links li a,
.content .links li label {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 18px 20px;
  margin: 10px;
  border-radius: none !important;
  transition: all 0.3s ease;
  border: 3px solid transparent; }

.content .links li a {
  height: 100% !important; }

.content .links li label {
  display: none; }

.content .links li a:hover,
.content .links li a:active {
  color: #50817a;
  border-bottom: 3px solid #50817a; }

.links li .drop-menu {
  top: 62px !important; }

.wrapper .search-icon,
.wrapper .menu-icon {
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  line-height: 70px;
  width: 70px;
  text-align: center; }

.wrapper .menu-icon {
  display: none; }

.wrapper #show-search:checked ~ .search-icon i::before {
  content: "\f00d"; }

.wrapper .search-box {
  position: absolute;
  height: 100%;
  max-width: calc(100% - 50px);
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease; }

.wrapper #show-search:checked ~ .search-box {
  opacity: 1;
  pointer-events: auto; }

.search-box input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 17px;
  color: #fff;
  padding: 0 100px 0 15px; }

.search-box input::placeholder {
  color: #f2f2f2; }

.search-box .go-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 60px;
  width: 70px;
  background: #171c24;
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
  cursor: pointer; }

.wrapper input[type="checkbox"] {
  display: none; }

/* Dropdown Menu code start */
.content .links ul {
  position: absolute;
  top: 0px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden; }

.drop-link:hover {
  background: transparent !important; }

.drop-menu, .sub-menu {
  background: #50817a;
  background-image: linear-gradient(to top, #181d23, #252c34);
  border: 2px solid #50817a;
  border-top: none; }

.sub-menu {
  left: 100%;
  top: 0px !important;
  width: 100% !important; }

.content .links ul li a {
  display: block;
  width: 100%;
  line-height: 17px;
  border-radius: 0px !important;
  padding: 5px; }

.content .links ul ul {
  position: absolute;
  top: 0;
  right: calc(-100% + 8px); }

.content .links ul li {
  position: relative; }

.content .links ul li:hover ul {
  top: 0; }

.title-sub-menu {
  display: none;
  z-index: 22; }

/* Responsive code start */
@media screen and (max-width: 1250px) {
  .wrapper nav {
    max-width: 100%;
    padding: 0 20px; }
  nav .content .links {
    margin-left: 30px; }
  .content .links li a {
    padding: 8px 13px; }
  .wrapper .search-box {
    max-width: calc(100% - 100px); }
  .wrapper .search-box input {
    padding: 0 100px 0 15px; } }

@media screen and (max-width: 900px) {
  .wrapper .menu-icon {
    display: block; }
  .title-sub-menu {
    display: block;
    color: white;
    font-size: 18px; }
  .wrapper #show-menu:checked ~ .menu-icon i::before,
  .wrapper #show-menu-text:checked ~ .menu-icon i::before {
    content: "\f00d"; }
  nav .content .links {
    display: block;
    position: fixed;
    background: #14181f;
    height: 100vh;
    width: 100vw;
    top: 60px;
    left: -100%;
    margin-left: 0;
    max-width: 350px;
    overflow-y: auto;
    padding-bottom: 100px;
    transition: all 0.3s ease; }
  .menu-text .content .links {
    top: 120px; }
  nav #show-menu:checked ~ .content .links,
  nav #show-menu-text:checked ~ .content .links {
    left: 0%; }
  .content .links li {
    margin: 15px 20px; }
  .content .links li a,
  .content .links li label {
    line-height: 40px;
    font-size: 14px;
    display: block;
    padding: 8px 18px;
    cursor: pointer; }
  .content .links li a.desktop-link {
    display: none; }
  /* dropdown responsive code start */
  .content .links ul,
  .content .links ul ul {
    position: static;
    opacity: 1;
    visibility: visible;
    background: none;
    max-height: 0px;
    overflow: hidden; }
  /*
  .content .links #show-features:checked ~ ul,
  .content .links #show-services:checked ~ ul,
  .content .links #show-items:checked ~ ul{
    max-height: 100vh;
  }*/
  .content .links #show-adm:checked ~ ul,
  .content .links #gerenciar-clientes:checked ~ ul,
  .content .links #show-items:checked ~ ul,
  .content .links #show-elem-ext:checked ~ ul,
  .content .links #show-elem-int:checked ~ ul {
    max-height: 100vh; }
  .content .links ul li {
    margin: 7px 20px; }
  .content .links ul li a {
    line-height: 30px;
    border-radius: 5px !important; } }

@media screen and (max-width: 400px) {
  .wrapper nav {
    padding: 0 10px; }
  .content .logo a {
    font-size: 27px; }
  .wrapper .search-box {
    max-width: calc(100% - 70px); }
  .wrapper .search-box .go-icon {
    width: 30px;
    right: 0; }
  .wrapper .search-box input {
    padding-right: 30px; } }

.navbar {
  background-image: linear-gradient(to bottom, #181d23, #0D0909); }
  .navbar .nav-link {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: white; }
  .navbar .nav-link {
    padding: 10px 25px !important;
    border: 2px solid transparent; }
    .navbar .nav-link:hover, .navbar .nav-link .active {
      border-bottom: 2px solid #50817a; }

.dropdown-menu {
  background-color: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(20px);
  color: white;
  transition: all .3s ease-in-out;
  animation: fadeDown-reverse .3s backwards; }
  .dropdown-menu a {
    cursor: pointer;
    transition: all .3s;
    border: 2px solid transparent; }
    .dropdown-menu a:hover {
      background-color: transparent;
      border-left: 2px solid #50817a;
      color: white; }

.show .dropdown-menu {
  animation: fadeDown .3s forwards; }

.dropright .show {
  animation: fadeRight .3s forwards; }

@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translate3d(-20px, 0px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeDown-reverse {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    transform: translate3d(0, -20px, 0); } }

.dropdown-item, .dropright a {
  padding: 12px 6px !important;
  color: white;
  font-weight: 500; }

.dropright {
  position: relative;
  padding: 12px 6px !important; }

.submenu a {
  padding: 15px 10px !important;
  font-size: 14px !important; }
  .submenu a:hover {
    border-color: transparent !important;
    border-right: 2px solid #50817a !important; }

.dropright .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px; }

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    width: 230px;
    padding: 5px; }
  .submenu-elementos-ext {
    width: 230px !important; }
  .submenu-elementos-int {
    width: 170px !important; } }

/* tentativa 2

.dropdown-submenu {
  position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top:0;
  left:-10rem; /* 10rem is the min-width of dropdown-menu *
  margin-top:-6px;
}

/* rotate caret on hover *
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
} */
/*
:root{
    --cor-tema: #06f984;
    --cor-temaAlternativa:#f90606;
    //--cor-tema: #1afe49;
    --cor-ligth-dark: #23282e;
    --cor-dark: #1b1f24;
}
*/
.container-center {
  margin: 0;
  height: 100vh;
  width: 100vw;
  background-color: #DAD9D4;
  font-family: 'Poppins', sans-serif;
  overflow: hidden; }

.form {
  position: relative;
  height: 400px;
  width: 95%;
  max-width: 450px;
  padding: 1%;
  color: #0D0909;
  border-radius: 10px;
  background-color: white;
  box-shadow: 2px 2px 15px 2px rgba(13, 9, 9, 0.3);
  -webkit-box-shadow: 2px 2px 15px 2px rgba(13, 9, 9, 0.3); }

.form-login .title-login {
  width: 100%;
  margin-bottom: 30px; }

.form-login .title-login h3 {
  font-size: 30px;
  text-align: center;
  padding: 2%;
  color: #012840; }

.form-login .title-login img {
  width: 90px;
  padding: 2%; }

.form-group {
  width: 100%; }
  .form-group a {
    color: #0D0909; }

.form-login .input-div #icon {
  color: #012840;
  background-color: transparent;
  font-size: 35px;
  padding: 5px;
  border-right: transparent;
  border-top-right-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
  border-left: 2px solid #DAD9D4;
  border-bottom: 2px solid #DAD9D4;
  border-top: 2px solid #DAD9D4; }

.form-login .form-group input {
  max-width: 310px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 5px;
  border-left: 2px solid #DAD9D4;
  border-bottom: 2px solid #DAD9D4;
  border-top: 2px solid #DAD9D4; }

.form input {
  height: 30px;
  background-color: transparent !important;
  display: block;
  width: 100%;
  height: 35px;
  border: none;
  border-radius: 5px;
  border: 2px solid #DAD9D4;
  transition: all 1s; }

.form input:focus {
  outline: none;
  box-shadow: 0 0 0 0;
  outline: 0;
  background-color: transparent !important;
  /* border-bottom: 2px solid $color-blue;*/ }

.form input:-internal-autofill-selected {
  appearance: menulist-button;
  background-color: transparent !important;
  background-image: none !important;
  color: -internal-light-dark(black, white) !important; }

.form-login .label {
  position: absolute;
  bottom: -30px;
  left: 60px;
  transition: transform .2s ease-in-out;
  font-weight: 700;
  width: 90%;
  opacity: .5 !important; }

.form-login .label span {
  color: #012840; }

.form-login .form-group input:focus + .label,
.form-login .form-group input:valid + .label {
  bottom: 0;
  opacity: 1; }

.form-login .btn {
  width: 90%;
  max-width: 350px; }

.link-group {
  margin: 5px; }

.links {
  font-weight: 500;
  transition: all .1s ease-in-out; }

.links:hover {
  color: #012840;
  border-bottom: 1px solid #012840; }

.btn {
  background-color: #012840;
  height: 40px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 3px; }

.btn:focus {
  outline: none;
  box-shadow: none;
  color: white; }

.btn:hover {
  background-image: linear-gradient(to right bottom, #012840, #012e49, #023453, #023b5d, #044167); }

.btn:active {
  background-image: linear-gradient(to right bottom, #012840, #012e49, #023453, #023b5d, #044167);
  border: none;
  outline: none !important;
  box-shadow: none;
  color: white; }

@media (min-width: 450px) {
  .form-login .form-group label {
    margin-left: 29px; } }

@media (min-width: 1000px) {
  .form-login .form-group label {
    margin-left: 25px; }
  .form-login .title-login .logo {
    /*  width: 250px;
        height: 63px;
       */ } }

/*
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap');




#login-container{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
    background: linear-gradient(120deg, #23282e, #1b1f24);
    /*
    background: url(/public/assets/img/bgwt1.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;*/
/*background: linear-gradient(120deg, #23282e, #1b1f24);*
    /*background-color: #1b1f24;background: linear-gradient(120deg, #30011b, #1b1f24);
  -webkit-box-shadow: 0px 0px 66px 14px rgba(48,1,27,1);
-moz-box-shadow: 0px 0px 66px 14px rgba(48,1,27,1);
box-shadow: 0px 0px 66px 14px rgba(48,1,27,1)
*
}
form{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius: 10px;
    width: 70%;
    height: 60%;
    max-height: 70%;
    align-items: center;
    /*border: 2px solid rgb(255, 255, 255,1);
      *
    border: 2px solid $color-blue;
    box-shadow: 0 1px 14px 0 $color-blue;
    transition:all 1.5s;
    overflow: hidden;
    position: relative;
   /* box-shadow: 0 1px 10px 0 rgba(255, 255, 255,.4);*

    /* ======= Animação -========*
    animation-name: fade;
    animation-duration: 1s;

    overflow: hidden;
}
.form-dark{
    box-shadow: 0 1px 10px 0 var(--cor-temaAlternativa);
}
.form-hide{
    animation: fadeOut 1.5s forwards ease;

}
.form .validate-error{
    animation: nono 500ms;
}
form:before{
    content: '';
    position: absolute;
    top: -20px;
    right: -20px;
    left: -20px;
    bottom: -20px;
    background: url(/public/assets/img/bgwt1.jpg);
    background-attachment: fixed;
    background-size: cover;
    filter: blur(5px);
    transition:all 1.5s;
}

form .form-group{
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
    width: 60%;
   z-index: 50;
   margin-top: 5%;
   position: relative;
}
.title{
    width: 80%;
    height: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 5%;
    z-index: 50;


}
.title .logo{
    background: url(/public/assets/img/bullgr.png);
    background-size: cover;
    width: 40px;
    height: 40px;

    animation-delay: 250ms;
}
.title .logo img{
    width: 60px;
    height: 60px;
}
.title h1{
    color: rgba(255, 255, 255,1);
   /* color: $color-blue;*
   font-weight: 400 !important;
   text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px !important;
    width: 100%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    letter-spacing: 3px;

}
.title-dark h1{
    color: var(--cor-temaAlternativa);
}

.btn{

    height: 25px;
    border: none;
    /*color: $color-blue;*
    color: white;
    width: 100%;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 4px;
    text-transform: uppercase;
    border: 1px solid $color-blue;
    background: transparent;
    font-size: 10px;
   cursor: pointer;
    margin-top: 10%;
    margin-bottom: 4%;
    transition: 1s;
    z-index: 50;

     /*==== Animações =====*
    animation-name: move;
    animation-duration: 800ms;
    animation-delay: 300ms;
    animation-fill-mode: backwards;
}
.btn-dark{
    color: var(--cor-temaAlternativa);
    border: 1px solid var(--cor-temaAlternativa);
}


.btn:hover{
    color: white;
    background-color: $color-blue ;
    box-shadow: 0 0 10px $color-blue,0 0 40px $color-blue,0 0 80px $color-blue;

}
.btn-dark:hover{
    background-color: var(--cor-temaAlternativa) ;
    box-shadow: 0 0 10px var(--cor-temaAlternativa),0 0 40px var(--cor-temaAlternativa),0 0 80px var(--cor-temaAlternativa);
}
.btn:focus{
    outline: 0;
}

#login-container input {

    margin-bottom: 10px;


    /*==== Animações =====*
    animation-name: move;
    animation-duration: 800ms;
    animation-delay: 100ms;
    animation-fill-mode: backwards;

}


form .upLabel{
    margin-top: 20px;
    animation-name: uplabel;
    animation-duration: 1s;
    animation-delay: 100ms;
    animation-fill-mode: backwards;
}
label{
    /*color: $color-blue;*
    color: white;
    font-weight: 400 !important;
    font-size: 12px;
    margin-bottom: 2px;
    z-index: 50;
     /*==== Animações =====*
    animation-name: move;
    animation-duration: 800ms;
    animation-delay: 300ms;
    animation-fill-mode: backwards;
}
label a{
    color: $color-blue;
    text-decoration: underline;
    margin-left: 10px;
}
.label-dark{
    color: var(--cor-temaAlternativa);
}
.label-dark a{
    color: var(--cor-temaAlternativa);
}

#login-container form .form-group label{
    position: absolute;
   left: 7px;
   /*top: 7px;*
   top: -16px;
}
/*
#login-container form .form-group input:focus ~ #login-container form .form-group label {
   transform: translateY(-24px);
   background-color: rgba(255, 255, 255,1);
}
*/
/*Animações =========================================*
@keyframes fade{
    from{
        opacity: 0;
        transform: scale(.9);
    }
    to{
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeOut{
    from{
        opacity: 1;
        transform: scale(1);
    }
    to{
        opacity: 0;
        transform: scale(.9);
    }
}

@keyframes move{
    from{
        opacity: 0;
        transform: translateX(-100%)
    }
    to{
        opacity: 1;
        transform: translateX(0%)
    }
}

@keyframes uplabel{
    from{
        opacity: 0;
        transform: translateY(500%)
    }
    to{
        opacity: 1;
        transform: translateY(0%)
    }
}

@keyframes down{
    from{
        transform: translateY(0);
    }
    to{
        transform: translateY(100vh);
    }
}

@keyframes nono{
   0% ,
   100%
   {
    transform: translateX(0);
   }
   33%{
    transform: translateX(-10%);
   }
   70%{
    transform: translateX(10%);
   }
}

@media(min-width:420px){

    form{
        width: 300px;
        height: 450px;
    }

}
@media(min-width:700px){

    .btn{
        height: 30px;
    }
    .title .logo{

        width: 50px;
        height: 50px;

        animation-delay: 250ms;
    }
}
@media(min-height:600px){

   .btn{
       margin-top: 10%;
       margin-bottom: 5%;
   }

}*/
.home-admin {
  background-image: linear-gradient(to left, #181d23, #252c34);
  color: white !important; }
  .home-admin section {
    padding: 0 !important;
    margin: 0 !important; }
  .home-admin section {
    scroll-snap-align: start;
    min-height: 100vh !important;
    width: 100% !important;
    display: flex;
    flex-direction: column; }
  .home-admin section:first-child {
    padding-top: 130px; }
  .home-admin .modal-header .close span {
    color: #50817a !important; }
  .home-admin .tab-content, .home-admin .modal-content {
    background-image: linear-gradient(to left, #181d23, #252c34); }
  .home-admin .modal-content {
    background-color: rgba(40, 48, 56, 0.3);
    backdrop-filter: blur(12px); }
  .home-admin .container-fluid {
    padding: 20px 20px; }
  .home-admin .main-content {
    margin-top: 65px; }
  .home-admin .floating-label label {
    left: 10px;
    top: -10px; }
  .home-admin .floating-input:focus ~ label, .home-admin .floating-input:not(:placeholder-shown) ~ label,
  .home-admin .floating-select:focus ~ label, .home-admin .floating-select:not([value=""]):valid ~ label {
    color: silver !important; }
  .home-admin .underline::before {
    transition-delay: .41s; }
  .home-admin .right {
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 2px;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: all .2s ease-in-out;
    transition-delay: .21s; }
  .home-admin .top {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 0);
    transform: scaleX(0);
    transform-origin: right;
    transition: all .2s ease-in-out;
    transition-delay: 0s; }
  .home-admin .left {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(to top, #044166, #012840);
    transform: scaleY(0);
    transform-origin: top;
    transition: all .2s ease-in-out;
    transition-delay: .61s; }
  .home-admin .floating-input:focus ~ .underline::before, .home-admin .floating-input:not(:placeholder-shown) ~ .underline::before,
  .home-admin .floating-select:focus ~ .underline::before, .home-admin .floating-select:not([value=""]):valid ~ .underline::before {
    transform: scaleX(1);
    transition-delay: .2s; }
  .home-admin .floating-input:focus ~ .right, .home-admin .floating-input:not(:placeholder-shown) ~ .right,
  .home-admin .floating-select:focus ~ .right, .home-admin .floating-select:not([value=""]):valid ~ .right {
    transform: scaleY(1);
    transition-delay: .4s; }
  .home-admin .floating-input:focus ~ .top, .home-admin .floating-input:not(:placeholder-shown) ~ .top,
  .home-admin .floating-select:focus ~ .top, .home-admin .floating-select:not([value=""]):valid ~ .top {
    transform: scaleX(1);
    transition-delay: .6s; }
  .home-admin .floating-input:focus ~ .left, .home-admin .floating-input:not(:placeholder-shown) ~ .left,
  .home-admin .floating-select:focus ~ .left, .home-admin .floating-select:not([value=""]):valid ~ .left {
    transform: scaleY(1);
    transition-delay: .0s; }
  .home-admin input:-webkit-autofill,
  .home-admin input:-webkit-autofill:hover,
  .home-admin input:-webkit-autofill:focus,
  .home-admin input:-webkit-autofill:active,
  .home-admin textarea:-webkit-autofill,
  .home-admin textarea:-webkit-autofill:hover,
  .home-admin textarea:-webkit-autofill:focus,
  .home-admin select:-webkit-autofill,
  .home-admin select:-webkit-autofill:hover,
  .home-admin select:-webkit-autofill:focus {
    -webkit-text-fill-color: white; }
  .home-admin .dados-cliente .tab-content {
    padding: 0  !important;
    padding: 20px  0px !important;
    margin-top: -30px !important; }
  .home-admin .tab-content h1, .home-admin .tab-content h2, .home-admin .tab-content h3, .home-admin .tab-content h4, .home-admin .tab-content h5, .home-admin .tab-content h6 {
    color: white;
    margin: 0;
    margin-bottom: 5px; }
  .home-admin .nav-link {
    color: white !important; }
  .home-admin label {
    color: white; }
  .home-admin input {
    color: white; }
  .home-admin input, .home-admin select, .home-admin textarea {
    color: white !important;
    text-transform: uppercase; }
  .home-admin select option {
    background-color: #252c34 !important; }
  .home-admin .underline::before, .home-admin .left {
    background-image: linear-gradient(to left, rgba(192, 192, 192, 0.6), rgba(192, 192, 192, 0.6)); }
  .home-admin input:focus, .home-admin input:not(:placeholder-shown),
  .home-admin select:focus, .home-admin select:not(:placeholder-shown),
  .home-admin textarea:focus, .home-admin textarea:not(:placeholder-shown) {
    background-image: linear-gradient(to bottom, #2d353f, #252c34); }

.modal-dialog {
  max-width: 100% !important;
  margin-left: 10px; }

.main-texts::-webkit-scrollbar {
  width: 5px;
  height: 10px; }

.main-texts::-webkit-scrollbar-track {
  background-color: #DAD9D4; }

.main-texts::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #171c24; }

.main-texts {
  overflow-x: hidden; }
  .main-texts .btn {
    font-size: 14px; }
  .main-texts .btn-cadastrar {
    background-color: green; }
  .main-texts .btn-cadastrar:hover {
    background-image: linear-gradient(#06a806, green); }
  .main-texts .form-filter {
    width: 100% !important; }

.home-admin .card {
  background-color: transparent; }

.content-filter {
  border: none;
  width: 100%;
  transition: all .3s ease-in-out; }

.content-filter .btn {
  font-size: 14px !important; }

.content-filter .btn-colapse {
  background-color: #400709; }

.content-filter .btn-colapse:hover {
  background-image: linear-gradient(to right bottom, #400709, #6b0f12) !important; }

.sub-menu-main {
  position: fixed;
  height: 60px;
  left: 0;
  top: 60px;
  background-color: #171c24;
  color: #171c24 !important;
  border-top: 2px solid white;
  z-index: 20 !important; }
  .sub-menu-main a {
    color: white;
    z-index: 5;
    border: none !important;
    border: transparent !important;
    height: 50% !important;
    padding: 3px !important;
    transition: all .3s ease-in-out;
    border-left: 2px solid transparent !important; }
  .sub-menu-main a:hover {
    border: none !important;
    color: white !important;
    border-left: 2px solid white !important; }

.carousel-row {
  position: relative; }

.gallery {
  width: 600px;
  margin: auto;
  border-radius: 3px;
  overflow: hidden; }

.img-c {
  width: 200px;
  height: 200px;
  float: left;
  position: relative;
  overflow: hidden; }

.img-w {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: transform ease-in-out 300ms; }

.img-w img {
  display: none; }

.img-c {
  transition: width ease 400ms, height ease 350ms, left cubic-bezier(0.4, 0, 0.2, 1) 420ms, top cubic-bezier(0.4, 0, 0.2, 1) 420ms; }

.img-c:hover .img-w {
  transform: scale(1.08);
  transition: transform cubic-bezier(0.4, 0, 0.2, 1) 450ms; }

.img-c.active {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  z-index: 2; }

.img-c.postactive {
  position: absolute;
  z-index: 2;
  pointer-events: none; }

.img-c.active.positioned {
  left: 0 !important;
  top: 0 !important;
  transition-delay: 50ms; }

.sidebar-main {
  margin-top: 60px;
  height: calc(100% - 60px);
  width: 300px;
  position: relative;
  z-index: 10; }

.sidebar-main .menu-btn {
  position: fixed;
  left: 10px;
  top: 70px;
  background: #4a4a4a;
  background: #0D0909;
  color: #fff;
  height: 45px;
  width: 45px;
  z-index: 9999;
  border: 1px solid #333;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease; }

#btn:checked ~ .menu-btn {
  left: 247px; }

.sidebar-main .menu-btn i {
  position: absolute;
  font-size: 23px;
  transition: all 0.3s ease; }

.sidebar-main .menu-btn i.fa-times {
  opacity: 0; }

#btn:checked ~ .menu-btn i.fa-times {
  opacity: 1;
  transform: rotate(-180deg); }

#btn:checked ~ .menu-btn i.fa-bars {
  opacity: 0 !important;
  transform: rotate(180deg); }

#sidebar {
  position: fixed;
  background: #404040;
  background: #0D0909 !important;
  height: 100%;
  width: 270px;
  overflow: hidden;
  left: -270px;
  transition: all 0.3s ease; }

#btn:checked ~ #sidebar {
  left: 0; }

#sidebar .title {
  line-height: 65px;
  text-align: center;
  background: #333;
  background: #0D0909;
  font-size: 25px;
  font-weight: 600;
  color: #f2f2f2;
  border-bottom: 1px solid #222; }

#sidebar .list-items {
  position: relative;
  background: #171c24;
  width: 100%;
  height: 100%;
  list-style: none; }

#sidebar .list-items li {
  padding-left: 40px;
  line-height: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid #333;
  transition: all 0.3s ease; }

#sidebar .list-items li:hover {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: 0 0px 10px 3px #222; }

#sidebar .list-items li:first-child {
  border-top: none; }

#sidebar .list-items li a {
  color: #f2f2f2;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  height: 100%;
  width: 100%;
  display: block; }

#sidebar .list-items li a i {
  margin-right: 20px; }

#sidebar .list-items .icons {
  width: 100%;
  height: 40px;
  text-align: center;
  position: absolute;
  bottom: 100px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center; }

#sidebar .list-items .icons a {
  height: 100%;
  width: 40px;
  display: block;
  margin: 0 5px;
  font-size: 18px;
  color: #f2f2f2;
  background: #4a4a4a;
  border-radius: 5px;
  border: 1px solid #383838;
  transition: all 0.3s ease; }

#sidebar .list-items .icons a:hover {
  background: #404040; }

.list-items .icons a:first-child {
  margin-left: 0px; }

.date {
  padding-left: 5px !important; }

@media (min-width: 1500px) {
  .content-overflow {
    width: 70%; }
  .container-overflow {
    left: 70%; } }

@media (min-width: 1900px) {
  .content-overflow {
    width: 50%; }
  .container-overflow {
    left: 50%; } }

.content-test {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  background-color: #242424; }
  .content-test .row {
    width: 100vw !important; }
    .content-test .row .col-md-6 {
      margin: 40px; }

/*
div[class^="col-"] {
  box-sizing: border-box;
  padding-left: 6px !important;
  padding-right: 6px !important;
}
*/
#slide_page {
  display: none; }

#slide_page:checked ~ .container-overflow {
  left: 0;
  z-index: 5; }

#slide_page:checked .icon-slide {
  transform: translateX(-90deg); }

.slide-page {
  position: absolute;
  right: 180px;
  z-index: 50;
  top: 0px; }

.slide-left {
  right: 120px; }

.icon-slide {
  font-size: 25px;
  color: #023657;
  margin-left: 5px; }

.f-container-overflow {
  overflow-X: auto;
  overflow-y: hidden;
  position: relative;
  margin-top: 25px; }

.container-overflow {
  position: absolute;
  left: 100%;
  top: 0px; }

#slide_page_right:checked ~ .container-overflow {
  left: 0;
  z-index: 10; }

#slide_page_right:checked ~ .slide-right {
  display: none; }

#slide_page_right:checked ~ .slide-left {
  display: initial; }

#slide_page_left:checked ~ .slide-right {
  display: initial; }

#slide_page_left:checked ~ .slide-left {
  display: none; }

#slide_page_left:checked ~ .container-overflow {
  left: 100%; }

.icon-wts {
  margin-left: 5px;
  font-size: 25px; }

.whats-link {
  font-size: 25px;
  font-weight: 500; }

.whats-link:hover {
  color: #07a807; }

.row_down {
  margin-top: 18px !important;
  margin-bottom: -9px !important; }

.row_up {
  margin-top: 5px !important; }

.donw_of_sim {
  margin-top: 20px !important; }

.obs8 {
  margin-top: 3px; }

.title-section {
  padding: 10px 20px; }

.ultimo_contato_info {
  margin-top: -5px; }

.data_cadastro_info {
  margin-top: -15px; }

.simulacao_title {
  margin-top: -11px !important;
  margin-bottom: 22px !important; }

.dados_checagem_up {
  margin-bottom: 13px !important; }

.areas_place {
  position: relative; }

.areas {
  position: absolute;
  border-radius: 10px; }

.section-aba-adm {
  padding: 15px; }
  .section-aba-adm h4 {
    padding-top: 30px !important; }

.small-label label {
  font-size: 14px !important; }

.small-label input {
  font-size: 14px !important; }

.mini-card .card {
  background-image: linear-gradient(#252c34, #171c22); }

.mini-card .icon-card {
  margin-top: 15px;
  font-size: 14px !important; }

.mini-card h5 {
  font-size: 16px !important; }

.mini-card p {
  font-size: 9px; }

.mini-card .btn {
  font-size: 9px;
  height: 25px; }

/*
.area_1{
  background-image:linear-gradient(to left, $dark-light-transparent, $dark-transparent)  ;
 // backdrop-filter: blur(5px);
  top: 30px;
  left: 2px;
  //width: 42.3vw !important;
  //height: 70vh !important;

  height: 466px;
  width: 614px;
 
}
.area_2{
  background-color: $dark-light-transparent;
 // backdrop-filter: blur(5px);
  right: 3px;
 // width: 42vw !important;
  //height: 55vh !important;

  width: 610px;
  height: 366px;
}
.area_3{
  background-image:linear-gradient(to left, $dark-light-transparent, $dark-transparent)  ;
 // backdrop-filter: blur(5px);
  //top: 76vh;
  //top: 505px;
  left: 2px;
 // width: 42vw !important;
 // height: 18vh !important;
  bottom: 14px;
  width: 614px;
  height: 130px;
}
.area_4{
  background-color:  $dark-light-transparent;
 // backdrop-filter: blur(5px);
  //top: 56vh;
  right: 255px;
  //width: 25vw !important;
 // height: 38vh !important;
  bottom: 14px;
  width: 362px !important;
  height: 264px !important;
  border-bottom-right-radius: 0;
}
.area_5{
  background-color: $dark-light-transparent;
 // backdrop-filter: blur(5px);
 // top: 64.5vh;
  //width: 17.9vw !important;
  //height: 29.5vh !important;
  bottom: 14px;
  right: 6px;
  height: 198px !important;
  width: 250px !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.area_6{
  background-color: $dark-light-transparent;
 // backdrop-filter: blur(5px);
  //top: 55.6vh;
  bottom: 220px;
  right: 6px;
  //width: 17vw !important;
  //height: 8.3vh !important;

  height: 60px !important;
  width: 245px !important;
  
}*/
.hide-input-file input {
  color: transparent !important; }

#dp-files li {
  list-style: initial;
  font-size: 12px !important;
  text-transform: initial !important;
  margin-left: 10px; }
  #dp-files li .btn {
    font-size: 12px !important;
    margin-left: 10px !important;
    text-transform: initial !important; }

.nav-pills .nav-link {
  font-weight: bold;
  padding-top: 13px;
  text-align: center;
  background: #252c34;
  border-radius: 30px 30px 0 0;
  height: 60px;
  border: 1px solid white;
  border-bottom: none; }

.nav-pills .nav-link.active {
  background: #50817a;
  color: white !important; }

.tab-content {
  margin-top: -20px;
  border-radius: 30px;
  z-index: 1000;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4); }

.tab-adm .row {
  margin-top: 15px; }

.page-item {
  background-color: #012840 !important; }
  .page-item a {
    color: white !important;
    background-color: #012840 !important; }

/*
.btn-group{
    position: relative;
    width: 40px;
    height: 40px;
    background-color: $neon;
    border-radius: 50%;
    box-shadow: 0 10px 30px rgba(#414856, 0.05);

    .icon-check{
      font-size: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) ;
    }
    .btn_check{
        position: absolute;
        top: 50%;
        left: 50%;
       width: 50px;
       height: 50px;
       border-radius: 50%;
       // border: 1px solid red;
       transform: translate(-50%, -50%);
       cursor: pointer;
       background-color: #3a8f829f;
         opacity: 0;
         z-index: 5;
      //   animation: pang-reverse-animation .3s ease-out forwards;
    }
    #btn_group_check{
       display: none;
       position: absolute;
       z-index: 10;
    }
    
    span{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 3px;
        background-color: white;
        transition: all .1s ease-in-out;
        pointer-events: none;
        -webkit-animation: plus-animation-reverse 0.5s ease-out forwards;
        animation: plus-animation-reverse 0.5s ease-out forwards;
        display: none;
    }
    span::before{
        content: "";
        position: absolute;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
        width: 3px;
        height: 20px;
        background-color: white;
        pointer-events: none;
        display: none;
    }
    .buttons{
        position: absolute;
        width: 180px;
        height: 55px;
        bottom: -7px ;
        backdrop-filter: blur(5px);
        background-color: rgba(255, 255, 255, 0.6);
        left: -95px;
        transform: translateX(-50%) scale(0) ;
        display: flex;
        align-items: center;
        justify-content: space-around;
        border-radius: 10px;
        opacity: 0;
        transition: all .4s ease-in-out;
        animation: iconsUp-reverse .5s ease-in-out forwards;
        //z-index: 5;
    }
    .btn_group_check:checked ~ span{
       animation: plus-animation 0.5s ease-out forwards;
    } 
    .btn_group_check:checked ~ .btn_check {
        animation: pang-animation .3s ease-out forwards;
    }
    .btn_group_check:checked ~ .buttons {
     //  animation: iconsUp .3s ease-out forwards;
      
    }
    .active_anim ~ .buttons{
        animation: iconsUp .3s ease-out forwards;
    }
    
    .anim-buttons{
      animation: iconsUp .3s ease-out forwards;
    }
    .anim-btn-check{
      animation: pang-animation .3s ease-out forwards;
    }
    
    @keyframes iconsUp {
    0% {
        transform:translateX(-50%) scale(0 , 0);
       // opacity: 0;
       left: 0px;
       clip-path: polygon(0 100%, 0 0, 100% 50%);
      }
      10% {
        transform:translateX(-50%) scale(.3, 0.3);
        opacity: 1;
      }
      30% {
        transform:translateX(-50%) scale(.8, 0.5);
       
      }
      
      50% {
        transform:translateX(-50%) scale(1.1, 0.95);
        
      }
      70%{
        left: -130px;
        transform:translateX(-50%) scale(1.1, 1.1);
      }
      100% {
        transform:translateX(-50%) scale(1);
        left: -95px;
        opacity: 1;
        clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
      }
  
}
@keyframes iconsUp-reverse {
    0% {
        transform:translateX(-50%) scale(1);
        left: -95px;
        opacity: 1;
        clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
      }
      10%{
    //    bottom: 60px;
        transform:translateX(-50%) scale(1.1, 1.1);
      }
      30% {
        transform:translateX(-50%) scale(1.1, 0.95);
        //clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
        left: -130px;
      }
      50% {
        transform:translateX(-50%) scale(.8, 0.5);
      }
      80% {
        transform:translateX(-50%) scale(.3, 0.3);
        opacity: 1;
      }
    100% {
        transform:translateX(-50%) scale(0 , 0);
         opacity: 0;
         left: 0px;
         clip-path: polygon(0 100%, 0 0, 100% 50%);
      }

}
}
*/
.btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #50817a;
  border-radius: 50%;
  box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05);
  transition: all .3s ease-in-out; }

.btn-group:hover {
  transform: scale(1.1);
  background-color: #50817a !important; }

.last {
  position: relative; }

.buttons {
  position: absolute;
  width: 180px;
  height: 55px;
  bottom: 0px;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.6);
  left: -95px;
  transform: translateX(-50%) scale(1);
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 10px;
  opacity: 1;
  transition: all .4s ease-in-out;
  animation: iconsUp .5s ease-in-out backwards; }

.no-transition {
  transition: none !important; }

@keyframes showBtns {
  0% {
    opacity: 0; }
  0% {
    opacity: 1; } }

@keyframes iconsUp {
  0% {
    transform: translateX(-50%) scale(0, 0);
    left: 0px;
    clip-path: polygon(0 100%, 0 0, 100% 50%); }
  10% {
    transform: translateX(-50%) scale(0.3, 0.3);
    opacity: 1; }
  30% {
    transform: translateX(-50%) scale(0.8, 0.5); }
  50% {
    transform: translateX(-50%) scale(1.1, 0.95); }
  70% {
    left: -130px;
    transform: translateX(-50%) scale(1.1, 1.1); }
  100% {
    transform: translateX(-50%) scale(1);
    left: -95px;
    opacity: 1;
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%); } }

@keyframes iconsUp-reverse {
  0% {
    transform: translateX(-50%) scale(1);
    left: -95px;
    opacity: 1;
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%); }
  10% {
    transform: translateX(-50%) scale(1.1, 1.1); }
  30% {
    transform: translateX(-50%) scale(1.1, 0.95);
    left: -130px; }
  50% {
    transform: translateX(-50%) scale(0.8, 0.5); }
  80% {
    transform: translateX(-50%) scale(0.3, 0.3);
    opacity: 1; }
  100% {
    transform: translateX(-50%) scale(0, 0);
    opacity: 0;
    left: 0px;
    clip-path: polygon(0 100%, 0 0, 100% 50%); } }

@keyframes pang-animation {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0; }
  40% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; }
  100% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0; } }

@keyframes plus-animation {
  0% {
    transform: translate(-10px, -2px) rotate(0deg) scale(1); }
  20% {
    transform: translate(-10px, -2px) rotate(60deg) scale(0.93); }
  55% {
    transform: translate(-10px, -2px) rotate(35deg) scale(0.97); }
  80% {
    transform: translate(-10px, -2px) rotate(48deg) scale(0.94); }
  100% {
    transform: translate(-10px, -2px) rotate(45deg) scale(0.95); } }

@keyframes plus-animation-reverse {
  0% {
    transform: translate(-10px, -2px) rotate(45deg) scale(0.95); }
  20% {
    transform: translate(-10px, -2px) rotate(-15deg); }
  55% {
    transform: translate(-10px, -2px) rotate(10deg); }
  80% {
    transform: translate(-10px, -2px) rotate(-3deg); }
  100% {
    transform: translate(-10px, -2px) rotate(0) scale(1); } }

table {
  border-collapse: separate !important;
  border-spacing: 0px 15px !important;
  margin: 0 0 0 0 !important;
  font-weight: 500 !important;
  color: white !important; }
  table .first:first-child {
    border-spacing: 0px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important; }
  table .last:last-child {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important; }

.buy-main thead tr {
  background-image: linear-gradient(to right, #400709, #450c0f, #4b1114, #501518, #561a1c, #581c1e, #5a1f21, #5c2123, #5a2124, #592224, #572225, #552225); }

.home-admin thead tr {
  background-color: #50817a !important; }

.buy-main tr td {
  background-color: #2d353f; }

.home-admin tr td {
  background-color: rgba(70, 81, 99, 0.5) !important; }

.home-admin tr:hover td {
  background-image: linear-gradient(rgba(255, 255, 255, 0.425), rgba(70, 81, 99, 0.5)) !important;
  font-size: 600; }

thead tr {
  text-align: center; }

thead th {
  vertical-align: middle !important;
  padding: 15px 10px;
  height: 60px; }

thead th:last-child {
  border-top-right-radius: 10px  !important;
  border-bottom-right-radius: 10px  !important; }

thead th:first-child {
  border-top-left-radius: 10px  !important;
  border-bottom-left-radius: 10px  !important; }

tbody {
  font-size: 14px; }
  tbody tr td {
    margin: 10px !important;
    height: 60px !important;
    text-align: center !important;
    padding: 0px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important; }
  tbody tr td:last-child {
    border-top-right-radius: 10px  !important;
    border-bottom-right-radius: 10px  !important; }
  tbody tr td:first-child {
    border-top-left-radius: 10px  !important;
    border-bottom-left-radius: 10px  !important; }

.align-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.cadastro-cotista-main .check-div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }

.check-div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 100%; }
  .check-div .icon-check {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 1;
    animation: checkUp-reverse .3s     forwards;
    color: white; }
  .check-div label {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    border: 3px solid white;
    margin: 0;
    border-radius: 5px;
    transition: all .1s ease-in-out; }
  .check-div label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    border: 3px solid white;
    border-radius: 5px;
    animation: labelBg-reverse .3s     forwards; }

#all_check {
  position: absolute;
  display: none; }

#all_check:checked ~ .icon-check {
  display: block;
  color: #50817a;
  animation: checkUp .3s     forwards; }

#all_check:checked ~ label::before {
  animation: labelBg .3s     forwards; }

.row-btns-check {
  padding-right: 50px; }

@keyframes labelBg {
  0% {
    clip-path: circle(2.2% at 50% 50%); }
  100% {
    clip-path: circle(72.7% at 50% 50%);
    background-color: white; } }

@keyframes labelBg-reverse {
  0% {
    clip-path: circle(72.7% at 50% 50%);
    background-color: white; }
  10% {
    clip-path: circle(2.2% at 50% 50%); }
  100% {
    clip-path: circle(2.2% at 50% 50%); } }

@keyframes checkUp {
  0% {
    transform: translate(-50%, -50%) scale(1); }
  50% {
    transform: translate(-50%, -50%) scale(1.5); }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; } }

@keyframes checkUp-reverse {
  0% {
    transform: translate(-50%, -50%) scale(1); }
  50% {
    transform: translate(-50%, -50%) scale(1.5); }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; } }

.link-whats {
  color: #34af23; }

.flex-td {
  display: flex;
  justify-content: center;
  align-items: center; }

.header-table th {
  position: sticky !important;
  top: 0 !important; }

thead th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 0; }

.table-fixed {
  overflow-y: auto;
  height: 550px;
  padding: 0 5px; }

.table-fixed thead th {
  position: sticky;
  top: 0;
  z-index: 1; }

.table-fixed .dataTables_length, .dataTables_filter {
  margin: 0  !important;
  margin-left: auto  !important;
  margin-right: 110px !important;
  width: 160px  !important; }

.dataTables_filter {
  margin-right: 110px !important; }

.table-fixed thead th {
  background-color: #50817a; }

.table-fixed::-webkit-scrollbar-track {
  background-color: black; }

.table-fixed::-webkit-scrollbar {
  width: 6px;
  background: #181d23;
  border-radius: 5px; }

.table-fixed::-webkit-scrollbar-thumb {
  background: #50817a; }

/* Just common table stuff. Really. */
table {
  border-collapse: collapse;
  width: 100%; }

html[data-theme='dark'] body {
  background-image: linear-gradient(to left, #181d23, #252c34);
  color: white; }

.teste {
  background-color: rgba(77, 77, 77, 0.7); }

#file-input {
  max-width: 100%;
  font-size: 12px;
  text-transform: initial; }

#file-input::-webkit-file-upload-button {
  background: #012840;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 5px 10px; }

input:-webkit-autofill {
  background-color: transparent !important;
  color: #2a2a2a !important;
  border: none !important; }

.fixed-form {
  position: fixed;
  left: 50%;
  bottom: 30px;
  z-index: 1000; }

.overlayer-venda {
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.603) !important;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none; }

.body-test {
  position: relative;
  height: 100vh;
  overflow-x: hidden;
  background-image: linear-gradient(to top, rgba(1, 40, 64, 0.7), rgba(64, 7, 9, 0.8)), url(/img/casa-bg2.jpg);
  background-size: cover; }

#form_check:checked ~ .overlayer-venda {
  display: block; }

#form_check:checked ~ .label_form_check .close-icon {
  animation: fadeIcon .3s forwards; }

#form_check:checked ~ .label_form_check .open-icon {
  animation: fadeIcon-reverse .3s forwards; }

.float-form {
  position: absolute;
  width: 340px;
  height: 440px;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;

  z-index: 1;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition: all .3s ease-in-out !important; }
  .float-form .btn {
    margin-top: 15px;
    width: 100% !important; }
  .float-form section {
    display: flex;
    align-items: center;
    justify-content: center !important;
    height: 100%;
    width: 100%;
    flex-direction: column;
    background-color: transparent;
    background-image: linear-gradient(to TOP, #DAD9D4, white);
    padding-bottom: 20px; }
    .float-form section h6 {
      padding: 0px 15px; }
      .float-form section h6 .floating-label:nth-child(1) {
        background-color: black !important; }
        .float-form section h6 .floating-label:nth-child(1) label {
          color: red !important; }
    .float-form section .row {
      width: 95%; }
    .float-form section .file-input .arquivo {
      display: none; }
    .float-form section .file-input .file {
      line-height: 30px;
      height: 30px;
      border: 1px solid #A7A7A7;
      padding: 5px;
      box-sizing: border-box;
      font-size: 15px;
      vertical-align: middle;
      width: 300px; }
    .float-form section .file-input .btn {
      border: none;
      padding: 2px 10px;
      color: #FFF !important;
      height: 32px;
      font-size: 15px;
      vertical-align: middle; }

@keyframes moveUp {
  0% {
    transform: translate(-50%, 450px) scale(0);
    opacity: 0; }
  80% {
    transform: translate(-50%, -50px); }
  100% {
    transform: translate(-50%, 0px) scale(1);
    opacity: 1; } }

@keyframes moveUp-reverse {
  0% {
    transform: translate(-50%, 0px) scale(1);
    opacity: 1; }
  20% {
    transform: translate(-50%, -50px); }
  100% {
    transform: translate(-50%, 450px) scale(0);
    opacity: 0; } }

.icon-form {
  font-size: 27px;
  color: white;
  height: 100%;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 80%;
  transform: translate(-50%, -50%);
  transition-delay: .2s;
  transition: all .3s ease-in-out;
  margin-left: 15px; }

.label_form_check .open-icon {
  animation: fadeIcon .3s  forwards; }

.label_form_check .close-icon {
  animation: fadeIcon-reverse .3s forwards; }

.form-title {
  background-image: linear-gradient(to right, #400709, #450c0f, #4b1114, #501518, #561a1c, #581c1e, #5a1f21, #5c2123, #5a2124, #592224, #572225, #552225);
  color: white;
  width: 105% !important;
  height: 60px;
  padding-top: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0; }

.form_A h6 {
  font-size: 16px !important; }

.form_C {
  /*width: 440px !important;*/

  /*height: 540px !important;*/
    width: 580px !important ;

  /*height: 540px !important;*/
  height:510px !important;
    
}
  .form_C .sub-title {
    margin-top: 45px; }
  .form_C .row {
    margin-top: 15px; }

/*
@keyframes moveForm{
    0%{
        opacity: 0;
        transform: translateY(-50%) scale(0);
        right: -320px;
     //   clip-path: polygon(100% 50%, 0 0, 0 100%);
    }
    80%{
     //   transform: translateY(-50%) scale(1,1);
    
    }
    90%{
       // transform: translateY(-50%) scale(1.1,1.1);
    
    }
    100%{
        opacity: 1;
        transform: translateY(-50%) scale(1);
        right: 0;
       // clip-path: inset(0 0 0 0);
    }
}
@keyframes moveForm-reverse{
    
    0%{
        opacity: 1;
        transform: translateY(-50%) scale(1,1);
        right: 0;
       // clip-path: inset(0 0 0 0);
    }
   
   // 60%{
       
       // transform: translateY(-50%) scale(1.1,1.1);
     //   right: -320px;
   // }
    100%{
        opacity: 0;
        transform: translateY(-50%) scale(0);
        right: -320px;
     //   clip-path: polygon(100% 50%, 0 0, 0 100%);
    }
   
}*/
.label_form_check {
  height: 60px;
  width: 100vw;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
  background-color: #012840;
  border: 1px solid white;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  z-index: 2;
  cursor: pointer; }
  .label_form_check h4 {
    margin: 0;
    font-size: 20px;
    color: white; }

.title-label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%; }

.label_form_check:hover span {
  animation: toltipUp .3s forwards !important; }

.label_form_check span {
  width: 180px;
  position: absolute;
  bottom: 50%;
  bottom: 0;
  right: 5px;
  transform: translateY(-50%);
  font-weight: 400;
  font-size: 14px;
  padding: 10px;
  background-color: rgba(32, 32, 32, 0.8);
  backdrop-filter: blur(15px);
  border-radius: 10px;
  text-transform: uppercase;
  z-index: -500 !important;
  opacity: 1;
  color: white;
  animation: toltipUp-reverse .3s forwards;
  pointer-events: none; }

@keyframes fadeIcon {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0); }
  50% {
    transform: translate(-50%, -50%) scale(1.1, 1.1); }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; } }

@keyframes fadeIcon-reverse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; }
  50% {
    transform: translate(-50%, -50%) scale(1.2, 1.2) !important; }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0); } }

@keyframes moveLabel {
  0% {
    right: 0px; }
  80% {
    right: 350px; }
  100% {
    right: 320px; } }

@keyframes moveLabel-reverse {
  0% {
    right: 320px; }
  80% { }
  100% {
    right: 0px; } }

@keyframes moveForm {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0; }
  50% {
    transform: translate(-50%, -50%) scale(1.1, 1.1); }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; } }

@keyframes moveForm-reverse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0; } }

@keyframes toltipUp {
  0% {
    transform: scale(0);
    right: -30px;
    opacity: 0;
    bottom: 15px; }
  100% {
    transform: scale(1);
    right: 70px;
    opacity: 1 !important;
    bottom: 15px; } }

@keyframes toltipUp-reverse {
  0% {
    transform: scale(1);
    right: 70px;
    opacity: 1;
    bottom: 15px; }
  50% {
    opacity: 0; }
  100% {
    transform: scale(0);
    right: -30px;
    bottom: 15px; } }

.selecione {
  display: none; }

.icon-select {
  display: none; }

.filename {
  background: #fff;
  padding: 15px 15px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
  color: #999;
  font-size: 12px; }

.custom-file input[type="file"] {
    display:block;
  }

.custom-file label {
  cursor: pointer;
  background: #400709;
  display: inline-block;
  color: #fff;
  width: 150px;
  padding: 5px 10px;
  text-align: center;
  border-radius: 5px; }

.custom-file {
  margin-top: 10px !important; }

.slide_animation {
  animation: slideAnim 1s forwards; }

.step {
  animation: stepsAnim .3s     forwards;
  transition: .3s ease-in-out;
  transition-delay: 0s; }
  .step input, .step label, .step .btn {
    transition: all .3s ease-in-out; }
  .step input:focus ~ .error-msg, .step select:focus ~ .error-msg, .step textarea:focus ~ .error-msg {
    display: none; }
  .step .error {
    font-size: 15px;
    color: red; }

#form_check:checked ~ .step-1 {
  display: block !important; }

.step-1 {
  display: none; }
  .step-1 .label-1 {
    animation: slideAnim .3s .3s backwards; }
  .step-1 .input-1 {
    animation: slideAnim .3s .4s backwards; }
  .step-1 .label-2 {
    animation: slideAnim .3s .5s backwards; }
  .step-1 .input-2 {
    animation: slideAnim .3s .6s backwards; }
  .step-1 .label-3 {
    animation: slideAnim .3s .7s backwards; }
  .step-1 .input-3 {
    animation: slideAnim .3s .8s backwards; }
  .step-1 .label-4 {
    animation: slideAnim .3s .9s backwards; }
  .step-1 .input-4 {
    animation: slideAnim .3s 1s backwards; }
  .step-1 .label-5 {
    animation: slideAnim .3s 1.1s backwards; }
  .step-1 .input-5 {
    animation: slideAnim .3s 1.2s backwards; }
  .step-1 .label-6 {
    animation: slideAnim .3s 1.3s backwards; }
  .step-1 .input-6 {
    animation: slideAnim .3s 1.4s backwards; }
  .step-1 .btn {
    animation: slideAnim .3s 1.5s backwards; }

.step-2 .label-1, .step-4 .label-1 {
  animation: slideAnim .3s .3s backwards; }

.step-2 .input-1, .step-4 .input-1 {
  animation: slideAnim .3s .4s backwards; }

.step-2 .btn, .step-4 .btn {
  animation: slideAnim .3s .5s backwards; }

.step-3 .label-1 {
  animation: slideAnim .3s .3s backwards; }

.step-3 .span-1 {
  animation: slideAnim .3s .4s backwards; }

.step-3 .label-2 {
  animation: slideAnim .3s .5s backwards; }

.step-3 .input-1 {
  animation: slideAnim .3s .6s backwards; }

.step-3 .btn {
  animation: slideAnim .3s .7s backwards; }

.step-5 .label-1 {
  animation: slideAnim .3s .3s backwards; }

.step-5 .input-1 {
  animation: slideAnim .3s .4s backwards; }

.step-5 .label-2 {
  animation: slideAnim .3s .5s backwards; }

.step-5 .input-2 {
  animation: slideAnim .3s .6s backwards; }

.step-5 .label-3 {
  animation: slideAnim .3s .7s backwards; }

.step-5 .input-3 {
  animation: slideAnim .3s .8s backwards; }

.step-5 .btn {
  animation: slideAnim .3s .9s backwards; }

.error-msg {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  color: red;
  pointer-events: none; }

.sucess-msg {
  font-size: 12px;
  color: green;
  pointer-events: none; }

@keyframes stepsAnim {
  0% {
    transform: translateX(100%) scale(0);
    opacity: 0; }
  50% { }
  100% {
    transform: translateX(0) scale(1);
    opacity: 1; } }

@keyframes slideAnim {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0%);
    opacity: 1; } }

@keyframes moveSide {
  0% {
    transform: translate(100%, -45%) scale(0);
    opacity: 0; }
  80% {
    transform: translate(-120%, -45%); }
  100% {
    transform: translate(-100%, -45%);
    opacity: 1; } }

@keyframes moveSide-reverse {
  0% {
    transform: translate(-100%, -45%);
    opacity: 1; }
  20% {
    transform: translate(-120%, -45%); }
  100% {
    transform: translate(100%, -45%);
    opacity: 0; } }

@media (min-width: 950px) {
  .fixed-form {
    position: fixed;
    right: 30px;
    left: unset;
    bottom: 50%;
    transform: translateY(50%); }
  .float-form {
    animation: moveSide-reverse .5s     forwards;
    bottom: unset;
    left: 0px;
    top: 10px;
    transform: translate(-50%, -50%) scale(1); }
  #form_check:checked ~ .float-form {
    animation: moveSide .5s     forwards; }
  .overlayer-venda {
    left: 45px;
    transform: translate(-100%, -50%); }
  .label_form_check {
    height: 400px;
    width: 40px;
    border-radius: 10px;
    border-right: none;
    top: 50%;
    right: -3px;
    left: 5px;
    transform: translateY(-50%);
    z-index: 100; }
    .label_form_check h4 {
      writing-mode: vertical-rl;
      text-orientation: upright;
      text-transform: uppercase;
      font-size: 16px;
      color: white; }
  .label_form_check:hover ~ .float-form, .float-form:hover {
    animation: moveSide .5s     forwards; }
  .icon-form {
    color: white;
    width: 100%;
    height: 30px;
    position: absolute;
    top: 50%;
    left: -25px;
    right: 40px;
    transform: translateY(-50%); }
  .bg-icons {
    position: absolute;
    top: 50%;
    left: -35px;
    right: 40px;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-radius: 50%;
    background-color: #400709;
    background-color: #012840;
    z-index: -1; } }

@media (min-width: 780px) {
  .float-form {
 
    width: 350px;
    height: 460px; } }
.card-adm {
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: #6b798e;
  backdrop-filter: blur(25px);
  border-radius: 10px;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  color: white !important; }

.home-adm {
  width: 100%;
  margin-top: 60px !important;
  height: calc(100vh - 60px) !important;
  padding: 0 30px !important;
  background-image: linear-gradient(to right bottom, #3a4351, #363f4b, #323a46, #2e3640, #2a323b);
  background-image: linear-gradient(to right bottom, #3a4351, #313945, #282f39, #20262e, #181d23);
  background-image: linear-gradient(to right bottom, #3a4351, #353e4b, #313944, #2c353e, #283038); }
  .home-adm .content {
    height: calc(95vh - 60px) !important;
    display: flex;
    justify-content: center;
    align-items: center; }

.side-bar {
  background-color: #181d23;
  width: 100%;
  height: 100vh;
  padding: 15px 5px;
  text-align: center; }
  .side-bar .side-menu {
    width: 100%;
    line-height: 50px; }
  .side-bar .logo-side-bar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .side-bar .side-list {
    border: 2px solid transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(8, 8, 8, 0.2); }
    .side-bar .side-list:hover {
      border-right: 2px solid #50817a; }
  .side-bar .side-item {
    font-size: 16px;
    font-weight: 500; }

.card-small {
  background-color: #313944;
  position: relative; }

.card-big {
  margin: 20px 0;
  text-align: center; }

.line-card {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 35%;
  height: 15px;
  background-color: #181d23;
  border-radius: 10px; }

.line-card::after {
  content: "";
  width: 75%;
  height: 5px;
  position: absolute;
  left: 50%;
  top: 5px;
  border-radius: 10px;
  background-image: linear-gradient(45deg, #7cc2ef, #50817a);
  transform: translate(-50%, -50%); }

.title-card-small {
  font-size: 16px;
  font-weight: 600; }

.item-card-small {
  font-size: 14px; }

.img-section {
  overflow: hidden; }

.img-about {
  width: 100%;
  height: 100%; }

.main-contet-texto section {
  padding-top: 120px !important; }

.main-content {
  overflow-x: hidden !important; }

.form-edit {
  height: calc(100vh - 70px);
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  /* #check_form_a:checked ~ .check-see .icon-check{
      display: block;
    }*/ }
  .form-edit label {
    margin-bottom: 0 !important; }
  .form-edit .label-check {
    margin-left: 10px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600; }
  .form-edit .check-see {
    width: 25px;
    height: 25px;
    border: 3px solid white;
    border-radius: 5px;
    position: relative; }
  .form-edit .icon-check {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none; }
  .form-edit .form-check {
    display: none; }
  .form-edit .form-check:checked ~ .check-see .icon-check {
    display: block; }
  .form-edit .flex-row {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px; }
  .form-edit .row-box {
    background-color: rgba(68, 80, 96, 0.4);
    padding: 10px;
    -webkit-box-shadow: 7px 4px 15px -2px #171c22;
    box-shadow: 7px 4px 15px -2px #171c22;
    border-radius: 10px; }
  .form-edit .card-img {
    position: relative !important; }
  .form-edit .img-form-demo {
    position: absolute;
    left: 50%;
    top: 20px !important;
    transform: translateX(-50%);
    width: 45% !important; }
  .form-edit .btn-border {
    border: 2px solid white;
    background-color: transparent;
    color: white !important;
    font-weight: 700; }
    .form-edit .btn-border:hover {
      border: transparent !important;
      color: white !important; }
  .form-edit .result {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 2px solid #50817a; }

/*
.row-form-edit{
    padding: 15px 50px;
}

#check_form_edit{

}
#label_form_edit{

}*/
.bg-white {
  background-color: white !important; }

.underline {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  z-index: 3;
  pointer-events: none; }

.underline::before {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  width: 100%;
  background-image: linear-gradient(to right, #400709, #400709);
  transform: scaleX(0);
  transform-origin: left;
  transition: all .2s ease-in-out; }

/****  floating-Lable style start ****/
.floating-label {
  position: relative;
  margin-bottom: 20px; }

.floating-input, .floating-select {
  font-size: 13px;
  padding: 4px 4px;
   font-weight: bold !important;
  display: block;
  width: 100%;
  height: 40px;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid #757575;
  color: black;
  font-weight: 400; }

.floating-input:focus, .floating-select:focus {
  outline: none;
  /* border-bottom:2px solid #5264AE; */ }

.floating-textarea {
  height: 120px;
  position: relative;
  padding-top: 10px;
  overflow-y: auto !important; }

.floating-textarea::-webkit-scrollbar {
  width: 7px !important;
  height: 10px !important; }

.floating-textarea::-webkit-scrollbar-track {
  background-color: #0D0909 !important; }

.floating-textarea::-webkit-scrollbar-thumb {
  border-radius: 0px !important;
  background-color: #012840 !important; }

.floating-textarea .top {
  bottom: 120px !important; }

.floating-label label {
   font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: 0px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  padding: 1px !important;
  padding-right: 0px;
  padding-left: 0px; }

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label,
.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
  /*top: -18px;*/
  /*top: -12px;*/
  top: -11px;

  font-size: 15px;
  color: #283038; }

.floating-input:focus ~ .cifrao, .floating-input:not(:placeholder-shown) ~ .cifrao,
.floating-select:focus ~ .cifrao, .floating-select:not([value=""]):valid ~ .cifrao {
  left: 20px;
  opacity: 1; }

.floating-input:focus ~ .underline::before, .floating-input:not(:placeholder-shown) ~ .underline::before,
.floating-select:focus ~ .underline::before, .floating-select:not([value=""]):valid ~ .underline::before {
  transform: scaleX(1); }

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width: 50%; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.floating-textarea {
  min-height: 120px;
  max-height: 120px;
  overflow: hidden;
  overflow-x: hidden; }

.select label {
  transform: translateY(-20px); }

.select .selecione {
  position: absolute;
  bottom: 0; }

.select .floating-input:focus ~ label, .select .floating-input:not(:placeholder-shown) ~ label,
.select .floating-select:focus ~ label, .select .floating-select:not([value=""]):valid ~ label {
  transform: translateY(0px) !important; }

.select .floating-input:focus ~ .selecione, .select .floating-input:not(:placeholder-shown) ~ .selecione,
.select .floating-select:focus ~ .selecione, .select .floating-select:not([value=""]):valid ~ .selecione {
  display: none; }

.mask-money input {
  padding-left: 20px; }

.cifrao {
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-weight: 500;
  color: silver;
  width: 10px;
  font-size: 16px;
  transform: translateX(-50%);
  transition: all .2s ease-in-out;
  opacity: 0; }

.two-inputs .top {
  width: 85%;
  left: initial; }

.two-inputs .left {
  left: initial; }

.two-inputs .underline {
  width: 85%;
  left: initial; }

.two-inputs .a {
  position: absolute;
  right: 50%;
  width: 10px;
  transform: translateX(5px);
  padding: 0;
  bottom: 0; }

.two-inputs .label-a {
  left: 0%;
  transform: translateX(50%); }

.two-inputs .input-one, .two-inputs .input-two {
  position: relative; }

.two-inputs .input-one .floating-input:focus ~ .cifrao, .two-inputs .input-one .floating-input:not(:placeholder-shown) ~ .cifrao,
.two-inputs .input-one .floating-select:focus ~ .cifrao, .two-inputs .input-one .floating-select:not([value=""]):valid ~ .cifrao {
  left: 10px; }

.two-inputs .input-one input {
  padding-left: 13px; }

.two-inputs .input-one .right {
  right: 7%;
  height: 108%; }

.two-inputs .input-one .cifrao {
  left: -15px;
  width: 10px; }

.two-inputs .input-two .top, .two-inputs .input-two .underline {
  left: 5%;
  width: 89%; }

.two-inputs .input-two .right {
  right: 5%;
  height: 104%; }

.two-inputs .input-two .left {
  left: 5%; }

.title-label {
  top: -40px !important; }

.label-small {
  /*
  @media (min-width: 768px){
    .parcelas_pagas{
    -ms-flex: 0 0 21%;
    f
    }
    .valor_parcela {
        -ms-flex: 0 0 20.666667%;
        flex: 0 0 20.666667%;
        max-width: 20.666667%;
    }
    .tipo_bem{
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 20.666667%;
      max-width: 20.666667%;
    }
  }*/ }
  .label-small label {
    font-size: 13px;
    font-weight: 400; }
  .label-small .floating-input:focus ~ label, .label-small .floating-input:not(:placeholder-shown) ~ label,
  .label-small .floating-select:focus ~ label, .label-small .floating-select:not([value=""]):valid ~ label {
    top: -13px;
    font-size: 12px; }
  .label-small div[class^="col-"] {
    padding-left: 6px;
    padding-right: 6px !important; }
  .label-small .percent-pago {
    padding-left: 15px !important; }

@media (min-width: 768px) {
  .n_assembleia, .prazo_grupo, .porcent_devedor {
    -ms-flex: 0 0 20.666667% !important;
    flex: 0 0 20.666667% !important;
    max-width: 20.666667% !important; }
  .situacao_cota {
    -ms-flex: 0 0 27.333333% !important;
    flex: 0 0 27.333333% !important;
    max-width: 27.333333% !important; }
  .banco_area {
    -ms-flex: 0 0 38.333333% !important;
    flex: 0 0 38.333333% !important;
    max-width: 38.333333% !important; }
  .agencia_area {
    -ms-flex: 0 0 28.333333% !important;
    flex: 0 0 28.333333% !important;
    max-width: 28.333333% !important; }
  /*
  .parcelas_pagas, .n_parcelas_pagar{
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
  .n_parcelas_pagar{
    -ms-flex: 0 0 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }*/ }

.row {
  margin-top: 2px; }

.textarea-full .floating-textarea {
  min-height: 90vh;
  max-height: 90vh; }

.textarea-2-rows {
  min-height: 50px;
  max-height: 50px; }

.textarea-3-rows {
  min-height: 80px;
  max-height: 80px; }

.textarea-4-rows {
  min-height: 90px;
  max-height: 90px; }

.textarea-5-rows {
  min-height: 110px;
  max-height: 110px; }

.textarea-7-rows {
  min-height: 165px;
  max-height: 165px; }

.textarea-8-rows {
  min-height: 180px;
  max-height: 180px; }

@media (min-width: 1100px) {
  .textarea-13-rows .floating-textarea {
    min-height: 262px;
    max-height: 262px; } }

input:internal-autofill-selected {
  appearance: menulist-button;
  color: -internal-light-dark(black, white) !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #252c34;
  -webkit-box-shadow: none;
  background-color: transparent !important;
  background: transparent !important;
  transition: background-color 5000s ease-in-out 0s; }

.x-regra-3 {
  position: absolute;
  /* bottom: 50%; */
  left: 33%;
  font-size: 30px;
  transform: translateY(-30%); }

.row-b {
  position: relative; }

.contact-main {
  overflow: hidden; }

.contact-main-section {
  width: 100%;
  height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-image: linear-gradient(145deg, #400709, #012840);
  background: #012840;
  background-image: linear-gradient(to left bottom, #012840, #023452, #034165, #064e78, #0b5b8c);
  position: relative; }
  .contact-main-section .circle {
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: pink;
    position: absolute;
    opacity: .5;
    background-image: linear-gradient(to left bottom, #012840, #023452, #034165, #064e78, #0b5b8c);
    z-index: 0; }
  .contact-main-section .circle:nth-child(1) {
    top: -37px;
    right: 100px;
    width: 250px;
    height: 250px;
    opacity: .3; }
  .contact-main-section .circle:nth-child(2) {
    top: 80%;
    left: -30px; }
  .contact-main-section .content-contact {
    position: relative;
    width: 70%;
    height: 90%;
    background: white;
    margin-top: 30px;
    display: flex;
    align-items: center;
    padding: 5px 20px;
    background-image: linear-gradient(145deg, rgba(64, 7, 9, 0.8), rgba(1, 40, 64, 0.8));
    background-image: linear-gradient(to left bottom, #ffffff, #f6f6f6, #ededed, #e5e5e5, #dcdcdc);
    background: #ffff;
    border-radius: 15px;
    z-index: 1; }
    .contact-main-section .content-contact .info-left {
      text-align: center; }
      .contact-main-section .content-contact .info-left span {
        font-weight: 500; }
    .contact-main-section .content-contact form {
      background-color: white;
      width: 350px;
      border-radius: 15px;
      background: #ffffff;
      box-shadow: -5px 5px 10px #6b6b6b,
 5px -5px 10px #ffffff; }
    .contact-main-section .content-contact .social-icons {
      margin: 0 !important;
      width: 80%;
      margin-left: 10% !important;
      border-radius: 5px; }
    .contact-main-section .content-contact .icon-social {
      color: white;
      padding: 10px;
      width: 40px;
      height: 40px;
      background-color: #012840 !important;
      font-size: 65px;
      border-radius: 50%; }
    .contact-main-section .content-contact #icon-insta {
      background-color: #012840 !important; }
    .contact-main-section .content-contact #icon-reclame-aqui {
      width: 40px;
      height: 40px; }

.filter-main {
  width: 100%; }

#filter {
  transition: all .3s ease-in-out !important; }

.head-filter {
  background-color: #023657;
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  color: white;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important; }
  .head-filter .icon-filter {
    font-size: 25px;
    color: white; }
  .head-filter .btn {
    margin-right: 20px; }

.content-filter {
  padding: 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-weight: 500; }
  


@media screen and (min-device-width : 320px) and (max-device-width : 480px) {

    #formulariob,#formulario,#formularioc,#formulariod{
    /*width:300px !important;*/
    width:400px !important;
    /* background-color:red !important;*/
    }
    
    .form_C{
    /*width:300px !important;*/
    width:400px !important;
    /* background-color:red !important;*/
    
    }
    .floating-label label {
    
        font-size:13px !important;
    }
    
    #valor_pago{
        padding-top:30px;
    }

}