@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;  }
* {
    box-sizing: border-box;
}

.flizm{width:100%; float:left; background-color: #fefefe;}
.fliz {width:100%; position:fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); border-radius: 4px; }
.fli-n { width: 25%; position:fixed; top:30%; padding: 20px;  border-radius: 4px; font-size: 12px; left:0; right:0; margin:auto; background-color: #fefefe; }
.flzr{width:100%; float:left; text-align:center;}
.opz{width:100%; float:left; font-size:21px; color:#000000; text-align:center; margin-top:15px;}
.opz1{width:100%; float:left; font-size:17px; color:#5f5e5e; text-align:center; margin-top:10px;}




@media only screen and (min-width:220px) and (max-width:789px){
.fli-n{width:90%;  top:20%}	
.opz{font-size:18px;}
.opz1{font-size:14px;}
.fliz{padding-top:20%;}
}