.modal-box{display:none;position:fixed;z-index:90;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.4s;animation-duration:.4s}.modal-box.is-active{display:block}.modal-box .modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.modal-box .modal-content .modal-header{padding:2px 16px;background-color:#5cb85c;color:#fff}.modal-box .modal-content .modal-body{padding:2px 16px}.modal-box .modal-content .modal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff}.modal-box .modal-content .close{color:#fff;float:right;font-size:28px;font-weight:700}.modal-box .modal-content .close:focus,.modal-box .modal-content .close:hover{color:#000;text-decoration:none;cursor:pointer}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-boxes-page .btn-modal{color:#fff;background-color:#616161;font-size:17px;padding:12px 35px;text-decoration:none;border:none;cursor:pointer}.modal-boxes-page .btn-modal:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.modal-boxes-page .modal-box{padding-top:100px}.modal-boxes-page .modal-box .modal-content{-webkit-animation-name:animatetop;animation-name:animatetop;-webkit-animation-duration:.4s;animation-duration:.4s}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}