.modal{display:none;position:fixed;z-index:11111111;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}#mybtn{cursor:pointer;}#myModal h3,#myModal-1 h3{font-size:130%;color:#000;}.modal-header i{color:#000;font-size:25px;font-weight:bold;height:100%;position:absolute;right:16px;top:10px;opacity:1;cursor:pointer;}.popup{position:fixed;left:50%;top:10%;}.popup .wrapper{position:relative;left:-50%;background-color:#fff;}.wrapper .closes-1{position:absolute;float:right;top:0;right:0;margin:10px;background-color:whitesmoke;border-radius:2px;padding:5px;opacity:.8;cursor:pointer;}.wrapper .closes-1 i{font-size:29px;}.popup .wrapper img{border:2px double whitesmoke;}.modal-header{padding:5px 16px;background-color:#ff9933;color:white;}.modal-body{padding:5%;height:80%;}.modal-footer{padding:2px 16px;background-color:#ff9933;color:white;}.modal-contentss{position:absolute;background-color:#fefefe;left:0;right:0;top:0;bottom:0;margin:auto;padding:0;height:220px;border:0px solid #ff9933;width:35%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s}.modal-contentss-1{position:relative;background-color:#fefefe;padding:0;border:0px solid #ff9933;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s;display:inline-block;max-width:80%;max-height:80%;min-width:40%;min-height:40%;}.modal-contentss-1 .modal-body{padding:0;margin:0;width:100%;height:auto;float:left;background-color:white;}.modal-contentss-1 .modal-body img{float:left;}@media (min-width:768px) {}@media (min-width:420px) {}@-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}}