/* Start Popup CSS */

/* The Modal (background)  */
.formpopup .modal {
  display: none; 
  position: fixed; 
  z-index: 999; 
  padding-top: 90px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto;
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4);
}

/* / Modal Content / */
.formpopup .modal-content {
  margin: auto;
  padding: 0px;
  border: 1px solid #888;
  width: 800px;
}

.popup-form-sec {
  padding: 20px 13px 20px 20px;
}

.formpopup .close:hover,
.formpopup .close:focus {
  text-decoration: none;
  cursor: pointer;
}

/* / End Popup CSS / */

.popup-form-sec .hs-error-msg.hs-main-font-element {
  color: #ef6b51;
  margin: 2px 0;
}

.popup-form-sec .no-list.hs-error-msgs.inputs-list li {
  margin: 5px 0;
}

.popup-form-sec input[type=checkbox].hs-input {
  height: 18px!important;
  width: 18px!important;
  margin: 4px 0;
}

.popup-form-sec .hs_submit.hs-submit {
  text-align: center;
  margin-top: 40px ;
}

.popup-form-sec .hs_lastname .input {
  margin-right: 0px !important;
}

.popup-form-sec .form-columns-3 .hs-fieldtype-select.hs-form-field {
  width: 33.4% ;
  float: left;
}


/* .formpopup h3.text-center {
background: #004990;
color: #000;
margin: 0 0 20px;
font-weight: 500;
text-align: left !important;
padding: 10px 20px;
border-radius: 4px 4px 0 0;
} */
.formpopup {
  font-size: 14px;
}
.formpopup select.form-control, .formpopup select.hs-input {
  height: 40px!important;
  font-size: 14px;
}
.formpopup .close {
  border-radius: 50% !important;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  height: 30px;
  line-height: 1.3;
  position: absolute;
  right: 30px;
  text-align: center;
  top: 30px;
  justify-content: center;
  align-items: center;
  width: 30px;
}

.formpopup .popup-form-sec .submitted-message {
  padding: 0 0 20px!important;
  text-align: center!important;
  font-size: 20px;
}

@media only screen and (min-width:991px) and (max-width:1400px){
  .formpopup .modal-content {
    width: 600px!important;
  }
  .popup-form-sec .hs_submit.hs-submit {
    margin-top: 15px!important;
    text-align: center;
  }
}

@media only screen and (max-width:1199px){
  .formpopup .close {
    /     top: 8px; /
  }
}

@media screen and (max-width: 991px){
  .formpopup .modal-content {
    margin: auto;
    padding: 20px;
    width: 97%!important;
  }

  #myModalform .modal-title {
    margin-bottom: 0;
    line-height: 1;
    padding: 0;
  }
}

@media screen and (max-width: 768px){
  .popup-form-sec input, .popup-form-sec .hs-input {
    width: 100% !important;
  }
  .popup-form-sec .hs_submit.hs-submit {
    margin-top: 20px!important;
  }

  .popup-form-sec input, .popup-form-sec .hs-input {
    width: 100% !important;
  }
  .popup-form-sec .hs_lastname .input .hs-input {
    margin-right: 0px!important;
  }
  .popup-form-sec {
    padding: 20px!important;
  }
  .popup-form-sec input.hs-button.primary.large {
    width: auto !important;
  }
}

@media only screen and (max-width:480px){
  .popup-form-sec .form-columns-3 .hs-fieldtype-select.hs-form-field {
    width: 100% !important;
  }
  .popup-form-sec .form-columns-3 .input, .popup-form-sec .form-columns-2 .input, .popup-form-sec .form-columns-1 .input  {
    margin-right: 0px!important;
  }
}
#myModalform .modal-header{padding: 0 1rem;}
#myModalform .form-title{display:none;}

.modal-title {
  margin-bottom: 0;
  line-height: 1;
  padding: 0;
  margin-top: 15px;
}