.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.bio_modal.fade.in {
  opacity: 1;
  transition: all 0.5s ease 0.5s;
}
.bio_modal.fade {
  opacity: 0;
  background: transparent;
  transition: all 0.5s ease 0.5s;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.fade.in {
  opacity: 1;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.bio_modal.fade.in .modal-dialog {
  background: #1a2c52;
  transition: all 0.5s ease 0.5s;
}
.bio_modal.active {
  display: block;
}
.bio_modal.fade.in .modal-dialog {
  background: #1a2c52;
  transition: all 0.5s ease 0.5s;
}
.modal.fade .modal-dialog {
  transform: translate(0, 0) !important;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.bio_modal .modal_main .outer_main {
  position: relative;
  margin: 0px;
  padding: 0;
}
.bio_modal .modal_main .form_left {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 1.5rem;
}
.bio_modal .modal_main .form_right {
  width: 100%;
  position: relative;
  padding: 3rem 1.5rem;
}
.bio_modal .modal_main .form_left_inner {
  width: 100%;
  position: relative;
  padding: 15rem 15px 0;
}
.bio_modal.fade.in .modal_main .logo {
  opacity: 1;
  left: 0;
  transition: all 1s ease 1s;
}
.bio_modal .modal_main .logo {
  position: absolute;
  top: 3rem !important;
  left: 3rem !important;
  z-index: 1;
}
img.visible-xs {
  display: none;
}
.bio_modal.fade .modal_main .close_bio {
  opacity: 0;
  transition: all 1.2s ease 2.0s;
}

.bio_modal .modal_main .form_left .close_bio {
  right: 1.5rem !important;
}
.bio_modal.fade.in .modal_main .close_bio {
  opacity: 1;
  transition: all 1.2s ease 2.0s;
}
.bio_modal.fade.in .modal_main a {
  opacity: 1;
  transition: all 1.2s ease 1.8s;
}
.bio_modal .modal_main .close_bio a {
  font-size: 1rem;
  color: #E6E6D9;
  text-decoration: none;
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
}
.bio_modal .modal_main .close_bio span.top {
  top: 12px;
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bio_modal .modal_main .close_bio span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 6px;
  background: #E6E6D9;
}
.bio_modal .modal_main .close_bio span.bottom {
  bottom: 12px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.bio_modal .modal_main .close_bio span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 6px;
  background: #E6E6D9;
}
.bio_modal.fade.in .modal_main h3 {
  opacity: 1;
  transition: all 1.2s ease 1.0s;
}
.bio_modal .modal_main h3 span {
  color: #6BC92C;
}
.bio_modal .modal_main .form_right .outer_block {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.bio_modal.fade.in .modal_main .form_right .inner_block {
  opacity: 1;
  transition: all 1.2s ease 1.3s;
}
.bio_modal .modal_main .form_right .inner_block {
  width: 100%;
  padding: 0 1.5rem;
}
.bio_modal .modal_main .form_right .inner_block {
  opacity: 0;
  transition: all 1.2s ease 1.3s;
}
.close_bio.visible-xs.visible-sm {
  display: none;
}
.contact_form form {
  padding: 0;
  background-color: transparent;
}
.contact_form span.hs-form-required {color: #fff;padding-left: 4px;}

.contact_form form .hs-button.primary {margin: 40px 0 1px;line-height: 54px;display: block;cursor: pointer;}

.contact_form textarea {min-height: 100px;display: block;}
::-webkit-input-placeholder {
  color: #5f6b85;
}
.bio_modal .modal_main .form_right .inner_block {
  opacity: 0;
  transition: all 1.2s ease 1.3s;
}
.bio_modal .modal_main h3 {
  font-family: 'Noto Serif', serif;
  font-size: 4rem;
  color: #E6E6D9;
  line-height: 1.4;
  margin: 0;
}
.bio_modal .modal_main {
  padding: 0;
  margin: 0px;
}
.bio_modal .modal_main .close_bio {
  position: absolute;
  top: 4rem;
  right: 3rem;
  z-index: 1;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .bio_modal .modal-dialog {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .bio_modal {
    width: 100%;
    height: 100%;
    padding: 0px !important;
  }
  .bio_modal.fade.in .modal-dialog {
    background: #1a2c52;
    transition: all 0.5s ease 0.5s;
  }
  .bio_modal.fade.in .modal-dialog {
    background: #1a2c52;
    transition: all 0.5s ease 0.5s;
  }
  .bio_modal .modal_main {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0px;
  }
  .bio_modal .modal_main .outer_main {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
  }
  .bio_modal .modal_main .form_left {
    width: 970px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    padding: 0;
  }
  .bio_modal .modal_main .form_right {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    margin: 0px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 5rem 4rem 5rem;
  }
  .bio_modal .modal_main .form_left_inner {
    width: 25%;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 20rem 15px 0;
  }
  .bio_modal .modal_main .form_left .logo {
    left: 15px !important;
  }
  .bio_modal .modal_main .close_bio a {
    color: #E6E6D9;
  }
  .bio_modal .modal_main h3 {
    font-family: 'Noto Serif', serif;
    font-size: 4rem;
    color: #E6E6D9;
    line-height: 1.4;
    margin: 0;
  }
  .bio_modal .modal_main .form_right .outer_block {
    width: 970px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0px;
    padding: 0px;
  }
  .bio_modal .modal_main .form_right .inner_block {
    width: calc(970px - 50%);
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0px;
    padding: 20rem 1.5rem 5rem;
  }
}
@media (min-width: 1200px) {
  .bio_modal .modal_main .form_left {
    width: 1170px;
  }
  .bio_modal .modal_main .form_right {
    padding: 5rem 10rem 5rem;
  }
  .bio_modal .modal_main .form_left_inner {
    width: 25%;
    padding: 20rem 15px 0;
  }
  .bio_modal .modal_main .close_bio {
    position: relative;
    top: inherit;
    right: inherit;
  }
  .bio_modal .modal_main .close_bio {
    position: relative;
    text-align: right;
    margin-bottom: 5rem;
  }
  .bio_modal .modal_main .form_right .outer_block {
    width: 1170px;
  }
  .bio_modal .modal_main .form_right .inner_block {
    width: calc(1170px - 50%);
    padding: 20rem 1.5rem 5rem;
  }
}

@media (min-width: 1366px) {
  .bio_modal .modal_main .form_left {
    width: 1270px;
  }
  .bio_modal .modal_main .form_right {
    padding: 5rem 10rem 5rem;
  }
  .bio_modal .modal_main .form_left_inner {
    width: 25%;
    padding: 20rem 15px 0;
  }
  .bio_modal .modal_main .close_bio {
    margin-bottom: 5rem;
  }
  .bio_modal .modal_main .form_right .outer_block {
    width: 1270px;
  }
  .bio_modal .modal_main .form_right .inner_block {
    width: calc(1270px - 50%);
    padding: 20rem 1.5rem 5rem;
  }
}
@media (min-width: 1440px) {
  .bio_modal .modal_main .logo {
    top: 4rem !important;
    left: 10rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  .bio_modal .modal_main .form_left .logo {
    left: 1.5rem !important;
  }
}
@media screen and (max-width: 991px) {
  .bio_modal.fade.in .modal-dialog {
    min-height: 100%;
  }
}
.modal {
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .close_bio.visible-xs.visible-sm {
    display: block;
  }
  .close_bio.hidden-xs.hidden-sm {
    display: none;
  }
  img.hidden-xs {display: none;}

  img.visible-xs {display: block;}

  .bio_modal .modal_main .logo {left: 1.5rem !important;}
  
  .contact_form form .hs-button.primary {
    margin: 40px auto 1px;
  }
}