.top { top:0; }
.bottom { bottom:0; }
.left { left:0; }
.right { right:0; }
.fixed { position:fixed; }
.absolute { position:absolute; }
.width { width:100%; }
.height { height: 100%; }
#popup_box_register { z-index: 9999; }
.background-image { opacity : 0.8; background: #000; }
.main-pop-up-content {font-size: 15px; padding:50px; max-width: 501px;max-height: 305px; margin: 0 auto; position:relative; color:#000; background:#fff; z-index: 99; border-radius:5px; }
#popupBoxClose { cursor : pointer;width: 17px;
    top: 8px;
    right: 8px;}
.top-left-bg, .top-right-bg, .bottom-left-bg, .bottom-right-bg { height: 202px; width: 150px; }

.main-pop-up-content .title
{
    color:#e4db33;
    font-size:21px;
    line-height:28px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-weight:300;
}

.main-pop-up-content hr
{
    border:none;
    border-top:1px solid #303030;
    margin:25px 0 30px;
    padding:0;
}

.main-pop-up-content #radios
{
    max-width: 175px;
    margin: 0 auto;
    text-align: left;
    font-size: 16px;
}

.main-pop-up-content #choosed
{
    border:none;
    border-radius:2px;
    margin:20px 0 0;
    padding:0 20px;
    color:#000;
    line-height:30px;
}

@media only screen and (max-width: 500px) {
    .top-left-bg, .top-right-bg, .bottom-left-bg, .bottom-right-bg
    {
        background: none !important;
        height: 67px;
        width: 50px;
    }
    
    .main-pop-up-content { padding:50px 10px; margin:0 10px; }
}
@media only screen and (max-height: 640px) {
    .fixed
    {
        position:fixed;
    }
}