#boxes .window,#mask{left:0;top:0;display:none;position:absolute}#boxes #dialog,#popup_content{font-size:15pt;font-family:Roboto,sans-serif}#popupfoot a,.maintext{text-decoration:none}.agree:hover,.popupoption:hover{background-color:#d1d1d1}#boxes .coupon_text span,#boxes h2{color:#fa6544;font-weight:700}#boxes #dialog,#boxes #dialog>#popup_content,#boxes .order_button,#boxes h2,#boxes p,#popup_content,#popupfoot,.maintext{font-family:Roboto,sans-serif}#boxes .close,#boxes .window,#mask{position:absolute}#mask{z-index:9000;background-color:rgba(0,0,0,.9)}#boxes .window{width:440px;height:200px;z-index:9999;padding:20px;border-radius:15px;text-align:center}#boxes #dialog{width:700px;padding:0;background-color:#fff;background-size:cover!important;box-shadow:0 2px 17px 3px #000;overflow:hidden;height:auto}.maintext{text-align:center}body{background:url('bg.jpg')}#popup_content{text-align:left}#popupfoot{font-size:16pt;padding:10px 20px}.popupoption:hover{color:green}.popupoption2:hover{color:red}#boxes #dialog>#popup_content{float:left;background:url("repaso_logo.webp") -20px 200px no-repeat #fff;margin:0;padding:20px 30px;height:520px;width:100%;text-align:center}#boxes h2{font-size:50px;display:block;position:relative;line-height:1.2;text-transform:uppercase}#boxes .coupon_text,#boxes p{font-size:18px;text-transform:uppercase}#boxes p{color:#5c5c5c;padding:0 20px;margin-bottom:10px}#boxes .coupon_text{padding:5px 10px;border:2px dashed #848484;width:60%;margin:0 auto}#boxes .order_button{background:#fa6544;padding:14px 50px;color:#fff;font-size:16px;margin-top:30px;width:auto;display:inline-block;font-weight:700;transition:.5s ease-in-out}#boxes .order_button:active,#boxes .order_button:focus,#boxes .order_button:hover{background:#333;transition:.5s ease-in-out}#boxes #popupfoot,.modal-header{border:none;padding:0;min-height:0;position:relative}button.close{padding:4px 8px}#boxes .close{opacity:.9;margin:10px 10px 0;right:0;z-index:1500;padding:12px 16px;font-size:16px;border-radius:50px;background:#6a6a6a;color:#fff;border:2px solid #fff;text-shadow:none}#boxes .close:hover{background:#fa6544}@media (max-width:996px){#boxes .modal-dialog{width:80%}}@media (max-width:768px){#boxes{left:12%;top:6%}#boxes #dialog>#popup_content{height:auto;width:100%;padding:80px 0}#boxes h2{margin-top:0;font-size:35px}#boxes #dialog{background-size:100%;background-repeat:no-repeat;width:90%}#popup_content>img{width:200px}}