.b-modal {
  position: fixed;
  opacity: 1;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 1000; }
  .b-modal *, .b-modal *:after, .b-modal *:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .b-modal-open {
    overflow: hidden; }
    .b-modal-open .b-modal {
      overflow-x: hidden;
      overflow-y: auto; }
  .b-modal-hide {
    display: none; }
  .b-modal--overlay {
    background-color: rgba(35, 31, 32, 0.2); }
  .b-modal__container {
    display: table;
    width: 100%;
    height: 100%; }
  .b-modal__wrapper {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 30px 24px;
    text-align: center; }
  .b-modal__preloader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 50; }
  .b-modal__preloader-icon {
    width: 60px;
    height: 60px; }
    .b-modal__preloader-icon svg {
      width: 100%;
      height: 100%;
      fill: #fff; }
      .b-modal__preloader-icon svg path {
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite; }
        .b-modal__preloader-icon svg path:nth-child(1) {
          -webkit-animation-name: rotate360;
          animation-name: rotate360;
          -webkit-animation-duration: 2s;
          animation-duration: 2s; }
        .b-modal__preloader-icon svg path:nth-child(2) {
          -webkit-animation-name: rotate360Reverse;
          animation-name: rotate360Reverse;
          -webkit-animation-duration: 1s;
          animation-duration: 1s; }
        .b-modal__preloader-icon svg path:nth-child(3) {
          -webkit-animation-name: rotate360;
          animation-name: rotate360;
          -webkit-animation-duration: 2s;
          animation-duration: 2s; }
  .b-modal__dialog {
    z-index: 75;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 524px; }

@media screen and (max-width: 568px) {
  .b-modal__wrapper {
    padding-left: 16px;
    padding-right: 16px; } }

@-webkit-keyframes rotate360 {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate360 {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes rotate360Reverse {
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes rotate360Reverse {
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

.modal-fade-enter, .modal-fade-leave-to {
  opacity: 0; }

.modal-fade-enter-active, .modal-fade-leave-active {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.modal-zoom-out-enter, .modal-zoom-out-leave-to {
  opacity: 0;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3); }

.modal-zoom-out-enter-to, .modal-zoom-out-leave {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.modal-zoom-out-enter-active, .modal-zoom-out-leave-active {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.modal-zoom-in-enter, .modal-zoom-in-leave-to {
  opacity: 0;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7); }

.modal-zoom-in-enter-to, .modal-zoom-in-leave {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.modal-zoom-in-enter-active, .modal-zoom-in-leave-active {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }