/**********************************************************************************
********************************Prolist[start]*************************************
***********************************************************************************/
.DimoContent{
    max-width:1200px;
}

.ti-pr-pg {
    font-weight: bold;
    font-size: 18px;
    padding-right: 15px;
    text-align: right;
    color: #222;
    padding-bottom: 35px;
}

.container-dv {
    max-width: 1100px;
    margin: 0 auto;
    padding: 140px 0 30px 0;
    position: relative;
}

.bx-panel {
    padding: 40px 0 10px 0;
    background-image: url(../images/pattern-14.png);
    background-repeat: repeat;
    margin-bottom: 30px;
    background-size: 95px;
}

.pn-tp {
    padding: 40px 0;
}

.dt-pr {
    position: relative;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    background-color: #fff;
    padding: 18px 20px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(50,50,50,.16);
    box-shadow: 0 5px 10px 0 rgba(50,50,50,.16);
    text-align: center;
}

    .dt-pr h3 {
        font-size: 18px;
        font-weight: bold;
    }

    .dt-pr:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -24px;
        background-color: #000;
        width: 2px;
        height: 24px;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

.col-pj:hover .dt-pr {
    -webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
    box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
}

    .col-pj:hover .dt-pr:after {
        height: 48px;
        bottom: -48px;
    }

.content-num {
    position: relative;
    overflow: hidden;
}

    .content-num span {
        font-size: 30px;
        line-height: 42px;
        height: 36px;
        font-weight: bold;
        color: #383838;
        text-align: center;
        margin-top: 42px;
        display: block;
    }

.t-99 {
    background-color: #f5f5f5;
    padding: 30px;
    margin-bottom: 30px;
}

.large-title-info {
    font-size: 14px;
    line-height: 26px;
}

.col-pj:hover .content-num {
    -webkit-animation: animate-in-to-top-content 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: animate-in-to-top-content 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes animate-in-to-top-content {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1;
    }
}

@keyframes animate-in-to-top-content {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1;
    }
}

.grid-gallery ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.grid-gallery figure {
    margin: 0;
}

    .grid-gallery figure img {
        display: block;
        width: 100%;
    }

.grid-gallery figcaption h3 {
    margin: 0;
    padding: 5px 25px;
    color: #1C1773;
    direction: rtl;
    text-align: justify;
    font-size: 17px;
    line-height: 22px;
}

.grid-gallery figcaption p {
    margin: 0;
    padding: 0px 25px 0px;
    text-align: justify;
    font-size: 12px;
    line-height: 21px;
    direction: rtl;
}

.grid-wrap {
    max-width: 1470px;
    margin: 0 auto;
    padding: 0 1em 1.875em;
}

.grid {
    margin: 0 auto;
    text-align: center;
}

    .grid li {
        width: 31.5%;
        display: inline-block;
        cursor: pointer;
        margin: 5px;
    }

        .grid li .title-padding {
            
        }

        .grid li h3 {
            text-align: center;
            padding: 20px 5px;
            color: #222;
            background-color: #f3f1f1;
            direction: rtl;
            line-height: 22px;
            font-size: 12px;
            margin: 0;
            font-weight: bold;
        }
            .grid li h3 span {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: unset;
            }

.project-nd {
    text-align: center;
    color: #000;
    position: relative;
    width: 200px;
    margin: 10px auto 50px auto;
}

.clear {
    clear: both;
}

.c-projects_link {
    position: relative;
    display: block;
    text-decoration: none;
    opacity: 1;
    transition: opacity .45s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);
    transition: opacity .45s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);
    transition: opacity .45s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
}

.c-projects_background {
    transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1);
    transition: transform .6s cubic-bezier(.4,0,.2,1);
    transition: transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);
}

.o-background {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
}

.c-projects_link {
    overflow: hidden;
    padding-bottom: 76%;
}
     
    .c-projects_info {
        z-index: 2;
    }

.o-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    max-height: 200px;
}

.c-projects_title {
    line-height: 1.25;
    margin-bottom: 15px;
    text-align: right;
}

