@charset "UTF-8";

.page-content {
  z-index: inherit;
}

.modal-form-wrap iframe {
  width: 100%;
}

#requestPardotModal .modal-dialog, 
#requestPardotModalGrad .modal-dialog,
#requestPardotModalDE .modal-dialog {
  max-width: 992px;
}

#requestPardotModal .modal-body,
#requestPardotModalDE .modal-body, 
#requestPardotModalGrad .modal-body {
  border-radius: 0;
  padding: 0;
}

#requestPardotModal.modal .close, 
#requestPardotModalGrad.modal .close, 
#requestPardotModalDE.modal .close {
  padding: 10px 15px;
  font-size: 1.75rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.modal-bg-photo {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.modal-bg-photo-wrap {
  padding: 0;
}

.img-quote {
  position: absolute;
  bottom: 0;
  padding: 20px;
  color: white;
  background: #00568d;
  background: -moz-linear-gradient(45deg, rgba(0, 93, 170, 1) 0%, rgba(50, 163, 220, 0.7) 100%);
  background: -webkit-linear-gradient(45deg, rgba(0, 93, 170, 1) 0%, rgba(50, 163, 220, 0.7) 100%);
  background: linear-gradient(45deg, rgba(0, 93, 170, 1) 0%, rgba(50, 163, 220, 0.7) 100%);
}

.modal-form-wrap .close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 30px;
  padding: 10px 14px;
}

/* #requestPardotModal .modal-dialog iframe {
  height: 970px;
} */

/* Extra small devices (portrait phones, 576px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* @media (min-width: 400px) {}

@media (min-width: 576px) {} */

/* Small devices (landscape phones, 768px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* @media (min-width: 768px) {
   #requestPardotModal .modal-dialog, #requestPardotModalDE .modal-dialog {
    width: 700px;
  }
  #requestPardotModal .modal-dialog iframe {
    height: 1010px;
  }
 .modal-form-wrap {
   padding: 50px;
 } 
}*/

/* Medium devices (tablets, 992px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* @media (min-width: 992px) {
   #requestPardotModal .modal-dialog, #requestPardotModalDE .modal-dialog {
    width: 900px;
  }
  #requestPardotModal .modal-dialog iframe {
    height: 675px;
  } 
}*/

/* Large devices (desktops, 1200px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* @media (min-width: 1200px) {} */

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */