.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:9998;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:9999;max-width:700px;min-height: 200px;box-sizing:border-box;width:100%;background:#fff;padding:15px 5px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:2px;right:8px;display:block;text-decoration:none;/*width:30px;height:30px;/*text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(../img/modal_close.png);*/}a.close-modal:before{/*font: 900 20px "Font Awesome 5 Free";color:red;content:"\f00d";*/}a.close-modal i{font: 900 24px icomoon; color: red;}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}


/* Modals special modifications*/

.modal-header {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: start;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal .modal-title {
  line-height: 1;
  margin-bottom: 10px;
  font-family: 'Play', sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #000000;
  /* text-decoration: underline; */
  text-decoration-color: #bd0000;
}

#askedProductName {
  font: 700 22px 'Play';
  /* color: #bd0000; */
  /* padding-left: 10px; */
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-form .form-group {
  padding-bottom: 20px;
}
.modal-form label {
  /* color: #bd0000; */
}
.modal-form input, .modal-form textarea {
  border: 1px solid #000000 !important;
  border-radius: 0;
  resize: none;
}
.modal .form-control {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 50px;
  padding: 0px 5px;
  font-family: 'Play', sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 18px * 25/1000;
  border: none;
  background: transparent;
  border-bottom: 1px solid #c1c1c1;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0px;
}
.modal-form input, .modal-form textarea {
  border: 1px solid #000000 !important;
  border-radius: 0;
  resize: none;
}
.modal small {
  font-size: 80%;
}
.modal .btn-animated {
  position: relative;
  overflow: hidden;
  z-index: 1;
  border: 1px solid #a51111;
  display: block;
  width: 100%;
  text-align: center;
  font-family: 'Play', sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 36px;
  background-color: #a51111;
  color: #ffffff;
  padding: 7px 10px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: 0;
  cursor: pointer;
}