@font-face {
  font-family: Museo sans cyrl;
  src: local("Museo sans cyrl"), local("Museo Sans Cyrillic"), url(../fonts/MuseoSansCyrl_100.otf);
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: Museo sans cyrl;
  src: local("Museo sans cyrl"), local("Museo Sans Cyrillic"), url(../fonts/MuseoSansCyrl_300.otf);
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: Museo sans cyrl;
  src: local("Museo sans cyrl"), local("Museo Sans Cyrillic"), url(../fonts/MuseoSansCyrl_500.otf);
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: Museo sans cyrl;
  src: local("Museo sans cyrl"), local("Museo Sans Cyrillic"), url(../fonts/MuseoSansCyrl_700.otf);
  font-weight: 700;
  font-style: normal; }

.embeddable-modal-form {
  font-family: Museo sans cyrl;
  font-weight: 300;
  height: 100%;
  padding: 15px; }
  .embeddable-modal-form .modal-dialog {
    margin: 0; }
    .embeddable-modal-form .modal-dialog .modal-content {
      border: none; }
      .embeddable-modal-form .modal-dialog .modal-content .modal-header {
        min-height: 200px;
        border: none;
        background-image: url("../img/embeddable-modal-form-header.svg");
        background-size: cover;
        background-repeat: no-repeat; }
        .embeddable-modal-form .modal-dialog .modal-content .modal-header .close {
          position: absolute;
          right: -35px;
          top: -25px;
          opacity: 1;
          padding: 0;
          margin: 0;
          height: 18px;
          width: 18px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .embeddable-modal-form .modal-dialog .modal-content .modal-header .close:focus {
            outline: none; }
      .embeddable-modal-form .modal-dialog .modal-content .modal-body {
        padding: 15px 30px; }
        .embeddable-modal-form .modal-dialog .modal-content .modal-body h3 {
          font-size: 20px;
          color: #1f2c3a;
          margin: 20px 0; }
        .embeddable-modal-form .modal-dialog .modal-content .modal-body p {
          font-size: 14px;
          color: #696969; }
        .embeddable-modal-form .modal-dialog .modal-content .modal-body .btns-area {
          border: none;
          display: flex;
          justify-content: space-evenly;
          margin: 0 -10px;
          padding-bottom: 30px; }
        .embeddable-modal-form .modal-dialog .modal-content .modal-body .form-group-alert .form-control {
          border: 1px solid #d0021b; }
        .embeddable-modal-form .modal-dialog .modal-content .modal-body .input-group .form-control {
          border-radius: 4px; }
          .embeddable-modal-form .modal-dialog .modal-content .modal-body .input-group .btn-search {
            position: absolute;
            right: 0;
            height: 35px;
            width: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 3; }
            .embeddable-modal-form .modal-dialog .modal-content .modal-body .input-group .btn-search svg {
              fill: #7b7b7b; }
        .embeddable-modal-form .modal-dialog .modal-content .modal-body .form-control {
          font-size: 14px;
          min-height: 35px;
          transition: 0.2s;
          font-weight: 300; }
          .embeddable-modal-form .modal-dialog .modal-content .modal-body .form-control::placeholder {
            transition: 0.2s; }
          .embeddable-modal-form .modal-dialog .modal-content .modal-body .form-control:focus {
            box-shadow: none;
            border-color: #ef6425; }
            .embeddable-modal-form .modal-dialog .modal-content .modal-body .form-control:focus::placeholder {
              opacity: 0; }
        .embeddable-modal-form .modal-dialog .modal-content .modal-body .error, .embeddable-modal-form .modal-dialog .modal-content .modal-body .text-error {
          display: block;
          color: #d0021b;
          margin-top: 3px;
          padding: 0 10px;
          font-size: 12px;
          width: 100%; }
        .embeddable-modal-form .modal-dialog .modal-content .modal-body .success {
          color: #44bb47;
          display: block;
          margin-top: 3px;
          padding: 0 10px;
          font-size: 12px;
          width: 100%; }
        .embeddable-modal-form .modal-dialog .modal-content .modal-body label {
          font-size: 14px;
          color: #7c838c;
          font-weight: 300; }
      .embeddable-modal-form .modal-dialog .modal-content .modal-footer {
        border: none;
        display: flex;
        justify-content: center;
        padding: 15px 15px 43px; }
      .embeddable-modal-form .modal-dialog .modal-content .btn-primary {
        background-color: #ef6425;
        color: #f8f8f8;
        font-size: 16px;
        border-radius: 4px;
        border: 1px solid #ef6425;
        max-width: 140px;
        width: 100%;
        margin: 10px;
        padding: 9px 15px 10px;
        transition: 0.2s; }
        .embeddable-modal-form .modal-dialog .modal-content .btn-primary:focus {
          outline: none;
          box-shadow: none; }
        .embeddable-modal-form .modal-dialog .modal-content .btn-primary:hover {
          background-color: #fff;
          color: #ef6425;
          border-color: #ef6425; }
        .embeddable-modal-form .modal-dialog .modal-content .btn-primary:not(:disabled):not(.disabled):active:focus {
          outline: none;
          box-shadow: none;
          background-color: #fff;
          color: #ef6425;
          border-color: #ef6425; }
        .embeddable-modal-form .modal-dialog .modal-content .btn-primary.btn-inverse {
          background-color: #fff;
          color: #ef6425;
          border-color: #ef6425; }
          .embeddable-modal-form .modal-dialog .modal-content .btn-primary.btn-inverse:hover {
            background-color: #ef6425;
            color: #f8f8f8; }
    @media screen and (min-width: 480px) {
  .embeddable-modal-form .modal-dialog {
    max-width: 380px;
    margin: 15px auto; } }
    @media screen and (max-width: 479.9px) {
  .embeddable-modal-form .modal-dialog .modal-content .modal-header .close {
    right: 10px;
    top: 8px; } }