﻿
@font-face {
    font-family: 'SHoor';
    src: url('/App_Theme/fa-IR/fonts/SHoor.eot?#') format('eot'), url('/App_Theme/fa-IR/fonts/SHoor.woff') format('woff'), url('/App_Theme/fa-IR/fonts/SHoor.ttf') format('truetype');
}

.DimoContent {
    background: none;
}

.dimo_introtitle {
    font: 30px Shoor;
    color: #d30364;
}

table {
    clear: both;
}

/**********************************************************************************
******************************Memorial Forms[start]********************************
***********************************************************************************/

.dimo-memorial-main-frame {
    background: url(../images/frame.png);
    background-size: 100% 100%;
    width: 100%;
    height: 350px;
    overflow: hidden;
    margin-bottom: 50px;
}

    .dimo-memorial-main-frame h4 {
        line-height: 30px;
        text-align: center;
        padding-bottom: 10px;
        color: #b4285c;
    }

    .dimo-memorial-main-frame p {
        direction: rtl;
        text-align: justify;
        line-height: 27px;
        color: #2b5668;
    }

.memo-text-box {
    position: relative;
    top: 40px;
    padding: 45px 20px;
    max-width: 500px;
    margin: 0px auto;
}

.memorial-filter-box {
    height: 100px;
    width: 100%;
    background: url(../images/frame2.png);
    background-position: right;
    background-size: 160px;
    background-repeat: no-repeat;
}

.memorial-filter-btn {
    min-height: 50px;
    width: 100%;
    padding: 35px 50px;
}

.memorial-filter-input {
    width: 100%;
    border: 1px solid #c4c3c3;
    padding: 0 13px;
}

.ins1 {
    border-radius: 1px 50px 50px 1px;
}

.ins2 {
    border-radius: 50px 1px 1px 50px;
}

.d-filter-btn-box {
    background: url(../images/memorialfilter.png);
    background-size: 100% 100%;
    width: 70px;
    height: 70px;
    position: relative;
    top: -19px;
}

    .d-filter-btn-box input {
        border: none;
        position: relative;
        top: 15px;
        right: 15px;
        color: #365669;
        font-weight: 700;
        background: none;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        font-size: 11px;
        text-align: center;
    }

        .d-filter-btn-box input:hover {
            color: #031942;
        }

@media all and (max-width:770px) {
    .d-filter-btn-box {
        top: 5px;
    }
}


/**********************************************************************************
*******************************Memorial Forms[end]*********************************
***********************************************************************************/