body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

p {
  color: #252525;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a, a:hover {
    text-decoration: none !important; }

.content {
  height: 100vh; }


.modal {
  border-radius: 7px;
  overflow: hidden;
  background-color: transparent; }
  .modal a {
    color: #fff; }
  .modal .logo a img {
    width: 100px; }
  .modal .modal-content {
    background-color: transparent;
    border: none;
    border-radius: 7px; }
    .modal .modal-content .modal-body {
      border-radius: 7px;
      overflow: hidden;
      color: #fff;
      padding-left: 0px;
      padding-right: 0px;
      -webkit-box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
      box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9); }
      .modal .modal-content .modal-body.overlay {
        position: relative; }
        .modal .modal-content .modal-body.overlay:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5); }
        .modal .modal-content .modal-body.overlay .to-front {
          z-index: 2;
          position: relative; }
      .modal .modal-content .modal-body h2 {
        font-size: 18px; }
      .modal .modal-content .modal-body p {
        color: #fff; }
      .modal .modal-content .modal-body h3 {
        color: #fff;
        font-size: 22px; }
      .modal .modal-content .modal-body .close-btn {
        color: #fff; }
      .modal .modal-content .modal-body .line {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding-bottom: 10px; }
  .modal .cancel a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    font-weight: bold; }
    .modal .cancel a:hover {
      color: #fff; }

.form-control {
  border: transparent; }
  .form-control:active, .form-control:focus, .form-control:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.btn {
  border-radius: 4px;
  border: none; }
  .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
.abi {
    max-width:100%;
    height:auto;
}