@font-face {
    font-family: 'yekan';
    src: url('fonts/yekan.eot');
    src: url('fonts/yekan.eot') format('embedded-opentype'),
    url('fonts/yekan.woff') format('woff'),
    url('fonts/yekan.ttf') format('truetype'),
    url('fonts/yekan.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.min-div-popup-wpyar {
    position: fixed;
    z-index: 99999;
    bottom: 0;
    left: 0;
}

.white-pup-wpyar {
    position: relative;
    background: #FFF;
    padding: 0px;
    border-radius: 3px;
    box-shadow: #000 0 0 8px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.white-pup-wpyar p {
    padding: 5px;
    font-family: yekan;
    padding-top: 10px;
    padding-bottom: 13px;
    line-height: 27px;
    font-size: 17px;
    text-align: center;
    direction: rtl;
    margin-bottom: 0;
}

.min-div-popup-wpyar.pbr {
    right: 0;
    left: inherit;
    bottom: 0;
}

.min-div-popup-wpyar.ptl {
    bottom: inherit;
    top: 0;
    left: 0;
}

.min-div-popup-wpyar.ptr {
    bottom: inherit;
    top: 0;
    left: inherit;
    right: 0;
}

ul.pup-wpyar-b {
    padding: 0;
    margin: 0;
    width: 100%;
}

ul.pup-wpyar-b > li {
    width: 50%;
    display: block;
    float: right;
    font-family: yekan;
    font-size: 18px;
    text-align: center;
    transition: all .3s;
}

ul.pup-wpyar-b > li > a, ul.pup-wpyar-b > li > span {
    padding: 10px;
    display: block;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.clearfix-pup {
    clear: both;
}

li.pup-wpyar-b-c {
    border-radius: 0 0 0px 3px;
    background-color: #f1655a !important;
}

li.pup-wpyar-b-l {
    border-radius: 0 0 3px 0;
    background-color: #9fb751 !important;
}

li.pup-wpyar-b-c:hover {
    background-color: #d44a40 !important;
}

li.pup-wpyar-b-l:hover {
    background-color: #89a03d !important;
}

div#pup-wpyar > a {
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
}

.min-div-popup-wpyar.pbr img {
    display: block;
}