/* This CSS is for the popup modal that appears on the homepage */

/* popup modal load position on the page */
.modal2 {
   position: absolute;
  
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 10040;
   overflow: auto;
   overflow-y: auto;
}

.modal-dialog2 {
  width: 500px !important;
  top: 120px !important;
  
}

.modal-dialog3 {
  width: 670px !important;
  top: 80px !important;
  
  
}


.modal-content2 {
    background: white !important;
}

.modal2.modal-wide2 .modal-dialog2 {
  width: 300px !important;
}

.modal-wide2 .modal-body2 {
  overflow-y: auto;
}

.modal3.modal-wide3 .modal-dialog3 {
  width: 700px !important;
}

.modal-wide3 .modal-body3 {
  overflow-y: auto;
}


.modal-body2 {
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-size: 17px;
}

.boldtext2 {
    font-weight: bold;
    font-size: 20px;
}
.modal-footer2 {
  padding: 5px;
  /* border-top: 1px solid #999 !important; */
}


.modal-header2 {
  font-size: 18px !important;
  font-weight: bold; 
  font-family: Verdana, sans-serif;
  color: black !important;
}

.modal-header3 {
    min-height: 16.43px;
    padding: 15px;
    padding-bottom: 2px;
    border-bottom: 1px solid #e5e5e5;
}



.signature2 {
  font-size: 28px; 
  font-weight: bold; 
  font-family: Brush Script MT, cursive;
}

body2 { 
  text-align: center; 
}

body2 p { 
  max-width: 400px; 
  margin: 10px auto; 
  font-family: Tahoma, sans-serif;
}

#popup1 .modal-body2 p { 
    margin-bottom: 0px; 
}

#popup2 .modal-body2 p { 
    margin-bottom: 0px; 
}

button2.close2:hover {
    color: red;
    opacity: 0.8;
}

.modal-backdrop2 {
    opacity:0.1 !important;
}

button2.close2 {
    color: black;
    opacity: 0.8;
    font-size: 25px;