.form-question{
  width: 420px;
  margin: 0 auto;
  background: #9cb3e1;
  border-radius: 4px;
  color: #ffffff;
  .caption{
    text-align: center;
    padding-top: 20px;
  }
  input[type="text"]::-webkit-input-placeholder {
    color: #fff;
  }
  textarea::-webkit-input-placeholder{
    color: #fff;
  }
  input[type="text"]:-moz-placeholder, textarea:-moz-placeholder {
    color: #fff;
  }
  input[type="text"]::-moz-placeholder, textarea::-moz-placeholder {
    color: #fff;
  }
  input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #fff;
  }
  input[type="text"]::-moz-placeholder {
    color: #fff;
  }
  textarea::-moz-placeholder {
    color: #fff;
  }
  .orderCallModalField{
    font-size: 18px;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 2px solid #ffffff;
    color: #ffffff;

  }
  .submit-button{
    width: 155px;
    margin: 10px auto;
    display: block;
    text-decoration: none;
  }
}
.form-group{
  margin: 15px 10px;
}
.fields{
  padding: 10px;
}
textarea.form-control{
  min-height: 70px;
  max-height: 100px;
  min-width: 100%;
  max-width: 100%;
}
div.mfp-bg{

    background-color: #666e8d;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiM4YzdhNzgiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzNmNjFhMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(140, 122, 120)),color-stop(1, rgb(63, 97, 162)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top left,rgb(140, 122, 120) 0%,rgb(63, 97, 162) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom right,rgb(140, 122, 120) 0%,rgb(63, 97, 162) 100%);
    background-image: -ms-repeating-linear-gradient(top left,rgb(140, 122, 120) 0%,rgb(63, 97, 162) 100%);
    opacity: 0.9;



}
/* IE8- CSS hack */
@media screen,screen {
  .mfp-bg {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8c7a78",endColorstr="#ff3f61a2",GradientType=0);
  }
}
button.mfp-close {
  background: url(./img/closeF.svg) no-repeat;
  background-size: 100%;
  width: 30px;
  height: 30px;
  right: 5px;
  top: 18px;
 // padding: 0 0 18px 10px;
  color: #FFF;
  &:active{
    top: 18px;
  }
}
.mfp-close-btn-in .mfp-close {
  color: rgba(255, 255, 255, 0);
}
div.mfp-figure{
  button.mfp-close {
    padding-right: 0;
    right: 0;
    top: 40px;
  }
}