/*
Pure CSS modal box
Author: Jorge Chavez
Github: http://github.com/jorgechavz
*/
.modal .checkbox {
  display: none;
}

/* Gray background */
.modal .modal-overlay {
  opacity: 0;
  transition: all 0.4s ease;
  width: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  -webkit-transform: scale(1);
  transform: scale(1);
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
}

/* Box */
.modal .modal-wrap {
  background-color: white;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  padding: 40px 50px;
  width: 60%;
  margin: 20px auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-radius: 2px;
  transition: all 0.5s ease;
}

.modal .modal-wrap.small {
  width: 30%;
}

.modal .modal-wrap.full {
  width: 100%;
  height: 100%;
}

.modal .modal-wrap.a-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.modal .modal-wrap.from-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal .modal-wrap.from-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal .modal-wrap.from-top {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.modal .modal-wrap.from-bottom {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

/* Close button */
.modal .modal-overlay .close {
  position: absolute;
  right: 25px;
  top: 10px;
  font-size: 40px;
  width: 30px;
  height: 30px;
  color: #282c34;
}

.modal .modal-overlay .close:hover {
  cursor: pointer;
  color: #4b5361;
}

.modal .o-close {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -100;
}

.modal input:checked ~ .o-close {
  z-index: 9998;
}

.modal input:checked ~ .modal-overlay {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  z-index: 9997;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
}

.modal input:checked ~ .modal-overlay .modal-wrap {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 9999;
  max-width: 600px;
}

/* Responsive Design */
/* Tablet size */
@media (max-width: 800px) {
  .modal .modal-wrap {
    width: 80%;
    padding: 20px;
  }
}

/* Phone size */
@media (max-width: 500px) {
  .modal .modal-wrap {
    width: 90%;
  }
}

/* Fadein from display:none */
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
  }
  100% {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: -webkit-box;
    display: flex;
    opacity: 0;
  }
  100% {
    display: -webkit-box;
    display: flex;
    opacity: 1;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,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LE9BQUEsRUFBQSxXQUFjO0lBQWQsT0FBQSxFQUFBLElBQWM7SUFDZCxPQUFBLEVBQUEsQ0FBVzs7OztBQW1CZixrQkFBQSxDQUFBLE9BQUE7RUFDRSxFQUFBO0lBQ0UsT0FBQSxFQUFBLElBQWM7SUFDZCxPQUFBLEVBQUEsQ0FBVzs7RUFFYixFQUFBO0lBQ0UsT0FBQSxFQUFBLFdBQWM7SUFBZCxPQUFBLEVBQUEsSUFBYztJQUNkLE9BQUEsRUFBQSxDQUFXOztFQUViLElBQUE7SUFDRSxPQUFBLEVBQUEsV0FBYztJQUFkLE9BQUEsRUFBQSxJQUFjO0lBQ2QsT0FBQSxFQUFBLENBQVciLCJmaWxlIjoibW9kYWwuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcblB1cmUgQ1NTIG1vZGFsIGJveFxuQXV0aG9yOiBKb3JnZSBDaGF2ZXpcbkdpdGh1YjogaHR0cDovL2dpdGh1Yi5jb20vam9yZ2VjaGF2elxuKi9cblxuXG4ubW9kYWwgLmNoZWNrYm94e1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4vKiBHcmF5IGJhY2tncm91bmQgKi9cbi5tb2RhbCAubW9kYWwtb3ZlcmxheXtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgd2lkdGg6IDUwJTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogLTEwMDtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgZGlzcGxheTogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLDAsMCwwLjcpO1xufVxuXG4vKiBCb3ggKi9cbi5tb2RhbCAubW9kYWwtd3JhcHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJveC1zaGFkb3c6IDNweCAzcHggM3B4IHJnYmEoMCwwLDAsMC4yKTtcbiAgcGFkZGluZzogNDBweCA1MHB4O1xuICB3aWR0aDogNjAlO1xuICBtYXJnaW46IDIwcHggYXV0bztcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICB0cmFuc2l0aW9uOiBhbGwgMC41cyBlYXNlO1xufVxuLm1vZGFsIC5tb2RhbC13cmFwLnNtYWxse1xuICB3aWR0aDogMzAlO1xufVxuLm1vZGFsIC5tb2RhbC13cmFwLmZ1bGx7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5tb2RhbCAubW9kYWwtd3JhcC5hLWNlbnRlciB7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cbi5tb2RhbCAubW9kYWwtd3JhcC5mcm9tLWxlZnQge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xufVxuLm1vZGFsIC5tb2RhbC13cmFwLmZyb20tcmlnaHQge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG59XG4ubW9kYWwgLm1vZGFsLXdyYXAuZnJvbS10b3Age1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTEwMCUpO1xufVxuLm1vZGFsIC5tb2RhbC13cmFwLmZyb20tYm90dG9tIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpO1xufVxuXG5cbi8qIENsb3NlIGJ1dHRvbiAqL1xuLm1vZGFsIC5tb2RhbC1vdmVybGF5IC5jbG9zZXtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMjVweDtcbiAgdG9wOiAxMHB4O1xuICBmb250LXNpemU6IDQwcHg7XG4gIHdpZHRoOiAzMHB4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIGNvbG9yOiAjMjgyYzM0O1xufVxuXG4ubW9kYWwgLm1vZGFsLW92ZXJsYXkgLmNsb3NlOmhvdmVye1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAjNGI1MzYxO1xufVxuXG5cbiAubW9kYWwgLm8tY2xvc2Uge1xuICAgd2lkdGg6IDEwMCU7XG4gICBoZWlnaHQ6IDEwMCU7XG4gICBwb3NpdGlvbjogZml4ZWQ7XG4gICBsZWZ0OiAwO1xuICAgdG9wOiAwO1xuICAgei1pbmRleDogLTEwMDtcbiB9XG5cbi5tb2RhbCBpbnB1dDpjaGVja2VkIH4gLm8tY2xvc2Uge1xuICB6LWluZGV4OiA5OTk4O1xufVxuLm1vZGFsIGlucHV0OmNoZWNrZWQgfiAubW9kYWwtb3ZlcmxheXtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgb3BhY2l0eToxO1xuICB6LWluZGV4OiA5OTk3O1xuICBvdmVyZmxvdzogYXV0bztcbiAgZGlzcGxheTogZmxleDtcbiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICBhbmltYXRpb24tbmFtZTogZmFkZS1pbjtcbiAgLW1vei1hbmltYXRpb24tZHVyYXRpb246IDAuNXM7XG4gIC1tb3otYW5pbWF0aW9uLW5hbWU6IGZhZGUtaW47XG4gIC13ZWJraXQtYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiBmYWRlLWluO1xufVxuLm1vZGFsIGlucHV0OmNoZWNrZWQgfiAubW9kYWwtb3ZlcmxheSAubW9kYWwtd3JhcCB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgei1pbmRleDogOTk5OTtcbiAgbWF4LXdpZHRoOiA2MDBweDtcbn1cblxuLyogUmVzcG9uc2l2ZSBEZXNpZ24gKi9cbi8qIFRhYmxldCBzaXplICovXG5AbWVkaWEgKG1heC13aWR0aDogODAwcHgpe1xuICAubW9kYWwgLm1vZGFsLXdyYXAge1xuICAgIHdpZHRoOiA4MCU7XG4gICAgcGFkZGluZzogMjBweDtcbiAgfVxufVxuXG4vKiBQaG9uZSBzaXplICovXG5AbWVkaWEgKG1heC13aWR0aDogNTAwcHgpe1xuICAubW9kYWwgLm1vZGFsLXdyYXAge1xuICAgIHdpZHRoOiA5MCU7XG4gIH1cbn1cblxuLyogRmFkZWluIGZyb20gZGlzcGxheTpub25lICovXG5Aa2V5ZnJhbWVzIGZhZGUtaW4ge1xuICAwJSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG4gIDElIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG59XG5cbkAtbW96LWtleWZyYW1lcyBmYWRlLWluIHtcbiAgMCUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxJSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG4gIDEwMCUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuXG5ALXdlYmtpdC1rZXlmcmFtZXMgZmFkZS1pbiB7XG4gIDAlIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgMSUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxMDAlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn1cbiJdfQ== */