body {
    background-color: #F75A39;
    height: 500px;
    font-family: 'Bebas Neue', cursive;
    background-image: url("../../assets/images/Recurso_5.webp");
    background-repeat:no-repeat;
    background-position-x:center;
    background-position-y:center;
    font-display: swap;
}
strong{
    color: #f8f9fa;
    font-size: 1.6em;
}
p{
    font-size: 0.9em;
    color: #000000;
    text-align: justify;
}
.divIcons{
  margin-top: 2%;
}
.nomP{
  margin-left: 18%;
}
.nomN{
  margin-left: 35%;
}
.registroP{
  margin-left: 8% !important;
}
.registroN{
  margin-left: 25% !important;
}
.registro{
    margin-left: 25%;
    border-radius: 0.25rem;
    background-color: #fff;
  /*  box-shadow: 0px 0px 30px black;
    border: 2px solid rgba(0,0,0,.15);
    */
}
.contact1-pic img {
    max-width: 130% !important;
}
.porValidar{
    display: none;
    position: inherit !important;
}
.validado{
    display: inherit;
    position: inherit !important;
}
.contact1 {
    height: 100vh !important;
    background: none !important;
}
.contact1-form {
    width: 80%;
    padding-top: 4%;
    margin-left: 10%;
    padding-bottom: 1%;
}
.contact1-form-title{
  padding-bottom: 10px !important;
}
.imgF{
    width: 100% !important;
}
.container-contact1{
    padding: 5%;
    width: auto !important;
}
.sagradecimiento{
    margin-top: 10% !important;
}
@media (max-width: 575px) {
  .sagradecimiento{
      margin-top: 55% !important;
  }
}

.iconRedsocial{
    width: 8%;
}
.face{
    width: 4%;
}
.redSocialText{
  font-size: 1.5em;
}
.navbar-brand {
    padding: 14px 20px;
    font-size: 16px
}
.navbar-nav {
    width: 93%
}
@media (max-width: 575px) {
    .navbar-nav {
        background-color: #fff;
        width: 100%
    }


}
.nav-item {
  margin-bottom: 6%;
  text-transform: uppercase
    padding: 6px 14px;
    text-align: center
}
.nav-link {
  color: #f8f9fa  !important;
/*  text-transform: uppercase;*/
    padding-bottom: 10px;
    font-size: 16px !important;
    font-weight: bolder;
}

.v-line {
    background-color: #fff;
    width: 1px;
    height: 20px;
    margin-top: 13.5px
}


element.style {
}
@media (min-width: 1200px)
.container {
    max-width: 1140px;
}
@media (min-width: 992px)
.container {
    max-width: 960px;
}
@media (min-width: 768px)
.container {
    max-width: 720px;
}
@media (min-width: 576px)
.container {
    max-width: 540px;
}

@media (max-width: 575px){
  .nav-link{
    margin-left: 5%;
    color: #000 !important;
  }
  .nav-item{
    margin-bottom: 0%;
    border-style: solid;
    border-width: 0.5px;
    border-color: #807875;
  }
}

.container {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    width: 73% !important;
}

.navbar-collapse.collapse.in {
    display: block !important
}
.navbar-nav {
            position: absolute;
            left: 63%;
            transform: translatex(-50%);
        }
        #mi-video {
          width: 100%;
          box-shadow: 0px 0px 30px black;
          margin-top: 25%;
        }
        @media (max-width: 575px) {
          #mi-video {
          width: 150%;
          box-shadow: 0px 0px 30px black;
          margin-top: 83%;
          margin-left: -25%;
  }
}

.bg-black {
    background-color: #000
}
#logo {
    width: 153px;
    height: 149px;
    border-radius: 4px;
}
#divFacebook{
  margin-left: 10%;
}
/* a{
    font-size: 20px !important;
    font-weight: bolder;
} */
.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0);
}
@media (max-width: 576px) {
    .nav-item {
        width: 100%;
        text-align: left
    }

    .v-line {
        display: none
    }
}

@media (max-width: 686px){
    #divFacebook{
      margin-left: 0%;
    }
    .face {
      width: 8%;
    }
}

@media (min-width: 768px){
    #nomCA{
      margin-top: 10%;
    }
}

.form-control {

  border-radius: 25px !important;
}

.contact1-form-btn {
    min-width: 11px !important;
    height: 50px;
    border-radius: 16px !important;
}


#formularioBa{
  margin-top: 33% !important;
}

@media (min-width: 768px){
  #formularioBa{
    margin-top: 8% !important;
  }
}

@media (min-width: 768px) and (max-height: 1150){
  #formularioBa{
    margin-top: 12% !important;
  }
}



/*ESPACIO PARA EL SPINNER*/
.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border-left-color: #0171b5;
  ;
  animation: spin 1s infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.video{
   width: 98%;
   height: 98%;"
}

@media (max-width: 575px) {
  .video {
      margin-top: 57%;
      width: 119%;
      height: 48%;
  }
}

.texteC{
  color: #fff;
  text-align: justify;
}