.modal-left .modal-content {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  border-radius: 0;
  background: #24262d;
 }
.modal-left .modal-dialog {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 360px;
  max-width: 100%;
  margin: 0;
  -webkit-transform: translate(-100%, 0) !important;
  transform: translate(-100%, 0) !important;
  -webkit-transition: .5s;
  transition: .5s; }
.modal-left.show .modal-dialog {
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important; }

.center-modal {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .4s;
  transition: .4s; }
  .center-modal.show {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .center-modal .modal-dialog {
    margin: 0;
    width: 100%;
    position: absolute;
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%) !important;
    transform: translate(-50%, 50%) !important; }

.modal-fill {
  background: rgba(255, 255, 255, 0.97);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: .4s;
  transition: .4s; }
  .modal-fill.show {
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: .4s;
    transition: .4s; }
  .modal-fill .modal-dialog {
    display: -webkit-box;
    display: flex;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    align-content: center;
    -webkit-box-align: center;
    align-items: center; }
  .modal-fill .modal-content {
    background: rgba(255, 255, 255, 0.97);
    width: 100%;
    max-width: 600px;
    box-shadow: none; }
  .modal-fill .modal-header {
    border-bottom: none; }
    .modal-fill .modal-header .close {
      position: fixed;
      top: 0;
      right: 0;
      padding: 20px;
      font-size: 2.5714285714rem;
      font-weight: 300; }
  .modal-fill .modal-footer {
    border: none; }

.modal {
  background: rgba(0, 0, 0, 0.3); 
  backdrop-filter: blur(10px); }
  .modal.modal-fill {
    background: rgba(255, 255, 255, 0.97); }
  .modal .panel-body {
    color: #172b4c; }

.modal-right.show .modal-dialog {
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important; }
.modal-right .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 360px;
  max-width: 100%;
  margin: 0;
  -webkit-transform: translate(100%, 0) !important;
  transform: translate(100%, 0) !important;
  -webkit-transition: .5s;
  transition: .5s; }
.modal-right .modal-content {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  border-radius: 0; }

.modal-content {
  border-radius: 0;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  background: #24262d;
  border: 0; }

@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); } }
.modal-header {
  border-bottom-color: #f3f6f9; }

.modal-footer {
  border-top-color: #f3f6f9;
  display: inline-block; }

.model_img {
  cursor: pointer; }