.modal{display:none;position:fixed;z-index:100;padding-top:85px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;background-color:#fefefe;margin:auto;margin-top:10%;padding:0;width:65%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;border-radius:3px}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:24px;font-weight:bold}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-header{padding:8px 16px;background-color:#0098cc;color:#fff!important;border-radius:3px 3px 0 0}.modal-body{padding:2px 16px}.modal-item{margin:4px;cursor:pointer;padding:4px;background-color:transparent;font-weight:500}.modal-item:hover{background-color:#e6e6e6}.modal-header>h1,.modal-header>h2,.modal-header>h3,.modal-header>h4,.modal-header>h5{color:#fff!important}.modal-text{position:absolute;top:50%;left:50%;font-size:50px;color:#fff;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}@media all and (max-device-width:767px){.modal-content{width:70%!important;margin-top:20%!important}}