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: #b3b3b3;
  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: 40px; }
  .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;
}

input[type="text"] {
	 box-sizing: border-box;
	 width: 100%;
	 height: calc(3em + 2px);
	 margin: 0 0 1em;
	 padding: 1em;
	 border: 1px solid #ccc;
	 border-radius: 1.5em;
	 background: #fff;
	 color: #cba153;
	 resize: none;
	 outline: none;
}
 input[type="text"][required]:focus {
	 border-color: #00bafa;
}
 input[type="text"][required]:focus + label[placeholder]:before {
	 color: #00bafa;
}
 input[type="text"][required]:focus + label[placeholder]:before, input[type="text"][required]:valid + label[placeholder]:before {
	 transition-duration: .2s;
	 transform: translate(0,-1.5em) scale(.9,.9);
}
 input[type="text"][required]:invalid + label[placeholder][alt]:before {
	 content: attr(alt);
}
 input[type="text"][required] + label[placeholder] {
	 display: block;
	 pointer-events: none;
	 line-height: 1.25em;
	 margin-top: calc(-3em - 2px);
	 margin-bottom: calc((3em - 1em) + 2px);
}
 input[type="text"][required] + label[placeholder]:before {
	 content: attr(placeholder);
	 display: inline-block;
	 margin: 0 calc(1em + 2px);
	 padding: 0 2px;
	 color: #898989;
	 white-space: nowrap;
	 transition: .3s ease-in-out;
	 background-image: linear-gradient(to bottom,#fff,#fff);
	 background-size: 100% 5px;
	 background-repeat: no-repeat;
	 background-position: center;
}
 html {
	 height: 100%;
}