.modalbg   { position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;-moz-transition: all 2s ease-out; -webkit-transition: all 2s ease-out; -o-transition: all 2s ease-out;transition: all 2s ease-out;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-transition-delay: 0.2s;display: block; pointer-events: none;}
.dialog    { width: 30%;overflow:hidden; position: relative;top: -1000px;margin: 10% auto;background-image: url("/img/bg.jpg");background-repeat: no-repeat;background-size: 100% 100%;border-radius: 6px;}
.modalust  { width:100%;margin:0;padding:10px;background-color:#ff6a00;color:#fff}
.mgobek    { padding:10px;overflow:hidden; border:0px solid red }
.yavru1    { padding:5px;margin:3px;}
.yavru2    { padding:5px;margin:3px;}

.modalbg:target{display: block;pointer-events: auto;-moz-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.modalbg:target .dialog{top: -20px;-moz-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;-transition-delay: 0.4s;}
.close  {color: #fff; position: absolute;right: 4%;top: 10px;font-weight: 700;text-decoration: none;text-align: center;}


@media (max-width: 768px) {
.dialog { width:98% }
}