.c-projects_link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: #1e1e22;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    transition: -webkit-transform .45s cubic-bezier(.4,0,.2,1);
    transition: transform .45s cubic-bezier(.4,0,.2,1);
    transition: transform .45s cubic-bezier(.4,0,.2,1),-webkit-transform .45s cubic-bezier(.4,0,.2,1);
}

.c-projects_link:hover::after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.c-projects_location {
    font-size: 12px;
    line-height: 25px;
    text-align: justify;
    direction: rtl;
}

.c-projects_info {
    position: absolute;
    right: 0;
    bottom: -1.875rem;
    left: 0;
    padding: 3.25rem 1.5em;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform .45s cubic-bezier(.4,0,.2,1);
    transition: transform .45s cubic-bezier(.4,0,.2,1);
    transition: transform .45s cubic-bezier(.4,0,.2,1),-webkit-transform .45s cubic-bezier(.4,0,.2,1);
    color: #fff;
}

.c-projects_location {
    margin-bottom: -0.5rem;
}

.c-projects_link:hover .c-projects_info {
    -webkit-transform: translateY(-1.875rem);
    -ms-transform: translateY(-1.875rem);
    transform: translateY(-1.875rem);
    transition-delay: .15s;
}


@media screen and (max-width: 60em) {

    .grid li {
        width: 28.0%;
    }



    .info-keys {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    .grid li {
        width: 47%;
    }

    .c-projects_location {
        display: none;
    }

    .c-projects_link {
        padding-bottom: 91.65%;
    }

    .pn-tp {
        padding: 20px 0 0 0;
    }

    .bx-wrap {
        padding: 0 15px;
    }

        .bx-wrap .col-xs-4 {
            width: 100%;
            margin-bottom: 30px;
        }

    .col-pj img {
        display: none;
    }

    .content-num {
        display: none;
    }
}



.prolistprice{
    padding-top:5px;
}


.first-gh {
    text-decoration: line-through;
    padding: 5px;
    font-family: yekan,bkoodakbold;
    font-size: 14px;
    color: #4D545A;
}

.filter-bx {
    border: 1px solid #d8d8d8;
    margin: 0px auto;
    margin-bottom: 10px;
    padding: 20px 10px;
    border-radius: 3px;
    overflow: hidden;
}

.pr-srch {
    position: relative;
}

.pr-srch-txt {
    border: 1px solid #d8d8d8;
    padding: 0 10px;
    width: 100%;
    border-radius: 3px;
}

.pr-srch-btn {
    position: absolute;
    background: none;
    background-image: url(/app_themes/images/icons/search-black.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 33px;
    background-size: 18px;
    background-position: 8px 8px;
    left: 1px;
    border: none;
    top: 1px;
}

.filter-bx h2 {
    font-size: 15px;
    font-weight: bold;
    /*margin-bottom: 15px;*/
}

.filter-bx-cat {
    padding: 0 10px;
}

.filter-bx ul {
    padding: 0;
    list-style: none;
}

    .filter-bx ul li {
        border-bottom: 1px solid #d8d8d8;
        padding: 10px 5px;
        float:right;
        width:100%;
        list-style:none;
    }

        .filter-bx ul li a:hover {
            text-decoration: none;
        }

        .filter-bx ul li h4:hover{
            font-weight:bold;
            text-decoration:none;
        }


        .filter-bx ul li i {
            float: left;
            padding-right:10px;
        }

        .filter-bx ul li h4 {
            font-size: 13px;
            color: #454545;
            padding-top: 7px;
        }

        .filter-bx ul li:last-child {
            border-bottom: 0;
        }
        .filter-bx ul li::marker {
            float:right;
        }
        .filter-bx ul li a {
            float: right;
        }

        @media only screen and (max-width:760px) {
            .pro-img-bx{
        height:auto;
        max-height:400px;
    }
    .filter-bx {
        height: auto;
    }
}


/**********************************************************************************
*********************************Prolist[end]**************************************
***********************************************************************************/