/*video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  transform: translateX(calc((100% - 100vw) / 2));
  z-index: -2;
  }*/

  body {
    background: url(escuela/Hismex\ frente.jpg); 
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
    height: 100vh;
    background-attachment: fixed;
  }
nav,
    .offcanvas {
      background-color: rgba(255, 255, 255, 1);
    }
    .navbar-toggler {
      border: none;
    }
    .navbar-toggler:focus {
      outline: none;
      box-shadow: none;
    }

    @media (max-width: 1140px) {
      .navbar-nav > li:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }
    }
    .navbar {
        background-color: rgba(255, 255, 255, 1);
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

    .icono {
      height: 40px;
      width: 70px;
    }
    @media screen and (max-width:1182px){
      .navbar-brand{
          display: none;
      }
    }

    .dropdown-item:hover {
      border-radius: 15px;
      transition: all 0.4s ease;
    }

    .nav-item:hover {
      border-radius: 15px;
      transition: all 0.4s ease;
    }

    header {
      padding-bottom: 100px;
    }

    #Frase{
      background-color: white;
      border-radius: 25px;
      margin: 0px,10px, 0px, 10px;
      padding-bottom: 1px;
    }

    #color {
      color: #dcdd17;
    }
    #color2 {
      color: #03453b;
    }
    #img1 {
      height: 540px;
      width: 540px;
    }
    
    #back{
      background-color: white;

    }

    /*       border-radius: 25px;
      margin-left: 100px;
      margin-right: 100px;
      margin-bottom: 10px;
      padding-bottom: 1px;*/

    #carrusel{
      margin-bottom: 50px;
      margin-left: 100px;
      margin-right: 100px;
    }

    #cimg {
      border-radius: 25px;
    }

    .h2of {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 10px;
      text-align: center;
      margin-left: 100px;
      margin-right: 100px;
    }

    .t2{
      background-color:rgba(255, 255, 255, 1);
      text-align: center;
      border-radius: 5px;
    }

    .accordion {
      --bs-accordion-btn-color: #03453b;
      --bs-accordion-btn-bg: #03453b;
      --bs-accordion-active-color: #03453b;
      --bs-accordion-active-bg: #03453b;
    }
    #nosotros {
      background-color: #03453b;
    }
    #docentes {
      background-color: #03453b;
    }
    #filosofia {
      background-color: #03453b;
    }
    #escuela {
      background-color: #03453b;
    }
    .accordion {
      margin-left: 100px;
      margin-right: 100px;
      margin-bottom: 50px;
      background-color: #03453b;
      
    }
    #btd {
      color:#dcdd17;
    }

    .accordion-button {
      background-color: #03453b;
    }

    .accordion-body {
      background-color: #03453b;
      color: white;
    }

    .container-fluid{
      padding-left: 50px;

    }

    .titugal {
      color: black;
      background-color: rgba(255, 255, 255, 0.7);
      border-radius: 5px;
    }
    
    .pgal {
      color:black;
      background-color: rgba(255, 255, 255, 0.7);
      border-radius: 5px;
    }

    #eve {
      margin-left: 100px;
      margin-right: 100px;
      margin-bottom: 50px;
    }

    .accordion-body {
      margin-left: 100px;
      margin-right: 100px;
    }

    .contenedor {
      position: relative;
      width: 400px;
      margin-bottom: 50px;
    }
    
    .imga {
      display: block;
      width: 400px;
      height: 400px;
      border-radius: 10px;
    }
    
    .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(255, 255, 255, 1);
      overflow: hidden;
      width: 100%;
      height: 0;
      transition: .7s ease;
      color: #dcdd17;
      border-radius: 10px;
      text-align: justify;
    }
    
    .contenedor:hover .overlay {
      height: 100%;
    }
    
    .titu {
      text-align: center;
    }
    .cont {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 10px;
      letter-spacing: 5px;
      color: #03453b;
    }

    .conte {
      padding-left: 20px;
      padding-right: 20px;
      color: black;
      letter-spacing: 5px;
    }

    .fpie {
      background-color: rgba(255, 255, 255, 1);
    }

    #c1 {
      background-color: rgba(3, 69, 59, 1);
      padding: 20px;
      border-left: 10px;
      border-right: 10px;
      margin: 5px;
      border-radius: 25px;
      color: white;
      text-align: justify;
    }

    #P_est{
      border-radius: 15px;
    }

    #bi1 {
      font-size: 50px;
      color: blue;
    }

    #bi1:hover {
      background-color: blue;
      color: white;
      transition: all 0.5s ease;
      border-radius: 5px;
    }

    #bi2 {
      color: rgb(28, 193, 80);
      padding-left: 2px;
      padding-right: 1px;
      padding-left: 1px;
    }

    #bi2:hover {
      background-color: rgb(28, 193, 80);
      color: white;
      transition: all 0.5s ease;
      border-radius: 5px;
    }

    #bi3 {
      color: rgb(131,58,180);
      color: linear-gradient(176deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 39%, rgba(252,176,69,1) 100%); 
    }

    #bi3:hover {
      background-color:  rgb(131,58,180);
      background-color: linear-gradient(176deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 39%, rgba(252,176,69,1) 100%);;
      color: white;
      transition: all 0.5s ease;
      border-radius: 5px;
    }

    #bi4 {
      color: red;
    }

    #bi4:hover {
      background-color: red;
      color: white;
      transition: all 0.5s ease;
      border-radius: 5px;
    }

    #bi5 {
      color: rgb(41, 149, 216);
    }

    #bi5:hover {
      background-color: rgb(41, 149, 216);
      color: white;
      transition: all 0.5s ease;
      border-radius: 5px;
    }

    #bi6 {
      color: black;
    }

    #bi6:hover {
      background-color: black;
      color: white;
      transition: all 0.5s ease;
      border-radius: 5px;
    }

/*términos y condiciones*/
#docs {
  color: black;
  text-decoration: none;
}

#docs:hover {
  color:rgb(28,193,80);
  transition: all 0.5s ease;
}