@import url("https://fonts.googleapis.com/css?family=Martel+Sans:200,300,400,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Signika:300,400,600,700&subset=latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600&display=swap");
#AgentModal .modal-header {
  border: none;
  padding: 10px 20px; }
#AgentModal .close {
  opacity: 1; }
  #AgentModal .close span {
    font-size: 34px;
    color: #6B8BB8; }
#AgentModal .modal-body {
  padding: 8px 80px 80px; }
#AgentModal .agent-image .field-content {
  width: 214px;
  height: 214px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  box-shadow: 4px 4px 20px 0 rgba(107, 139, 184, 0.2); }
#AgentModal .agent-image img {
  height: 214px;
  width: auto;
  max-width: unset; }
#AgentModal .agent-name {
  color: #3B5598;
  font-family: "Martel Sans", Fallback, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
  margin: 40px auto 10px; }
#AgentModal .agent-info {
  color: #131F3D;
  font-family: "Signika", Fallback, sans-serif;
  font-size: 16px;
  line-height: 20px; }

@media only screen and (max-width: 576px) {
  #AgentModal .modal-body {
    padding: 10px 30px 80px; }
  #AgentModal .agent-name {
    font-size: 18px;
    line-height: 33px; }
  #AgentModal .agent-image .field-content {
    width: 136px;
    height: 136px;
    margin: auto; }
  #AgentModal .agent-image img {
    height: 100%; } }

/*# sourceMappingURL=agent-modal.css.map */