.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-images-page .sample .btn-modal{cursor:pointer;transition:.3s}.modal-images-page .sample .btn-modal:hover{opacity:.7}.modal-images-page .sample .btn-modal>img{border-radius:5px}.modal-images-page .sample .modal-box{background-color:rgba(0,0,0,.9)}.modal-images-page .sample .modal-box .modal-content{max-width:1000px;background-color:transparent;border:none;box-shadow:none}.modal-images-page .sample .modal-box .modal-content .close{font-size:35px}.modal-images-page .sample .caption{text-align:center;color:#fff}