.imgcontabili{
    margin-top: 2%;
    width: 100%;
    height: -10% !important;
    
  }
  /*-about-*/

.back-to-top {
  position: fixed;
  display: none;
  right: 45px;
  bottom: 45px;
  z-index: 99;
}

.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}





/*** Button ***/
.btn {
  font-weight: 500;
  transition: .5s;
}
/*color botones*/
#button{

  background-color: #2f70aa !important;
  }

#button:hover {
  color: #FFFFFF !important;
  background-color: #3e83c9 !important;
}
.btn-square {
  width: 38px;
  height: 38px;
}

.btn-sm-square {
  width: 32px;
  height: 32px;
}

.btn-lg-square {
  width: 48px;
  height: 48px;
}


.btn-square,
.btn-sm-square,
.btn-lg-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  border-radius: 50px;
}

/*animacion de texto*/
/*about animation*/
@keyframes slideInLeftFade {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.container-xxl {
  animation: slideInLeftFade 1s ease-in-out;
}

.wow.zoomIn {
  animation: slideInLeftFade 1s ease-in-out;
}

.wow.fadeInUp {
  opacity: 0;
  animation: slideInLeftFade 1s ease-in-out;
  animation-fill-mode: forwards;
}
.text-white {
  color: #f1eded !important;
}
#btncontacto{
  color: #2f70aa;
}

#btncontacto:hover{
  color: #fff;
}

/*botones registro-login*/
.btn-outline-success {
  --bs-btn-color: #2f70aa;
  --bs-btn-border-color: #2f70aa;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2f70aa;
  --bs-btn-hover-border-color: #0400f1;
  --bs-btn-focus-shadow-rgb: 25,135,84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2f70aa;
  --bs-btn-active-border-color: #2f70aa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2f70aa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2f70aa;
  --bs-gradient: none;
}
/*texto del menu*/

.nav-item{
  padding: 5px;
  width: 100%;
  font-size: 19px;
  justify-content: center;
  text-align: center;
}

#MenuPrincipal .nav-item:active a{
  background-color: #2f70aa;
  color: #fff !important;
}

@media (min-width: 992px) {
.navbar-expand-lg .navbar-collapse {
  padding: 0px 20px;
}
}

#MenuPrincipal .nav-item:hover a{
  background-color: #2f70aa;
  color: #fff !important;

}

#btnmenu{
  font-size: 19px;
}

@media (max-width:767px) {
  .nav-item{
    text-align: left;
    width: 100%;
    display: block;
    box-sizing:content-box;
    margin: 2px;
    padding: 2px;
  }
  
}