/*--------------------------------------------------------------
  # Sections General
  --------------------------------------------------------------*/
  section {
    padding: 60px 0;
    overflow: hidden;
}

.section-title {
    padding-bottom: 40px;
}

.section-title h2 {
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    line-height: 1px;
    margin: 0 0 5px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #aaaaaa;
    font-family: "Poppins", sans-serif;
}

.section-title h2::after {
    content: "";
    width: 120px;
    height: 1px;
    display: inline-block;
    background: #05386B;
    margin: 4px 10px;
}

.section-title p {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    color: #05386B;
  
}

a.button {
  -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  display: block;
  margin: 20px auto;
  text-decoration: none;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 1.2rem;
  text-align: center;
  width: 80%;
}


a.button {
  color: #05386B;
  box-shadow: #05386B 0 0px 0px 1px inset;
}

a.button:hover {
  color: rgba(255, 255, 255, 0.85);
  box-shadow: #f2a30f 0 0px 0px 40px inset;
}

a.button2 {
  color: rgba(30, 22, 54, 0.6);
  box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
}

a.button2:hover {
  color: rgba(255, 255, 255, 0.85);
  box-shadow: rgba(30, 22, 54, 0.7) 0 80px 0px 2px inset;
}

a.buttonactive {
  color: rgba(255, 255, 255, 0.85);
  box-shadow: #f2a30f 0 0px 0px 40px inset;
}

/* ----------------------------------------------------- */

.container.dir-details{
    background-color: #e9e9e99a;
    padding: 20px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
   
   }
   
   section.dir-contract img{
     width: 250px;
   }
   
   section.dir-contract .dir-details label{
     font-size: 18px;
     font-weight: 600;
     color: #05386B;
   }
   
   section.dir-contract .dir-details .vendor-list{
     text-align: center;
   }
   
   section.dir-contract .dir-details .vendor-info a{
     text-align: center;
     color: rgba(242, 163, 15, 1);
     font-weight: 600;
   }
   
   section.dir-contract .dir-details .vendor-info{
     text-align: center;
   }
   
   section.dir-contract .dir-details .dir-heading{
     font-weight: 600;
     color: #117dbf;
     font-size: 25px;
   }

   @media only screen and (max-width: 991.86px) {

    section.dir-contract .dir-details .dir-heading{
       margin-top: 30px;
      }
   }
   
   section.dir-contract .dir-details .vendor-contact p{
     text-align: center;
     font-weight: 600;
   }
   
   section.dir-contract .dir-details .vendor-contact span{
     color: #05386B;
   }
   
   section.dir-contract .dir-details .dir-contact p{
     text-align: center;
     font-weight: 600;
   }
   
   section.dir-contract .dir-details .dir-contact span{
     color: #05386B;
   }

   .dir-contract-options{
    margin-top: -50px !important;
   }
   
   
   /* dir contract options */

   .p-and-s{
    display: none;
   }
   .c-codes{
    display: none;
   }
    .brands{
        display: none;
    }
    .contract-documents{
        display: none;
    }
    .how-to-order{
        display: none;
    }
    .resellers{
        display: none;
    }
    .cooperative-contracts{
        display: none;
    }

    .p-and-s.display{
        display: inline;
       }
       .c-codes.display{
        display: inline;
       }
        .brands.display{
            display: inline;
        }
        .contract-documents.display{
            display: inline;
        }
        .how-to-order.display{
            display: inline;
        }
        .resellers.display{
            display: inline;
        }
        .cooperative-contracts.display{
            display: inline;
        }
        .button{
            cursor: pointer;
          }

/*--------------------------------------------------------------
    # Contact Overview
--------------------------------------------------------------*/
    .contract-overview-title h3{
        font-size: 35px;
        font-weight: 800;
        color: #05386B;
    }

    .contract-overview p{
        font-size: 18px;
        color: #05386B;
        text-align: justify;
    }

    .contract-number h3{
      text-align: left;
      font-weight: 800;
      color: #878787;
    }

    .contract-number h3 a{
      text-align: left;
      font-weight: 800;
      color: #05386B;
      text-decoration: underline;
    }