/* ------------------------------------------
[Master Stylesheet]

Template Name: Rehomes - Real Estate HTML Template
Template Author: Colorlib
Template Author URL: http://colorlib.com
Version: 1.0.0
Last Update: March 5, 2019
---------------------------------------------

---------------------------------------------
[Tables of CSS Content]

+ body

    01.0 Reboot Area CSS
    02.0 Spacing Area CSS
    03.0 Preloader Area CSS
    04.0 Heading Area CSS
    05.0 Backtotop Area CSS
    06.0 Buttons Area CSS
    07.0 Header Area CSS
    08.0 Hero Area CSS
    09.0 Search Area CSS
    10.0 Footer Area CSS
    11.0 Partner Area CSS
    12.0 Project Area CSS
    13.0 Choose Area CSS
    14.0 CTA Area CSS
    15.0 Sale Area CSS
    16.0 Testimonial Area CSS
    17.0 Contact Area CSS
    18.0 Widget Area CSS
    19.0 Breadcrumb Area CSS
    20.0 Blog Area CSS
    21.0 Categories Area CSS
    22.0 Pagination Area CSS
    23.0 About Area CSS
    24.0 Support Area CSS
    25.0 Agent Area CSS
    26.0 Properties Area CSS

--------------------------------------------- */
/* Import Fonts & All CSS */
@import url(animate.css);
@import url(default-assets/classy-nav.css);
@import url(owl.carousel.min.css);
/*@import url(magnific-popup.css);*/
@import url(nice-select.css);
@import url(font-awesome.min.css);
@import url(jquery-ui.min.css);
@import url(jquery-confirm.css);
@import url(nouislider.css);

.photo-container {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.photo-size {
    max-height: 330px;
    height: 100%;
    max-width: 750px;
}

@media only screen and (max-width: 767px) {
    .photo-size {
        width:100%;
        height: 100%;
    }
 }

.control-label .pin a:hover {
    color:rgba(185, 34, 34, 0.75);
}

.load-indicator {
    height: 20px;
    text-align: center;
    /*padding-left:40px;*/
}

.center-vertical {
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-icon-size {
    font-size: .8em
}

.section-heading h3 span.listing-count {
    color: rgba(185, 34, 34, 0.75);
    font-size:22px;
}

.listing-container {
    display: flex;
    flex-direction: column;
 }

.listing-frame {
/*    display: flex;
    flex-direction: column;*/
    align-items: center;
    border: 1px solid #ccc;
    margin: 5px;
/*    width: 340px;*/
    height: 140px;
 }

.listing-content {
    display: flex;
    flex-direction: row;
    /*    flex-flow:  row wrap;*/
/*    width: 350px;*/
    flex-basis: 350px;
}

.listing-thumb {
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    align-content: start;
    flex: 50%;
    padding-left: 5px;
    padding-right: 5px;
}

.listing-info {
    display: flex;
    flex-direction: column;
    align-content: end;
    flex: 80%;
  
}

.listing-title {
    width:100%;
    text-align: right;
    padding-top:5px;
    padding-right: 10px;
    padding-bottom: 5px;
    font-family: Yekan,Tahoma;
    font-size: 15px;
    color: rgba(185, 34, 34, 0.75);
}

    .listing-title a{
        color:rgba(185, 34, 34, 0.75);
    }

     .listing-title a:hover {
            color: rgba(185, 34, 34, 0.75);
      }

    .listing-neighbourhood {
        text-align: right;
        padding-right: 5px;
        padding-bottom: 5px;
        font-family: Yekan,Tahoma;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.6)
    }

.listing-neighbourhood i{
    color: #92c800;
}

    
 .listing-price {
    font-family: Yekan,Tahoma;
    text-align: right;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    color: #000;
    direction:rtl;
}


.listing-details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: Yekan,Tahoma;
    font-size: 14px;
    color: #afb4bf;
    padding-right:4px;
}

.listing-details  .item{
    direction: rtl;
}

.listing-thumb img {
    width: 115px;
    height: 84px;
}

.listing-date {
    font-size: 10px;
    color: rgba(185, 34, 34, 0.75);
    direction:rtl;
}

    @media only screen and (min-width: 576px) and (max-width: 1295px) {
        .listing-title {
            font-size: 12px;
        }

        .listing-price {
            font-size: 10px;
        }

        .listing-neighbourhood {
            font-size: 14px;
        }
    }

    hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#pagingPlaceholder li {
    float: left;
    list-style: outside none none;
    padding-left: 5px;
}

.section-main-padding{
    padding-top:0px;
    padding-bottom:0px;
}

.section-main-padding2 {
    padding-top: 10px;
    padding-bottom: 0px;
}

.site-cover {
    background-image: url("../images/bg.jpg");
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 600px;
    height: calc(90vh);
    opacity: 0.65;
}

.site-cover overlay{
    position:relative;
}

.toggle-area-absolute {
    position:absolute;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    right: 60px;
    top: 235px;
    z-index: 1000;
}


@media only screen and (max-width: 767px) {
    .toggle-area-absolute {
       display:none;
    }
}

.toggle-area{
    margin:0 auto;
    text-align:center;
    padding-top:20px;
}

#mapViewToggle {
    z-index: 1;
    right: 20px;
    top: 80px
}

.toggleSwitchCon {
    background-color: #7c141a;
    border-radius: 17px;
    padding: 2px;
    display: inline-block
}

.toggleSelector {
    background: #fff;
    height: calc(100% - 2px);
    width: calc(50% - 2px);
    border-radius: 15px;
    position: absolute;
    top: 1px;
    left: 1px;
    -webkit-transition: .2s linear left;
    -o-transition: .2s linear left;
    transition: .2s linear left
}

.toggleSwitchInnerCon {
    position: relative;
    display: flex
}

.toggleOption {
    color: #fff;
    padding: 7px 30px;
    font-family:Yekan,Tahoma;
    font-size: 1rem;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    text-align: center;
    vertical-align: middle;
    transition: color .2s ease-in;
    margin: 0 5px 0 5px;
    z-index: 1
}

    .toggleOption.selected {
        color: #000
    }

.mapViewToggle .toggleOption.selected {
    color: #fff
}

.mapViewToggle .toggleOption {
    color: #000
}

.mapViewToggle .toggleSwitchCon {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 1px
}

.mapViewToggle .toggleSelector {
    background: #93c960
}

.toggle-list-selected {
    width: 50%;
    left: 50%;
}

.toggle-map-selected {
    width: 50%;
    left: 0;
}

.content-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 650px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.map-padding {
    padding: 0 !important;
    margin: 0 !important;
}


@media only screen and (max-width: 767px) {
    .map-padding {
        padding: 20px !important;
        /*margin: 10px !important;*/
    }
}

@media (max-width: 768px) {
    .row-map {
        display: flex;
       /* flex-direction: column;*/
    }

    .top {
        order: 2;
        padding:15px !important
    }

    .bottom {
        order: 1;
    }
}


#logo {
    width: 270px;
    height: 80px;
    max-width: 290px;
    max-height: 80px;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #logo {
        width: 270px;
        height: 80px;
    }
}

@media only screen and (max-width: 767px) {
    #logo {
        width: 200px;
        height: 80px;
    }
}

.agent-title {
    color: #fd784f;
}

    .agency-title {
        color: #947054;
        letter-spacing: 0.7px;
    }

    .padding-0 {
        padding-right: 0;
        padding-left: 0;
        color: #92c800
    }


.dropbtn {
    /*   #3498DB*/
    background-color: #363131;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 5px 10px;
}

    .dropbtn:hover, .dropbtn:focus {
        /* #2980B9*/
        /*background-color: #2980B9;*/
    }

    .dropdown {
        position: relative;
        display: inline-block;
    }


    @media only screen and (max-width: 767px) {
        .dropdown {
            position: relative;
            display: inline-block;
        }
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 190px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        border-radius: 5px;
        right: 5px;
    }


        .dropdown-content a {
            color: #636a76;
            font-family: Yekan,Tahoma;
            font-size: 17px;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: right;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }

    .dropdown a:hover {
        font-family: Yekan,Tahoma;
        font-size: 17px;
        background-color: #f0f0f1;
    }

    .show {
        display: block;
    }

    .color-white {
        color: #fff;
    }

    .login-form {
        border: 3px solid #f1f1f1;
    }

    .login-text {
        font-family: Yekan,Tahoma;
        color: #947054;
        text-align: center;
    }

    .form-label {
        float: right;
        font-family: Yekan,Tahoma;
        font-size: 17px;
    }

    .receiver {
        color: #947054;
        font-family: Yekan,Tahoma;
        font-size: 18px;
    }

    .table td, .table th {
        vertical-align: middle;
    }

    .table th {
        font-family: Yekan,Tahoma;
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .table tr td {
        font-family: Yekan,Tahoma;
        font-size: 16px;
    }

        .table tr td a {
            color: rgba(185, 34, 34, 0.75);
        }


            .table tr td a:hover {
                color: #92c800;
            }


    .separator {
        width: 20rem;
        margin-right: 10%;
    }

    .profile-heading {
        border-bottom: solid 1px gray;
        padding-bottom: 10px;
        font-family: IRANSansWeb_Medium,Tahoma;
        font-size: 18px;
    }

    .agent-heading {
        padding-right: 10rem;
        font-family: IRANSansWeb_Medium,Tahoma;
        font-size: 16px;
        text-align: right;
    }

    @media only screen and (max-width: 767px) {
        .agent-heading {
            padding-right: 0px;
            font-family: IRANSansWeb_Medium,Tahoma;
            font-size: 16px;
            text-align: right;
        }
    }

    .button {
        display: inline-block;
        font-family: Yekan,Tahoma;
        -webkit-font-smoothing: antialiased;
        position: relative;
        padding: 5px;
        padding-right: 2.7em;
        background: #009ED8;
        border: none;
        color: white;
        transition: 0.2s;
        width: 200px;
        height: 40px;
        margin-right: 2px;
    }

        .button:before,
        .button:after {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            padding-top: inherit;
            padding-bottom: inherit;
            width: 2.8em;
            content: "\00a0";
            font-family: 'FontAwesome', sans-serif;
            font-size: 1.2em;
            text-align: center;
            transition: 0.2s;
            transform-origin: 50% 60%;
        }

        .button:before {
            background: rgba(0, 0, 0, 0.1);
        }

        .button:hover {
            background: #0079a5;
        }

        .button:active,
        .button:focus {
            background: #002e3f;
            outline: none;
        }


    .approved:after {
        content: "\f00c";
    }


    .waitingApproval {
        background: #FE5F55;
    }

        .waitingApproval:hover {
            background: #fe2f22;
        }

        .waitingApproval:active,
        .waitingApproval:focus {
            background: #b90c01;
        }

        .waitingApproval:after {
            content: "\f017";
        }

        .waitingApproval:hover:after {
            -webkit-animation: bounceright 0.3s alternate ease infinite;
            animation: bounceright 0.3s alternate ease infinite;
        }



    .edited {
        background: #139675;
    }

        .edited:hover {
            background: #0d6952;
        }

        .edited:active,
        .edited:focus {
            background: #083b2e;
        }

        .edited:after {
            content: "\f14b";
        }

        .edited:hover:after {
            -webkit-animation: wiggle 0.05s alternate ease infinite;
            animation: wiggle 0.05s alternate ease infinite;
        }


    .archived {
        background: #C673B3;
    }

        .archived:hover {
            background: #b74f9f;
        }

        .archived:active,
        .archived:focus {
            background: #963d82;
        }

        .archived:after {
            content: "\f187";
        }

    .nav-link {
        margin-top: 5px;
        margin-bottom: 5px;
        font-family: Yekan,Tahoma;
        font-size: 17px;
    }


    .slider-text-number {
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold;
        font-size: 13px;
    }

.slider-text {
    color: rgba(0, 0, 0, 0.6);
    padding-left: 5px;
}

    .slider-text2 {
        color: darkorange;
    }

    .noUi-target {
        background: #555962;
        box-shadow: none;
        border: none;
    }

    .noUi-target {
        height: 4px;
    }

    .noUi-connects {
        height: 4px;
    }

    .noUi-horizontal .noUi-handle {
        height: 14px;
    }

    .noUi-connect {
        background: #92c800;
    }

    .noUi-handle {
        border-radius: 50%;
    }

    .noUi-horizontal .noUi-handle {
        width: 14px;
    }

    .noUi-handle {
        background: none;
    }


    @font-face {
        font-family: 'Yekan';
        src: url('./fonts/Yekan.ttf');
    }


    @font-face {
        font-family: 'IRANSansWeb';
        src: url('./fonts/IRANSansWeb.ttf');
    }

    @font-face {
        font-family: 'IRANSansWeb_Bold';
        src: url('./fonts/IRANSansWeb_Bold.ttf');
    }

    @font-face {
        font-family: 'IRANSansWeb_Medium';
        src: url('./fonts/IRANSansWeb_Medium.ttf');
    }


    @font-face {
        font-family: 'Yekan';
        src: url('./fonts/Yekan.ttf');
    }

    .form-container .table tr {
        font-family: Yekan;
        font-size: 16px;
    }

    .font3 {
        font-family: 'IRANSansWeb'; /*good*/
        font-size: 18px;
        color: #939393;
        letter-spacing: -.5px;
    }


    .font4 {
        font-family: IRANSansWeb_Medium; /*good medium*/
        font-size: 18px;
        color: #939393;
        letter-spacing: -.5px;
    }

    .font5 {
        font-family: IRANSansWeb_Bold; /*good bold*/
        font-size: 18px;
        color: #939393;
        letter-spacing: -.5px;
    }


    .neighbourhood {
        text-align: right;
        margin: 0px;
    }

    .landmark h1 {
        font-family: Yekan,Tahoma;
        font-size: 18px;
    }

    .number {
        font-family: IRANSansWeb_Medium;
        font-size: 14px
    }

    .alert {
        font-family: Yekan,Tahoma;
    }

    .reference {
        font-family: IRANSansWeb_Bold !important;
        letter-spacing: 1.7px;
    }


    .remember {
        padding-top: 10px;
    }

    .avatar {
        vertical-align: middle;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    .property-btn {
        width: 130px;
        border: 2px solid #4CAF50;
        color: white;
        padding: 6px 5px;
        font-size: 16px;
        cursor: pointer;
        opacity: 0.6;
        transition: 0.3s;
        line-height: 0.5;
    }

    .property-btn-liked {
        background-color: rgba(185, 34, 34, 0.75);
    }
    /* Darker background on mouse-over */
    .property-btn:hover {
        background-color: #4CAF50;
        opacity: 1;
    }

    .property-date {
        font-size: 12px;
        font-weight: bold;
    }

    .price-toman {
        font-size: 14px !important;
    }

    .price-period {
        font-size: 14px !important;
        color: #f4511e !important;
    }

    .property-desc {
        font-size: 14px !important;
        padding-right: 30px;
    }


    .page-number {
        font-weight: bold;
    }

    .property-type {
        color: #f4511e !important;
    }

    .progress-bar {
        width: 300px;
        margin: 0 auto;
    }

    @media only screen and (max-width: 767px) {
        .progress-bar {
            width: 250px;
            margin: 0 auto;
        }
    }


    progress::-webkit-progress-bar {
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    progress::-webkit-progress-value {
        background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    }

    #status {
        font-family: Tahoma;
        font-size: 14px;
        color: rgba(185, 34, 34, 0.75);
    }

    .autocomplete {
        width: 300px;
        position: relative;
        display: inline-block;
    }

    @media only screen and (max-width: 767px) {
        .autocomplete {
            width: 120px;
            position: relative;
            display: inline-block;
        }
    }

    .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        /*position the autocomplete items to be the same width as the container:*/
        top: 100%;
        left: 0;
        right: 0;
        font-family: Tahoma;
        font-size: 14px;
        text-align: right;
    }

        .autocomplete-items div {
            padding: 10px;
            cursor: pointer;
            background-color: #fff;
            border-bottom: 1px solid #d4d4d4;
        }

            .autocomplete-items div:hover {
                background-color: #e9e9e9;
            }

    .autocomplete-active {
        background-color: DodgerBlue !important;
        color: #ffffff;
    }

    @media only screen and (max-width: 767px) {
        .modal-display {
            display: table !important;
        }
    }

    .photo-row .delete-btn {
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #fff;
        color: red;
        font-size: 16px;
        padding: 2px 10px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        opacity: 0.8;
    }

    .mainPhoto .main {
        position: absolute;
        top: 4%;
        left: 19%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #555;
        color: white;
        font-size: 14px;
        padding: 5px 10px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        opacity: 0.8;
    }

    .mainPhoto .main-update {
        position: absolute;
        top: 4%;
        right: 0%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #555;
        color: white;
        font-size: 14px;
        padding: 5px 10px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        opacity: 0.8;
    }

 
    .photos-section {
        font-family: Yekan,Tahoma;
        font-size: 18px;
        text-align: center;
    }

    .photo-row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 4px;
        margin: 0 auto;
        width: 600px;
    }


    .photo-column {
        flex: 25%;
        padding: 0 4px;
    }

        .photo-column img {
            margin-top: 8px;
            vertical-align: middle;
            width: 120px;
            height: 100px;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 5px;
        }

    @media only screen and (max-width: 767px) {
        .photo-column {
            flex: 5% 0.1;
            padding: 0 4px;
        }
    }

    .photo-row:after {
        content: "";
        display: table;
        clear: both;
    }


    .field-validation-error {
        padding-right: 2px;
        font-size: 16px;
        font-family: Yekan,Tahoma;
    }

    .form-ltr {
        direction: ltr;
    }

    .form-rtl {
        direction: rtl;
    }

    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #afb4bf;
        opacity: 0.6; /* Firefox browser */
        font-family: Yekan,Tahoma;
    }

    .property .nice-select {
        width: 70%;
        text-align: right !important;
    }

    .upload-btn {
        width: 200px;
        font-size: 24px;
    }

    .title .alert {
        width: 300px;
        margin: 0 auto;
    }

    @media only screen and (max-width: 767px) {
        .title .alert {
            width: 100%;
            margin: 0 auto;
        }
    }


    .note {
        text-align: center;
        font-family: IRANSansWeb,Tahoma;
        font-size: 14px;
        text-align: right;
    }

        .note ul li {
            padding-top: 2px;
        }

    .property .nice-select ul li {
        text-align: right !important;
    }


    .price-format {
        font-family: Tahoma;
        font-size: 14px;
        color: rgba(185, 34, 34, 0.75);
        width: 250px;
    }

    .number-field {
        width: 50%;
    }

    .radio-toolbar input[type="radio"] {
        opacity: 0;
        position: fixed;
        width: 0;
    }

    .radio-toolbar label {
        width: 120px;
        text-align: center;
        display: inline-block;
        background-color: #ebebeb;
        padding: 5px 20px;
        font-family: Yekan,Tahoma;
        font-size: 16px;
        border: 2px solid #444;
        border-radius: 4px;
        color: #fff;
    }

    .radio-toolbar input[type="radio"]:checked + label {
        background-color: rgba(185, 34, 34, 0.75);
        border-color: #000;
    }

    .radio-toolbar input[type="radio"]:focus + label {
        border: 2px solid #444;
    }

    .radio-toolbar label:hover {
        background-color: #f26522;
        cursor: pointer;
    }

    .check-container {
        display: block;
        margin: 0 auto;
        position: relative;
        padding-left: 35px;
        padding-right: 10px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 17px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: Yekan,Tahoma;
    }

        .check-container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
    }

    .check-container:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .check-container input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .check-container input:checked ~ .checkmark:after {
        display: block;
    }

    .check-container .checkmark:after {
        left: 11px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .form-column {
        direction: rtl;
    }

    .control-label {
        padding-left: 10px;
        font-family: Yekan,Tahoma;
    }

    #pin:hover {
        cursor: pointer;
    }

    #map-container-add {
        height: 280px;
        width: 700px; 
        /*overflow: hidden;*/
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        #map-container-add {
            width: 550px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        #map-container-add {
            width: 400px;
        }
    }


    @media only screen and (max-width: 767px) {
        #map-container-add {
            width: 250px;
            /*height: 220px;*/
        }
    }


    .card-body {
        /*background-color: #ebebeb;*/
    }

    .form-frame {
        border: solid 2px #ebebeb;
    }

    #loupe {
        width: 20vw;
        /*        height: 20vw;*/
        position: absolute;
        top: 80px;
        right: -550px;  
        overflow: hidden;
        border: 8px solid #FFF;
        -webkit-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.2);
    }


    #loupe-update {
        width: 20vw;
        height: 15vw;
        position: absolute;
        top: 80px;
        right: -150px; 
        overflow: hidden;
        border: 8px solid #FFF;
        -webkit-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.2);
    }

    .add-title {
        padding-top: 20px;
        font-family: Yekan,Tahoma;
        font-size: 30px;
        letter-spacing: .5px;
        color: #d9534f;
    }

    .user-area {
        padding: 5px 10px;
        border: solid 1px rgba(0, 0, 0, 0.6);
    }

    .user-area-link {
        padding-top: 5px;
        font-family: Yekan,Tahoma;
    }

    .welcome {
        padding-left: 5px;
        color: rgba(185, 34, 34, 0.75) !important;
        font-family: IRANSansWeb_Bold,Tahoma;
    }

    .welcome-text {
        font-family: Yekan,Tahoma;
        font-size: 14px;
        letter-spacing: .5px;
    
    }

    .user-name {
        color: #dbd84f;
        font-size: 18px;
        text-align: center;
    }

    .table-user tr {
        line-height: 12px;
        min-height: 12px;
        height: 12px;
        font-family: Tahoma;
        font-size: 14px;
    }

    .profile-icon {
        color: rgba(185, 34, 34, 0.75);
        padding-left: 5px;
    }

    .form-group .form-control input {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-family: Yekan,Tahoma;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
    }

    .ForgetPassword {
        font-family: Tahoma;
        font-size: 16px;
        text-align: right
    }

    .loadingLogin {
        position: fixed;
        display: none;
        z-index: 1031;
        /*height: 2em;
        width: 2em;*/
        overflow: visible;
        margin: auto;
        top: 20px;
        left: 20px;
        bottom: 0;
        right: 0;
    }

        /* Transparent Overlay */
        .loadingLogin:before {
            content: '';
            display: block;
            position: fixed;
            top: 20px;
            left: 20px;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.3);
        }

        /* :not(:required) hides these rules from IE9 and below */
        .loadingLogin:not(:required) {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
        }

            .loadingLogin:not(:required):after {
                content: '';
                display: block;
                font-size: 10px;
                width: 1em;
                height: 1em;
                margin-top: -0.5em;
                -webkit-animation: spinner 1500ms infinite linear;
                -moz-animation: spinner 1500ms infinite linear;
                -ms-animation: spinner 1500ms infinite linear;
                -o-animation: spinner 1500ms infinite linear;
                animation: spinner 1500ms infinite linear;
                border-radius: 0.5em;
                -webkit-box-shadow: rgba(185, 34, 34, 0.75) 1.5em 0 0 0, rgba(185, 34, 34, 0.75) 1.1em 1.1em 0 0, rgba(185, 34, 34, 0.75) 0 1.5em 0 0, rgba(185, 34, 34, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(185, 34, 34, 0.75) 0 -1.5em 0 0, rgba(185, 34, 34, 0.75) 1.1em -1.1em 0 0;
                box-shadow: rgba(185, 34, 34, 0.75) 1.5em 0 0 0, rgba(185, 34, 34, 0.75) 1.1em 1.1em 0 0, rgba(185, 34, 34, 0.75) 0 1.5em 0 0, rgba(185, 34, 34, 0.75) -1.1em 1.1em 0 0, rgba(185, 34, 34, 0.75) -1.5em 0 0 0, rgba(185, 34, 34, 0.75) -1.1em -1.1em 0 0, rgba(185, 34, 34, 0.75) 0 -1.5em 0 0, rgba(185, 34, 34, 0.75) 1.1em -1.1em 0 0;
            }



    /* Absolute Center Spinner */
    .loadingReg {
        position: fixed;
        display: none;
        z-index: 1031;
        /*height: 2em;
         width: 2em;*/
        overflow: visible;
        margin: auto;
        top: 20px;
        left: 20px;
        bottom: 0;
        right: 0;
    }

        /* Transparent Overlay */
        .loadingReg:before {
            content: '';
            display: block;
            position: fixed;
            top: 20px;
            left: 20px;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.3);
        }

        /* :not(:required) hides these rules from IE9 and below */
        .loadingReg:not(:required) {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
        }

            .loadingReg:not(:required):after {
                content: '';
                display: block;
                font-size: 10px;
                width: 1em;
                height: 1em;
                margin-top: -0.5em;
                -webkit-animation: spinner 1500ms infinite linear;
                -moz-animation: spinner 1500ms infinite linear;
                -ms-animation: spinner 1500ms infinite linear;
                -o-animation: spinner 1500ms infinite linear;
                animation: spinner 1500ms infinite linear;
                border-radius: 0.5em;
                -webkit-box-shadow: rgba(185, 34, 34, 0.75) 1.5em 0 0 0, rgba(185, 34, 34, 0.75) 1.1em 1.1em 0 0, rgba(185, 34, 34, 0.75) 0 1.5em 0 0, rgba(185, 34, 34, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(185, 34, 34, 0.75) 0 -1.5em 0 0, rgba(185, 34, 34, 0.75) 1.1em -1.1em 0 0;
                box-shadow: rgba(185, 34, 34, 0.75) 1.5em 0 0 0, rgba(185, 34, 34, 0.75) 1.1em 1.1em 0 0, rgba(185, 34, 34, 0.75) 0 1.5em 0 0, rgba(185, 34, 34, 0.75) -1.1em 1.1em 0 0, rgba(185, 34, 34, 0.75) -1.5em 0 0 0, rgba(185, 34, 34, 0.75) -1.1em -1.1em 0 0, rgba(185, 34, 34, 0.75) 0 -1.5em 0 0, rgba(185, 34, 34, 0.75) 1.1em -1.1em 0 0;
            }


    /* Absolute Center Spinner */
    .loading {
        position: fixed;
        display: none;
        z-index: 1031;
        height: 2em;
        width: 2em;
        overflow: visible;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        /* Transparent Overlay */
        .loading:before {
            content: '';
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.3);
        }

        /* :not(:required) hides these rules from IE9 and below */
        .loading:not(:required) {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
        }

            .loading:not(:required):after {
                content: '';
                display: block;
                font-size: 10px;
                width: 1em;
                height: 1em;
                margin-top: -0.5em;
                -webkit-animation: spinner 1500ms infinite linear;
                -moz-animation: spinner 1500ms infinite linear;
                -ms-animation: spinner 1500ms infinite linear;
                -o-animation: spinner 1500ms infinite linear;
                animation: spinner 1500ms infinite linear;
                border-radius: 0.5em;
                -webkit-box-shadow: rgba(185, 34, 34, 0.75) 1.5em 0 0 0, rgba(185, 34, 34, 0.75) 1.1em 1.1em 0 0, rgba(185, 34, 34, 0.75) 0 1.5em 0 0, rgba(185, 34, 34, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(185, 34, 34, 0.75) 0 -1.5em 0 0, rgba(185, 34, 34, 0.75) 1.1em -1.1em 0 0;
                box-shadow: rgba(185, 34, 34, 0.75) 1.5em 0 0 0, rgba(185, 34, 34, 0.75) 1.1em 1.1em 0 0, rgba(185, 34, 34, 0.75) 0 1.5em 0 0, rgba(185, 34, 34, 0.75) -1.1em 1.1em 0 0, rgba(185, 34, 34, 0.75) -1.5em 0 0 0, rgba(185, 34, 34, 0.75) -1.1em -1.1em 0 0, rgba(185, 34, 34, 0.75) 0 -1.5em 0 0, rgba(185, 34, 34, 0.75) 1.1em -1.1em 0 0;
            }

    /* Animation */
    @-webkit-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-moz-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-o-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .green {
        color: #92c800;
    }

    .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
    }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    input:checked + .slider {
        background-color: #2196F3;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    .isAgent {
        height: 30px;
    }

        .isAgent label {
            padding-top: 4px;
        }

.classy-menu .classynav .submit-btn a {
    /*#ee5c3e*/
    font-family: Yekan;
    border: 1px solid #000;
    height: 40px;
    line-height: 36px;
    min-width: 100px;
    text-align: center;
    color: #ee5c3e;
    font-size: 16px;
    border-radius: 2px;
    letter-spacing: 0.5px;
}



    @media only screen and (max-width: 767px) {
        .classy-menu .classynav .submit-btn a {
            font-family: Yekan;
            border: 1px solid #ee5c3e;
            height: 40px;
            line-height: 36px;
            min-width: 100px;
            text-align: center;
            color: #ee5c3e;
            font-size: 16px;
            border-radius: 2px;
            letter-spacing: 0.5px;
            margin-bottom: 10px;
        }
    }


.classy-menu .classynav .submit-btn a:hover, .submit-btn a:focus {
    background-color: #ee5c3e;
    color: #ffffff;
    border: 1px solid #000;
    cursor: pointer; 
}

    .featured {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 80px;
        border: solid 2px #f26522;
        padding: 2px;
        color: #000;
        font-family: Yekan;
        font-size: 16px;
        text-align: center;
    }

    .agentFeatured {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 80px;
        border: solid 2px #dbce2b;
        padding: 2px;
        background: #1e2c4e;
        color: #fff;
        font-family: Yekan;
        font-size: 16px;
        text-align: center;
    }

    .validation-summary-errors {
        text-align: right;
        padding-right: 15px;
        font-family: Yekan,Tahoma;
        font-size: 16px;
    }

    /* Full-width input fields */
    input[type=text], input[type=password] {
        width: 100%;
        padding: 12px 20px;
        /* margin: 8px 0;*/
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-family: Yekan,Tahoma;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
    }

    .form-group select {
        width: 60%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-family: Yekan,Tahoma;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
    }

 

    .form-group textarea {
        width: 60%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-family: Yekan,Tahoma;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
    }

    @media only screen and (max-width: 767px) {
        .form-group textarea {
            width: 250px;
        }
    }

    .form-group input[type=text], input[type=password] {
        /*width: 60%;*/
        height: 35px;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-family: Yekan,Tahoma;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
    }

    @media only screen and (max-width: 767px) {
        .form-group input[type=text], input[type=password] {
            width: 100%;
            height: 35px;
            padding: 12px 20px;
            margin: 8px 0;
            display: inline-block;
            border: 1px solid #ccc;
            box-sizing: border-box;
            font-family: Yekan,Tahoma;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.6);
        }
    }

    .address-field {
        width: 78% !important;
    }

    

    /* Set a style for all buttons */
    button {
        background-color: #4CAF50;
        font-family: 'Yekan',Tahoma;
        font-size: 20px;
        color: white;
        padding: 10px 20px;
        margin: 8px 0;
        border: none;
        cursor: pointer;
        width: 100%;
    }

    .register {
        font-family: 'Yekan',Tahoma;
        font-size: 24px;
        color: white !important;
        margin: 8px 0;
        border: none;
        cursor: pointer;
        width: 100%;
        text-align: center;
    }

    button:hover {
        opacity: 0.8;
    }

    .modal-body label {
        padding-left: 10px;
        margin-bottom: 1px;
    }

    /* Extra styles for the cancel button */
    .cancelbtn {
        width: auto;
        padding: 10px 18px;
        background-color: #f44336;
    }

    /* Center the image and position the close button */
    .imgcontainer {
        text-align: center;
        /*margin: 24px 0 12px 0;*/
        position: relative;
    }

    img.avatar {
        width: 150px;
        height: 150px;
        /*   width: 40%;*/
        border-radius: 50%;
    }

    .validation-summary-valid {
        display: none;
    }

    .form-container {
        /*padding: 10px;*/
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        /*direction:rtl;*/
    }

        .form-container label {
            font-family: Yekan,Tahoma;
            /*font-size:18px;*/
            float: right;
            padding-right: 10px;
            padding-left: 20px;
        }

    .container-bottom {
        padding: 5px;
        height: 40px;
    }

    span.psw {
        float: right;
    }

    .registerbtn {
        width: auto;
        color: #2196F3;
        padding: 10px 18px;
        font-family: Yekan,Tahoma;
        font-size: 17px;
    }

    .close-btn {
        display: inline-block;
        padding: 4px;
        border: 1px solid red;
        z-index: 500;
    }

    .modal-header .close {
        float: right;
        padding-top: 25px;
        text-align: right;
    }

    .login-btn:hover {
        cursor: pointer;
    }

    .modal-title {
        margin: auto;
        letter-spacing: 0.5px;
        font-family: Yekan,Tahoma;
        font-size: 22px;
        direction: rtl;
    }

    .btn-primary {
        font-size: 24px;
        font-family: 'Yekan';
    }

    /* The Modal (background) */
    @media only screen and (max-width: 767px) {
        .modal-content {
            background-color: #fefefe;
            margin: 5% auto 15% auto; 
            border: 1px solid #888;
            width: 100%; 
        }
    }

    .close {
        position: absolute;
        padding-top: 15px;
        right: 15px;
        top: 0;
        color: #000;
        font-size: 35px;
        font-weight: bold;
    }

        .close:hover,
        .close:focus {
            color: red;
            cursor: pointer;
        }

    /* Add Zoom Animation */
    .animate {
        -webkit-animation: animatezoom 0.6s;
        animation: animatezoom 0.6s
    }

    @-webkit-keyframes animatezoom {
        from {
            -webkit-transform: scale(0)
        }

        to {
            -webkit-transform: scale(1)
        }
    }

    @keyframes animatezoom {
        from {
            transform: scale(0)
        }

        to {
            transform: scale(1)
        }
    }

    /* Change styles for span and cancel button on extra small screens */
    @media screen and (max-width: 300px) {
        span.psw {
            display: block;
            float: none;
        }

        .cancelbtn {
            width: 100%;
        }
    }

    * {
        margin: 0;
        padding: 0;
    }

    body {
        font-family: "Yekan","Tahoma","Lato", sans-serif;
        font-weight: 400;
        font-size: 16px;
        position: relative;
        z-index: auto;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Lato", sans-serif;
        color: #2a303b;
        line-height: 1.25;
        font-weight: 700;
    }

    a {
        color: #2a303b;
        text-decoration: none;
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
        outline: none;
        font-weight: 500;
    }

        a:hover, a:focus {
            color: #2a303b;
            text-decoration: none;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
            outline: none;
            font-weight: 500;
        }

    li {
        list-style: none;
    }

    p {
        line-height: 1.5;
        color: #636a76;
        font-size: 16px;
        font-weight: 400;
        font-family: Yekan;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    ul {
        margin: 0;
        padding: 0;
    }

        ul li {
            margin: 0;
            padding: 0;
        }

    .bg-overlay {
        position: relative;
        z-index: 1;
    }

        .bg-overlay::after {
            position: absolute;
            content: "";
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            z-index: -1;
            background-color: rgba(0, 0, 0, 0.2);
        }

    .bg-overlay-2 {
        position: relative;
        z-index: 1;
    }

        .bg-overlay-2::after {
            position: absolute;
            content: "";
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            z-index: -1;
            background-color: rgba(25, 24, 29, 0.8);
        }

 

    .bg-img {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .jarallax {
        position: relative;
        z-index: 0;
    }

        .jarallax > .jarallax-img {
            position: absolute;
            object-fit: cover;
            font-family: 'object-fit: cover';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close {
        color: #ffffff;
        right: 20px;
        text-align: center;
        padding-right: 0;
        width: 100%;
        position: fixed;
        top: 20px;
        width: 30px;
        background: #92c800;
        height: 30px;
        line-height: 30px;
    }

    button.mfp-close,
    button.mfp-arrow {
        background: #92c800;
    }

    .mfp-bottom-bar {
        display: none !important;
    }

    .mfp-bg {
        background-color: #000000;
    }

    .bg-transparent {
        background-color: transparent !important;
    }

    .bg-gray {
        background-color: #eef2f5 !important;
    }

    textarea:focus,
    input:focus {
        outline: none;
    }

    textarea:invalid,
    input:invalid {
        box-shadow: none !important;
    }

    .border {
        border-color: #e5e5e5;
    }

    .border-2 {
        border: 1px solid #ebebeb;
    }

    .mfp-arrow-left::after {
        border-right-color: transparent;
    }

    .mfp-arrow-left::before {
        border-right-color: #ffffff;
    }

    .mfp-arrow-right::after {
        border-left-color: transparent;
    }

    .mfp-arrow-right::before {
        border-left-color: #ffffff;
    }

    /* :: 02.0 Spacing Area CSS */
    .mt-10 {
        margin-top: 10px;
    }

    .mt-15 {
        margin-top: 15px;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .mt-40 {
        margin-top: 40px;
    }

    .mt-50 {
        margin-top: 50px;
    }

    .mt-70 {
        margin-top: 70px;
    }

    .mt-80 {
        margin-top: 80px;
    }

    .mt-100 {
        margin-top: 100px;
    }

    .mt-150 {
        margin-top: 150px;
    }

    .mr-15 {
        margin-right: 15px;
    }

    .mr-30 {
        margin-right: 30px;
    }

    .mr-50 {
        margin-right: 50px;
    }

    .mr-100 {
        margin-right: 100px;
    }

    .mb-10 {
        margin-bottom: 10px;
    }

    .mb-15 {
        margin-bottom: 15px;
    }

    .mb-20 {
        margin-bottom: 20px;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .mb-40 {
        margin-bottom: 40px;
    }

    .mb-50 {
        margin-bottom: 50px;
    }

    .mb-60 {
        margin-bottom: 60px;
    }

    .mb-70 {
        margin-bottom: 70px;
    }

    .mb-80 {
        margin-bottom: 80px;
    }

    .mb-100 {
        margin-bottom: 100px;
    }

    .ml-15 {
        margin-left: 15px;
    }

    .ml-30 {
        margin-left: 30px;
    }

    .ml-50 {
        margin-left: 50px;
    }

    .ml-100 {
        margin-left: 100px;
    }

    .pt-50 {
        padding-top: 50px !important;
    }

.section-padding-30-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}


    .section-padding-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .section-padding-100-60 {
        padding-top: 50px;
        padding-bottom: 60px;
    }


    .section-padding-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section-padding-80-0 {
        padding-top: 80px;
        padding-bottom: 0;
        direction: rtl;
    }

    .section-padding-100-0 {
        padding-top: 100px;
        padding-bottom: 0;
    }

.persis {
    color: rgba(185, 34, 34, 0.75);
    font-family: sans-serif;
    font-style:italic;
    font-size: 30px;
    font-weight: 700;
    padding-right: 10px;
}

.home {
    color: rgba(0, 0, 0, 0.6);
    font-family: sans-serif;
    font-style: italic;
    font-size: 30px;
    font-weight: 700;
}

.loader-header {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom:10px;
}
 
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

    .loader,
    .loader:before,
    .loader:after {
        border-radius: 50%;
        width: 2.5em;
        height: 2.5em;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation: load7 1.8s infinite ease-in-out;
        animation: load7 1.8s infinite ease-in-out;
    }

    .loader {
        color: rgba(185, 34, 34, 0.75);
        font-size: 6px;
        position: relative;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

        .loader:before,
        .loader:after {
            content: '';
            position: absolute;
            top: 0;
        }

        .loader:before {
            left: -3.5em;
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
        }

        .loader:after {
            left: 3.5em;
        }

    @-webkit-keyframes load7 {
        0%, 80%, 100% {
            box-shadow: 0 2.5em 0 -1.3em;
        }

        40% {
            box-shadow: 0 2.5em 0 0;
        }
    }

    @keyframes load7 {
        0%, 80%, 100% {
            box-shadow: 0 2.5em 0 -1.3em;
        }

        40% {
            box-shadow: 0 2.5em 0 0;
        }
    }
    /* :: 4.0 Heading Area CSS */
    .section-heading {
        position: relative;
        z-index: 1;
        margin-top:20px;
        margin-bottom: 50px;
    }

        .section-heading h2 {
            font-family: 'Yekan','Tahoma';
            font-size: 42px;
            text-transform: capitalize;
            display: block;
            color: #2a303b;
            margin-bottom: 10px;
        }

        .section-heading h3 {
            font-family: 'Yekan','Tahoma';
        }
            .section-heading h2 span {
                /* color: #92c800;*/
                color: #fff;
            }

        .section-heading h3 span {
            font-family: 'Yekan','Tahoma';
            color: #92c800;
        }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-heading h2 {
            font-size: 36px;
        }
    }

    @media only screen and (max-width: 767px) {
        .section-heading h2 {
            font-size: 24px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .section-heading h2 {
            font-size: 30px;
        }
    }

    .section-heading p {
        font-size: 18px;
        margin-bottom: 0;
    }

    @media only screen and (max-width: 767px) {
        .section-heading p {
            font-size: 14px;
        }
    }

    /* :: 05.0 Backtotop Area CSS */
    #scrollUp {
        position: fixed;
        right: 40px;
        font-size: 20px;
        line-height: 40px;
        width: 40px;
        height: 40px;
        bottom: 40px;
        background-color: #92c800;
        color: #ffffff;
        text-align: center;
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
        border-radius: 50%;
        -webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
        box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
        z-index: 15962536;
    }

    @media only screen and (max-width: 767px) {
        #scrollUp {
            right: 20px;
            bottom: 20px;
        }
    }

    #scrollUp:focus, #scrollUp:hover {
        background-color: #000000;
        color: #ffffff;
    }

    /* :: 06.0 Buttons Area CSS */
    .btn:focus {
        box-shadow: none;
    }

    .rehomes-btn {
        position: relative;
        z-index: 1;
        min-width: 150px;
        height: 46px;
        line-height: 46px;
        font-size: 20px;
        font-weight: 500;
        font-family: Yekan,Tahoma;
        display: inline-block;
        padding: 0 40px;
        text-align: center;
        text-transform: capitalize;
        background-color: #92c800;
        color: #ffffff;
        border: none;
        border-radius: 2px;
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
    }

        .rehomes-btn:focus, .rehomes-btn:hover {
            font-weight: 500;
            -webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
            box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
            background-color: #ffffff;
            color: #92c800;
        }

        .rehomes-btn.btn-2 {
            min-width: 180px;
            height: 50px;
            /*line-height: 46px;*/
            border: 2px solid #92c800;
            background-color: transparent;
            color: #ffffff;
        }

            .rehomes-btn.btn-2:focus, .rehomes-btn.btn-2:hover {
                color: #ffffff;
                background-color: #92c800;
            }

    /* :: 07.0 Header Area CSS */
.header-area {
    position: relative;
    z-index: 1000;
    width: 100%;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: #92c800;
    -webkit-box-shadow: 0px 1px 14.25px 0.75px rgba(6, 6, 28, 0.1);
    box-shadow: 0px 1px 4.25px 0.75px rgba(6, 6, 28, 0.1);
}

    .top-header-area {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 60px;
        background-color: #2a303b;
    }

        .top-header-area .top-header-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .top-header-area .top-header-content > a {
                color: #ffffff;
                font-size: 14px;
                font-weight: 400;
                display: inline-block;
                margin-right: 30px;
            }

                .top-header-area .top-header-content > a:last-child {
                    margin-right: 0;
                }

                .top-header-area .top-header-content > a i {
                    padding-right: 5px;
                    color: #ffffff;
                }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .top-header-area .top-header-content > a {
            margin-right: 30px;
        }
    }

    @media only screen and (max-width: 767px) {
        .top-header-area .top-header-content > a {
            margin-right: 15px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .top-header-area .top-header-content > a span {
            display: none;
        }
    }

    @media only screen and (max-width: 767px) {
        .top-header-area .top-header-content > a span {
            display: none;
        }
    }

    .top-header-area .top-header-content > a:hover, .top-header-area .top-header-content > a:focus {
        color: #afb4bf;
    }

    .top-header-area .top-header-content .top-social-area a {
        display: inline-block;
        margin-right: 30px;
        color: #ffffff;
        line-height: 50px;
        font-size: 14px;
    }

        .top-header-area .top-header-content .top-social-area a:last-child {
            margin-right: 0;
        }

    @media only screen and (max-width: 767px) {
        .top-header-area .top-header-content .top-social-area a {
            margin-right: 15px;
        }
    }

    .top-header-area .top-header-content .top-social-area a:hover, .top-header-area .top-header-content .top-social-area a:focus {
        color: #92c800;
    }

    .classy-nav-container {
        background-color: transparent;
        padding: 0;
    }

        .classy-nav-container .classy-navbar {
            font-family: 'Yekan';
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
            height: 60px;
            padding: 0;
        }

    @media only screen and (max-width: 767px) {
        .classy-nav-container .classy-navbar .nav-brand {
            max-width: 200px;
            margin-right: 15px;
        }
    }

    .classy-nav-container .classy-navbar .classynav ul li a {
        font-family: Yekan;
        font-size: 17px;
        text-transform: capitalize;
        color: #2a303b;
        font-weight: 500;
        padding: 0 20px;
    }

        .classy-nav-container .classy-navbar .classynav ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li a:hover {
            color: #afb4bf;
            font-weight: 500;
        }

    .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a {
        font-size: 16px;
        text-transform: capitalize;
        height: 42px;
        line-height: 42px;
        padding: 0 30px;
        color: #2a303b;
        text-align: right;
    }

        .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:hover {
            color: #92c800;
        }

    .classynav ul li.active a {
        color: #92c800;
    }

    .classynav ul li.has-down > a::after,
    .classynav ul li.has-down.active > a::after,
    .classynav ul li.megamenu-item > a::after {
        color: #2a303b;
    }

    .breakpoint-off .classynav ul li .dropdown,
    .breakpoint-off .classynav ul li .megamenu {
        width: 210px;
        -webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
        box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
        border-radius: 6px;
    }

    .breakpoint-off .classynav ul li .megamenu {
        width: 100%;
    }

    .classy-navbar-toggler .navbarToggler span {
        background-color: #2a303b;
    }

.main-header-area {
    position: relative;
    z-index: 1;
    /* #f9cb1e */
    background-color: #ffcb05;
}

        .main-header-area .contact-btn a {
            font-family: Yekan;
           /* #92c800*/
            border: 1px solid #000;
            height: 40px;
            line-height: 36px;
            min-width: 100px;
            text-align: center;
            color: #000;
            font-size: 17px;
            border-radius: 2px;
            letter-spacing: 0.5px; 
        }

            .main-header-area .contact-btn a:hover, .main-header-area .contact-btn a:focus {
                background-color: #92c800;
                color: #ffffff;
            }

 

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .main-header-area.sticky .classy-navbar .classy-menu {
            height: 100vh !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .main-header-area.sticky .classy-navbar .classy-menu {
            height: 100vh !important;
        }
    }
     
    .welcome-area {
        position: relative;
        z-index: 1;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .welcome-area {
            height: 400px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .welcome-area {
            height: 450px;
        }
    }

    @media only screen and (max-width: 767px) {
        .welcome-area {
            height: 380px;
        }
    }

    .welcome-area .google-maps {
        width: 100%;
        height: 100%;
    }

        .welcome-area .google-maps iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

    #map {
        width: 100%;
        height: 400px;
    }

#map-container .mk-map-view {
    width: 100%;
    height: 750px !important;
}

    #map-container-add .mk-map-view {
        width: 100%;
        height: 350px !important;
    }

    #map-container-property .mk-map-view {
        width: 100%;
        height: 250px;
    }

    #map-container-agent .mk-map-view {
        width: 100%;
        height: 370px;
    }

    .landmark {
        width: 250px;
        padding: 7px 0 0 0;
        background: rgba(247, 247, 247, 0.75);
        border-radius: 5px;
        box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.29);
        font-family: Helvetica, Arial, sans-serif;
        -webkit-transform-origin: 0 10px;
        transform-origin: 0 10px;
    }

        .landmark h1 {
            margin-top: 0;
            padding: 5px 15px;
            background: #2aaef5;
            color: rgba(255, 255, 255, 0.9);
            font-size: 16px;
            font-weight: 300;
        }

        .landmark section {
            padding: 0 15px 5px;
            font-size: 14px;
        }

            .landmark section p {
                margin: 2px 0;
            }

            .landmark section .price {
                font-size:14px;
            }

        .landmark:after {
            content: "";
            position: absolute;
            top: 7px;
            left: -13px;
            width: 0;
            height: 0;
            margin-bottom: -13px;
            border-right: 13px solid #2aaef5;
            border-top: 13px solid rgba(0, 0, 0, 0);
            border-bottom: 13px solid rgba(0, 0, 0, 0);
        }

    .nice-select .list {
        width: 100%;
    }

.rehomes-search-form-area {
    position: relative;
    z-index: 100;
    background-color: #f7f7f7;
    padding: 10px 0 0 0;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 14.25px 0.75px rgba(6, 6, 28, 0.1);
    box-shadow: 0px 5px 4.25px 0.75px rgba(6, 6, 28, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rehomes-search-form-area {
        width: 90%;
    }
  }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .rehomes-search-form-area {
            padding: 30px 0;
        }
    }

    @media only screen and (max-width: 767px) {
        .rehomes-search-form-area {
            padding: 30px 0;
        }
    }

    .rehomes-search-form-area .field-separator {
        border-right: 3px solid rgba(0, 0, 0, 0.1);
        height: 40px;
        margin-bottom: 10px;
    }

    .rehomes-search-form-area .rehomes-search-form {
        position: relative;
        width: 100%;
    }

        .rehomes-search-form-area .rehomes-search-form .row .row {
            margin-left: -7.5px;
            margin-right: -7.5px;
        }

            .rehomes-search-form-area .rehomes-search-form .row .row .col-12 {
                padding-left: 7.5px;
                padding-right: 7.5px;
            }

        .rehomes-search-form-area .rehomes-search-form .form-control {
            width: 100%;
            margin-bottom: 15px;
            height: 45px;
            border: 1px solid #e5e5e5;
            font-size: 16px;
            border-radius: 2px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #2a303b;
        }

    @media only screen and (max-width: 767px) {
        .rehomes-search-form-area .rehomes-search-form .form-control {
            margin-bottom: 30px;
        }
    }

    .rehomes-search-form-area .rehomes-search-form .form-control:focus {
        box-shadow: none;
        border-color: #92c800;
    }

.rehomes-search-form-area .rehomes-search-form .rehomes-search-btn {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 50px;
    width: 100%;
    /*#92c800*/
    background-color: #92c800;
    color: #ffffff;
    /*line-height: 10px;*/
    border: none;
    display: inline-block;
    text-align: center;
    padding: 0;
    border-radius: 2px;
    font-size: 24px;
}

        .rehomes-search-form-area .rehomes-search-form .rehomes-search-btn:hover, .rehomes-search-form-area .rehomes-search-form .rehomes-search-btn:focus {
            color: #ffffff;
        }


    .slider-range .range-size {
        font-size: 16px;
        margin-bottom: 10px;
        text-align: right;
    }

    .slider-range .range-price {
        font-size: 16px;
        margin-bottom: 10px;
        text-align: right;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-range .range-price {
        width: 230px;
    }
}
 
    .footer-area {
        position: relative;
        z-index: 1;
    }

    .single-footer-widget {
        position: relative;
        z-index: 1;
        text-align: center;
    }

        .single-footer-widget .widget-title {
            font-family: 'Yekan','Tahoma';
            font-size: 22px;
            color: #ffffff;
            margin-bottom: 25px;
            display: block;
            text-transform: capitalize;
        }

        .single-footer-widget p {
            color: #afb4bf;
            margin-bottom: 25px;
        }

        .single-footer-widget .social-info a {
            height: 40px;
            width: 40px;
            border: 1px solid #ffffff;
            display: inline-block;
            border-radius: 50%;
            color: #ffffff;
            text-align: center;
            line-height: 38px;
            font-size: 18px;
            margin-right: 10px;
            margin-bottom: 5px;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }

            .single-footer-widget .social-info a:hover {
                background-color: #92c800;
                color: #ffffff;
                border-color: #92c800;
            }

        .single-footer-widget .footer-contact-area {
            position: relative;
            z-index: 1;
            margin-bottom: 25px;
        }

            .single-footer-widget .footer-contact-area:last-child {
                margin-bottom: 0;
            }

            .single-footer-widget .footer-contact-area .post-title {
                font-size: 16px;
                display: block;
                margin-bottom: 20px;
                color: #ffffff;
                font-weight: 400;
            }

                .single-footer-widget .footer-contact-area .post-title span {
                    color: #afb4bf;
                }

                .single-footer-widget .footer-contact-area .post-title:focus, .single-footer-widget .footer-contact-area .post-title:hover {
                    color: #ffffff;
                }

        .single-footer-widget .footer-nav {
            position: relative;
            z-index: 1;
        }

            .single-footer-widget .footer-nav li {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
                width: 50%;
            }

                .single-footer-widget .footer-nav li a {
                    display: block;
                    margin-bottom: 15px;
                    color: #afb4bf;
                    font-size: 16px;
                    font-weight: 400;
                    text-transform: capitalize;
                }

                    .single-footer-widget .footer-nav li a i {
                        color: #ffffff;
                    }

                    .single-footer-widget .footer-nav li a:focus, .single-footer-widget .footer-nav li a:hover {
                        color: #ffffff;
                    }

                .single-footer-widget .footer-nav li:last-child a {
                    margin-bottom: 0;
                }

        .single-footer-widget .nl-form {
            position: relative;
            z-index: 1;
            margin-top: 30px;
        }

            .single-footer-widget .nl-form input {
                width: 100%;
                height: 46px;
                background-color: #ffffff;
                border-radius: 23px;
                border: none;
                padding: 0 20px;
                color: #afb4bf;
                font-size: 16px;
            }

                .single-footer-widget .nl-form input:focus {
                    box-shadow: none;
                }

            .single-footer-widget .nl-form button {
                position: absolute;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                border: none;
                top: 3px;
                right: 3px;
                color: #ffffff;
                background-color: #92c800;
                cursor: pointer;
                -webkit-transition-duration: 500ms;
                -o-transition-duration: 500ms;
                transition-duration: 500ms;
                outline: none;
            }

                .single-footer-widget .nl-form button:focus, .single-footer-widget .nl-form button:hover {
                    background-color: #2a303b;
                }

        .single-footer-widget .footer-logo {
            display: block;
            margin-bottom: 20px;
        }

        .single-footer-widget h4 {
            color: #92c800;
        }

        .single-footer-widget .footer-contact p {
            margin-bottom: 10px;
            color: #ffffff;
            text-align: right;
            padding-right: 60px;
        }

            .single-footer-widget .footer-contact p span {
                color: #afb4bf;
                font-family: IRANSansWeb_medium,Tahoma;
            }

    .copywrite-text {
        position: relative;
        z-index: 1;
    }

    @media only screen and (max-width: 767px) {
        .copywrite-text {
            margin-bottom: 5px;
            text-align: center;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .copywrite-text {
            margin-bottom: 0;
            text-align: left;
        }
    }

    .copywrite-text p {
        font-size: 16px;
        color: #afb4bf;
        margin-bottom: 0;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .copywrite-text p {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 767px) {
        .copywrite-text p {
            font-size: 14px;
        }
    }

    .copywrite-text p a {
        color: #92c800;
        font-size: 16px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .copywrite-text p a {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 767px) {
        .copywrite-text p a {
            font-size: 14px;
        }
    }

    .copywrite-text p a:focus, .copywrite-text p a:hover {
        color: #ffffff;
    }

    .copywrite-content {
        position: relative;
        z-index: 1;
        padding: 15px 0;
        background-color: #111014;
    }

        .copywrite-content .footer-menu .nav {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

    @media only screen and (max-width: 767px) {
        .copywrite-content .footer-menu .nav {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .copywrite-content .footer-menu .nav {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
    }

    .copywrite-content .footer-menu .nav li {
        margin-right: 30px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .copywrite-content .footer-menu .nav li {
            margin-right: 15px;
        }
    }

    @media only screen and (max-width: 767px) {
        .copywrite-content .footer-menu .nav li {
            margin-right: 10px;
        }
    }

    .copywrite-content .footer-menu .nav li a {
        display: inline-block;
        color: #afb4bf;
        font-size: 16px;
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .copywrite-content .footer-menu .nav li a {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 767px) {
        .copywrite-content .footer-menu .nav li a {
            font-size: 12px;
        }
    }

    .copywrite-content .footer-menu .nav li a:hover, .copywrite-content .footer-menu .nav li a:focus {
        color: #92c800;
    }

    .copywrite-content .footer-menu .nav li:last-child {
        margin-right: 0;
    }

 
      
.call-to-action-content h2 {
    font-family: 'Yekan','Tahoma';
    font-size: 40px;
    color: #ffffff;
    margin-bottom: 12px;
    text-align: right;
 
}

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .call-to-action-content h2 {
            font-size: 42px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .call-to-action-content h2 {
            font-size: 36px;
        }
    }

    @media only screen and (max-width: 767px) {
        .call-to-action-content h2 {
            font-size: 30px;
        }
    }

    .call-to-action-content p {
        font-weight: 400;
        font-size: 24px;
        color: #ffffff;
        margin-bottom: 0;
        margin-bottom: 45px;
        direction:rtl;
        text-align:right;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .call-to-action-content p {
            font-size: 18px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .call-to-action-content p {
            font-size: 18px;
        }
    }

    @media only screen and (max-width: 767px) {
        .call-to-action-content p {
            font-size: 16px;
        }
    }

    .call-to-action-content .download-btn a {
        display: inline-block;
        float:right;
        padding-right:50px;
    }

        .call-to-action-content .download-btn a img {
            max-width: 153px;
        }

.call-to-action-content p span {
    padding: 1px;
    opacity: 0.8;
    border-radius: 5px;
}

/* :: 15.0 Sale Area CSS */
.rehome-house-sale-area {
    position: relative;
    z-index: 1;
}

        .rehome-house-sale-area .row {
            margin-left: -20px;
            margin-right: -20px;
        }

    @media only screen and (max-width: 767px) {
        .rehome-house-sale-area .row {
            margin-left: -15px;
            margin-right: -15px;
        }
    }

    .rehome-house-sale-area .row .col-12 {
        padding-left: 20px;
        padding-right: 20px;
    }

    @media only screen and (max-width: 767px) {
        .rehome-house-sale-area .row .col-12 {
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    .single-property-area img {
        max-width: 100%;
        height: 180px;
    }

.property-thumb-home img {
    max-width: 100%;
    height: 120px;
}

.single-property-area .property-desc-area-home {
    position: relative;
    z-index: 1;
    padding: 5px 30px;
}

.single-property-area .property-thumb-home {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

    .single-property-area .property-thumb-home img {
        -webkit-transition-duration: 1000ms;
        -o-transition-duration: 1000ms;
        transition-duration: 1000ms;
        border-radius: 5px 5px 0 0;
        width: 100%;
    }


    .single-property-area {
        position: relative;
        z-index: 1;
        border-radius: 5px;
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
        margin-bottom: 40px;
    }

        .single-property-area .property-thumb {
            overflow: hidden;
            border-radius: 5px 5px 0 0;
        }

            .single-property-area .property-thumb img {
                -webkit-transition-duration: 1000ms;
                -o-transition-duration: 1000ms;
                transition-duration: 1000ms;
                border-radius: 5px 5px 0 0;
                width: 100%;
            }

        .single-property-area .property-desc-area {
            position: relative;
            z-index: 1;
            padding: 5px 20px;
        }

            .single-property-area .property-desc-area .property-title-seller {
                border-bottom: 1px solid #e5e5e5;
                padding-bottom: 5px;
            }

                .single-property-area .property-desc-area .property-title-seller .property-title h4 {
                    font-size: 16px;
                    margin-bottom: 3px;
                    font-family: Yekan;
                    text-align: right;
                }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-property-area .property-desc-area .property-title-seller .property-title h4 {
            font-size: 16px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-property-area .property-desc-area .property-title-seller .property-title h4 {
            font-size: 16px;
        }
    }

    @media only screen and (max-width: 767px) {
        .single-property-area .property-desc-area .property-title-seller .property-title h4 {
            font-size: 14px;
        }
    }

    .single-property-area .property-desc-area .property-title-seller .property-title p {
        color: #afb4bf;
        margin-bottom: 0;
        text-align: right;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-property-area .property-desc-area .property-title-seller .property-title p {
            font-size: 14px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-property-area .property-desc-area .property-title-seller .property-title p {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 767px) {
        .single-property-area .property-desc-area .property-title-seller .property-title p {
            font-size: 14px;
        }
    }

    .single-property-area .property-desc-area .property-title-seller .property-title p i {
        font-size: 16px;
        color: #92c800;
    }

    .single-property-area .property-desc-area .property-title-seller .property-seller p {
        margin-bottom: 6px;
        color: #afb4bf;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-property-area .property-desc-area .property-title-seller .property-seller p {
            font-size: 14px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-property-area .property-desc-area .property-title-seller .property-seller p {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 767px) {
        .single-property-area .property-desc-area .property-title-seller .property-seller p {
            font-size: 14px;
        }
    }

    .single-property-area .property-desc-area .property-title-seller .property-seller h6 {
        font-weight: 400;
        margin-bottom: 0;
        font-family: Tahoma;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-property-area .property-desc-area .property-title-seller .property-seller h6 {
            font-size: 14px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-property-area .property-desc-area .property-title-seller .property-seller h6 {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 767px) {
        .single-property-area .property-desc-area .property-title-seller .property-seller h6 {
            font-size: 14px;
        }
    }

    .single-property-area .property-desc-area .property-info-area {
        padding-top: 10px;
    }

        .single-property-area .property-desc-area .property-info-area p {
            font-family: IRANSansWeb;
            font-size: 14px;
            font-weight: 600;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            width: 50%;
            margin-bottom: 10px;
            color: #afb4bf;
        }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-property-area .property-desc-area .property-info-area p {
            font-size: 14px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-property-area .property-desc-area .property-info-area p {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 767px) {
        .single-property-area .property-desc-area .property-info-area p {
            font-size: 14px;
        }
    }

    .single-property-area .property-desc-area .property-info-area p:nth-child(even) {
        text-align: right;
    }

    .single-property-area .property-desc-area .property-info-area p span {
        color: #2a303b;
    }

    .single-property-area .property-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: Tahoma;
        height: 40px;
    }

        .single-property-area .property-price .badge-rent,
        .single-property-area .property-price .badge-sale {
            font-family: IRANSansWeb_Medium;
            margin-bottom: 0;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 35%;
            flex: 0 0 35%;
            max-width: 35%;
            width: 35%;
            text-align: center;
            background-color: #1bb1e8;
            color: #ffffff;
            font-size: 17px;
            font-weight: 400;
            padding: 7px 0;
            border-radius: 0 0 0 5px;
        }

        .single-property-area .property-price .badge-sale {
            background-color: #f26522;
        }

        .single-property-area .property-price .price {
            font-family: IRANSansWeb,Tahoma;
            color: #2a303b;
            margin-bottom: 0;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 65%;
            flex: 0 0 65%;
            max-width: 65%;
            width: 65%;
            text-align: center;
            background-color: #eef2f5;
            font-size: 15px;
            font-weight: 600;
            padding: 9px 0;
            border-radius: 0 0 5px 0;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }

    .single-property-area:hover, .single-property-area:focus {
        box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.15);
    }

        .single-property-area:hover .property-price .price, .single-property-area:focus .property-price .price {
            background-color: #92c800;
            color: #ffffff;
            padding-top: 9px;
        }

        .single-property-area:hover img, .single-property-area:focus img {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }

     
    .contact--info-area {
        margin-bottom: 40px;
    }

        .contact--info-area h4 {
            font-size: 30px;
        }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact--info-area h4 {
            font-size: 24px;
        }
    }

    @media only screen and (max-width: 767px) {
        .contact--info-area h4 {
            font-size: 24px;
        }
    }

    .contact--info-area p {
        color: #afb4bf;
        margin-bottom: 0;
    }

        .contact--info-area p:last-child {
            margin-bottom: 0;
        }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact--info-area p {
            font-size: 13px;
        }
    }

    @media only screen and (max-width: 767px) {
        .contact--info-area p {
            font-size: 13px;
        }
    }

    .contact--info-area p span {
        color: #636a76;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact--info-area p span {
            font-size: 13px;
        }
    }

   
    .single-widget-area {
        position: relative;
        z-index: 1;
        margin-bottom: 70px;
    }

        .single-widget-area:last-child {
            margin-bottom: 0;
        }

        .single-widget-area .widget-title {
            font-size: 28px;
            display: block;
        }

        
        .single-widget-area .archives-area {
            position: relative;
            z-index: 1;
        }

            .single-widget-area .archives-area a {
                color: #636a76;
                font-size: 16px;
                display: block;
                margin-bottom: 15px;
                -webkit-transition-duration: 500ms;
                -o-transition-duration: 500ms;
                transition-duration: 500ms;
            }

                .single-widget-area .archives-area a:hover, .single-widget-area .archives-area a:focus {
                    color: #92c800;
                }

                .single-widget-area .archives-area a:last-child {
                    margin-bottom: 0;
                }
 

    .single-recent-post {
        position: relative;
        z-index: 1;
        margin-bottom: 30px;
    }

        .single-recent-post:last-child {
            margin-bottom: 0;
        }

        .single-recent-post .post-thumb {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 80px;
            flex: 0 0 80px;
            max-width: 80px;
            width: 80px;
            margin-right: 20px;
        }

        .single-recent-post .post-content .post-title {
            font-size: 17px;
            font-weight: 600;
            display: block;
            margin-bottom: 0;
        }

            .single-recent-post .post-content .post-title:hover, .single-recent-post .post-content .post-title:focus {
                color: #92c800;
            }

        .single-recent-post .post-content .post-meta {
            position: relative;
            z-index: 1;
            margin-bottom: 5px;
        }

            .single-recent-post .post-content .post-meta a {
                position: relative;
                z-index: 1;
                font-size: 14px;
                color: #92c800;
                display: inline-block;
                margin-right: 30px;
                text-transform: capitalize;
            }

                .single-recent-post .post-content .post-meta a:last-child {
                    margin-right: 0;
                }

                .single-recent-post .post-content .post-meta a:hover, .single-recent-post .post-content .post-meta a:focus {
                    color: #000000;
                }

    .properties-single-widget-area .widget-title {
        font-family: 'Yekan',Tahoma;
        font-size: 28px;
        display: block;
    }

    @media only screen and (max-width: 767px) {
        .properties-single-widget-area .widget-title {
            font-size: 22px;
        }
    }

    .properties-single-widget-area .properties-post-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        max-width: 100px;
        width: 100px;
        margin-right: 20px;
    }

    .properties-single-widget-area .properties--location {
        font-size: 14px;
        color: #afb4bf;
        margin-bottom: 5px;
    }

        .properties-single-widget-area .properties--location i {
            font-size: 14px;
            color: #92c800;
        }

    .properties-single-widget-area .properties--rent {
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 0;
    }

        .properties-single-widget-area .properties--rent span {
            color: #92c800;
        }

    .properties-single-widget-area .post-content .post-title {
        font-size: 17px;
        font-weight: 600;
        display: block;
        margin-bottom: 5px;
    }

        .properties-single-widget-area .post-content .post-title:hover, .properties-single-widget-area .post-content .post-title:focus {
            color: #92c800;
        }
 
 
    .rehomes-contact-form {
        position: relative;
        z-index: 1;
    }

        .rehomes-contact-form h4 {
            font-size: 30px;
            color: #292f3b;
        }

    @media only screen and (max-width: 767px) {
        .rehomes-contact-form h4 {
            font-size: 24px;
        }
    }

    .rehomes-contact-form .form-control {
        font-size: 16px;
        color: #afb4bf;
        height: 50px;
        border-radius: 2px;
        padding: 20px;
        border-color: #ebebeb;
    }

        .rehomes-contact-form .form-control:active, .rehomes-contact-form .form-control:focus {
            color: #2a303b;
            border-color: #92c800;
            outline: 0;
            box-shadow: none;
        }

    .rehomes-contact-form textarea.form-control {
        height: 110px;
        padding: 20px;
    }

 
    .rehomes-categories-property-area {
        position: relative;
        z-index: 1;
    }

 
    .rehomes-pagination .pagination .page-item .page-link {
        color: #636a76;
        background-color: #f5f8fa;
        border: none;
        border-radius: 2px;
        padding: 10px 12px;
        margin-right: 5px;
    }

        .rehomes-pagination .pagination .page-item .page-link.active {
            background-color: #92c800;
            color: #ffffff;
        }

        .rehomes-pagination .pagination .page-item .page-link:hover {
            cursor:pointer;
        }

    .page-counter p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .rehomes-pagination-counter {
        position: relative;
        z-index: 1;
        align-items:flex-start;
        padding-left:10px;
    }

    @media only screen and (max-width: 767px) {
        .rehomes-pagination-counter .page-counter {
            margin-top: 30px;
        }
    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .rehomes-pagination-counter .page-counter {
            margin-top: 0;
        }
    }

 
    .about-us-area {
        position: relative;
        z-index: 1;
        direction: rtl;
        text-align: right;
    }

        .about-us-area .row {
            margin-left: -20px;
            margin-right: -20px;
        }

    @media only screen and (max-width: 767px) {
        .about-us-area .row {
            margin-left: -15px;
            margin-right: -15px;
        }
    }

    .about-us-area .row .col-12 {
        padding-right: 20px;
        padding-left: 20px;
    }

    @media only screen and (max-width: 767px) {
        .about-us-area .row .col-12 {
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    .about-us-area .about-us-title h2 {
        color: #252525;
        margin-bottom: 10px;
        direction: rtl;
        text-align: center;
        font-family: Yekan,Tahoma;
    }

    @media only screen and (max-width: 767px) {
        .about-us-area .about-us-title h2 {
            font-size: 24px;
            direction: rtl;
        }
    }

    .about-us-area .about-us-title h2 span {
        color: #92c800;
        text-align: center;
    }

    .about-us-area .about-us-title p {
        font-family: Yekan,Tahoma;
        font-size: 18px;
    }

    .about-us-area .single-about-content {
        margin-bottom: 40px;
    }

        .about-us-area .single-about-content .single-about-thumb {
            overflow: hidden;
            border-radius: 5px;
            margin-bottom: 20px;
        }

            .about-us-area .single-about-content .single-about-thumb img {
                border-radius: 5px;
                -webkit-transition-duration: 1500ms;
                -o-transition-duration: 1500ms;
                transition-duration: 1500ms;
            }

        .about-us-area .single-about-content p {
            color: #707070;
            margin-bottom: 0;
        }

        .about-us-area .single-about-content:hover .single-about-thumb img, .about-us-area .single-about-content:focus .single-about-thumb img {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }

    /* :: 24.0 Support Area CSS */
    .rehomes-support-and-contact-area .support-title h2 {
        font-size: 30px;
        margin-bottom: 40px;
        font-family: Yekan,Tahoma;
        text-align: right;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .rehomes-support-and-contact-area .support-title h2 {
            font-size: 36px;
        }
    }

    @media only screen and (max-width: 767px) {
        .rehomes-support-and-contact-area .support-title h2 {
            font-size: 24px;
        }
    }

    .rehomes-support-and-contact-area .support-area-content {
        margin-bottom: 40px;
    }

        .rehomes-support-and-contact-area .support-area-content:last-child {
            margin-bottom: 0;
        }

        .rehomes-support-and-contact-area .support-area-content .support-perosn-thumb {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
            flex: 0 0 30%;
            max-width: 30%;
            width: 30%;
        }

        .rehomes-support-and-contact-area .support-area-content .supprto-meta {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 70%;
            flex: 0 0 70%;
            max-width: 70%;
            width: 70%;
            margin-right: 30px;
            text-align: right;
        }

    @media only screen and (max-width: 767px) {
        .rehomes-support-and-contact-area .support-area-content .supprto-meta {
            margin-left: 15px;
        }
    }

    .rehomes-support-and-contact-area .support-area-content .supprto-meta h4 {
        font-size: 20px;
        margin-bottom: 15px;
        font-family: IRANSansWeb_Bold;
    }

    @media only screen and (max-width: 767px) {
        .rehomes-support-and-contact-area .support-area-content .supprto-meta h4 {
            font-size: 16px;
        }
    }

    .rehomes-support-and-contact-area .support-area-content .supprto-meta p {
        margin-bottom: 5px;
    }

    @media only screen and (max-width: 767px) {
        .rehomes-support-and-contact-area .support-area-content .supprto-meta p {
            font-size: 13px;
        }
    }

    .rehomes-support-and-contact-area .support-area-content .supprto-meta p:last-child {
        margin-bottom: 0;
    }

    .rehomes-contact-form .support-form .form-control {
        border-color: #ebebeb;
        border-radius: 2px;
        height: 48px;
        width: 100%;
        color: #afb4bf;
        font-size: 16px;
        padding: 15px;
    }

        .rehomes-contact-form .support-form .form-control:focus, .rehomes-contact-form .support-form .form-control:active {
            box-shadow: none;
            border-color: #92c800;
        }

    .rehomes-contact-form .support-form textarea.form-control {
        height: 135px;
    }

      
    .agent-information-area h4 {
        font-family: Yekan,Tahoma;
        font-size: 30px;
        text-align: right;
    }

 
    .classy-nav-container.properties {
        -webkit-box-shadow: 0px 5px 14.25px 0.75px rgba(6, 6, 28, 0.1);
        box-shadow: 0px 5px 14.25px 0.75px rgba(6, 6, 28, 0.1);
    }

    .properties-hero-area {
        width: 100%;
        background-color: #f5f8fa;
        direction: rtl;
    }

        .properties-hero-area .properties-slide {
            position: relative;
            z-index: 1;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            width: 50%;
        }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .properties-hero-area .properties-slide {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }
    }

    @media only screen and (max-width: 767px) {
        .properties-hero-area .properties-slide {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }
    }

    .properties-hero-area .properties-slide .carousel-indicators {
        bottom: -30px !important;
        margin-top: auto;
        z-index: 15 !important;
        right: 10px !important;
        -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
        margin-right: 5px;
        margin-left: 2px;
        padding: 0;
    }

        .properties-hero-area .properties-slide .carousel-indicators li {
   /*         opacity: 0.9;*/
            border: solid 2px #000;
            width: 60px;
            height: 40px;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            padding: 0;
            margin-bottom: 2px;
            margin-right: 2px;
            margin-left: 0;
        }

    @media only screen and (max-width: 767px) {
        .properties-hero-area .properties-slide .carousel-indicators li {
            width: 30px;
            height: 30px;
        }
    }

    .properties-hero-area .properties-content-area {
        position: relative;
        z-index: 1;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .properties-hero-area .properties-content-area {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
            padding: 80px 0;
        }
    }

    @media only screen and (max-width: 767px) {
        .properties-hero-area .properties-content-area {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
            padding: 10px 0;
        }
    }

    .properties-hero-area .properties-content-area .properties-content-info {
        font-family: Yekan;
        position: relative;
        z-index: 1;
        padding-left: 10%;
        width: 570px;
        text-align: right;
        padding-top:10px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .properties-hero-area .properties-content-area .properties-content-info {
            width: 480px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .properties-hero-area .properties-content-area .properties-content-info {
            width: 100%;
        }
    }

    @media only screen and (max-width: 767px) {
        .properties-hero-area .properties-content-area .properties-content-info {
            width: 100%;
            padding-left: 5%;
        }
    }

    .properties-hero-area .properties-content-area .properties-content-info .properties-location p {
        margin-right: 40px;
    }

        .properties-hero-area .properties-content-area .properties-content-info .properties-location p:last-child {
            margin-right: 0;
        }

        .properties-hero-area .properties-content-area .properties-content-info .properties-location p i {
            color: #92c800;
        }

    .properties-hero-area .properties-content-area .properties-content-info p {
        font-size: 18px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .properties-hero-area .properties-content-area .properties-content-info p {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 767px) {
        .properties-hero-area .properties-content-area .properties-content-info p {
            font-size: 14px;
        }
    }

    .properties-hero-area .properties-content-area .properties-content-info .properties-rate {
        font-size: 22px;
        color: rgba(185, 34, 34, 0.75);
        margin-bottom: 15px;
        padding-right: 30px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .properties-hero-area .properties-content-area .properties-content-info .properties-rate {
            margin-bottom: 15px;
        }
    }

    @media only screen and (max-width: 767px) {
        .properties-hero-area .properties-content-area .properties-content-info .properties-rate {
            font-size: 18px;
            margin-bottom: 15px;
        }
    }

    .properties-hero-area .properties-content-area .properties-content-info .properties-rate span {
        font-family: Tahoma;
        color: #636a76;
        font-size: 18px;
        font-weight: 400;
    }

    @media only screen and (max-width: 767px) {
        .properties-hero-area .properties-content-area .properties-content-info .properties-rate span {
            font-size: 14px;
        }
    }

    .properties-hero-area .properties-content-area .properties-content-info .properties-info p {
        display: inline-block;
        margin-right: 30px;
        font-size: 17px;
        margin-bottom: 0;
        color: #afb4bf;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .properties-hero-area .properties-content-area .properties-content-info .properties-info p {
            font-size: 14px;
            margin-right: 15px;
        }
    }

    @media only screen and (max-width: 767px) {
        .properties-hero-area .properties-content-area .properties-content-info .properties-info p {
            font-size: 12px;
            margin-right: 5px;
        }
    }

    .properties-hero-area .properties-content-area .properties-content-info .properties-info p span {
        color: #2a303b;
    }

    .properties-hero-area .properties-content-area .properties-content-info h2 {
        font-family: 'Yekan','Tahoma';
        color: #447e7b;
        font-size: 30px;
        padding-right: 30px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .properties-hero-area .properties-content-area .properties-content-info h2 {
            font-size: 30px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .properties-hero-area .properties-content-area .properties-content-info h2 {
            font-size: 30px;
        }
    }

    @media only screen and (max-width: 767px) {
        .properties-hero-area .properties-content-area .properties-content-info h2 {
            font-size: 20px;
        }
    }

    .properties-hero-area .properties-content-area .properties-content-info .properties-location p {
        display: inline-block;
    }

    .information-area {
        position: relative;
        z-index: 1;
        text-align: right;
    }

        .information-area h4 {
            font-family: 'Yekan','Tahoma';
            font-size: 30px;
        }

    @media only screen and (max-width: 767px) {
        .information-area h4 {
            font-size: 24px;
        }
    }

    .information-area .information-content {
        font-family: Yekan;
        background-color: #f5f8fa;
        direction: rtl;
    }

        .information-area .information-content ul {
            padding-top: 30px;
            padding-bottom: 30px;
        }

            .information-area .information-content ul li {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 calc(50% - 100px);
                flex: 0 0 calc(50% - 100px);
                max-width: calc(50% - 100px);
                width: calc(50% - 100px);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-left: 50px;
                margin-right: 50px;
                padding-top: 10px;
                padding-bottom: 10px;
                border-bottom: 1px solid #ebebeb;
            }

                .information-area .information-content ul li:nth-child(13) {
                    border-bottom: none;
                }
        
                .information-area .information-content ul li .sub-text {
                    color: #2aaef5;
                    font-family: IRANSansWeb,Tahoma;
                    font-weight: 400;
                    font-size: 14px;
                }

    @media only screen and (max-width: 767px) {
        .information-area .information-content ul li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 60px);
            flex: 0 0 calc(100% - 60px);
            max-width: calc(100% - 60px);
            width: calc(100% - 60px);
            margin-left: 30px;
            margin-right: 30px;
        }
    }

    
    .search-location-area h4 {
        font-family: 'Yekan','Tahoma';
        font-size: 30px;
        text-align: right;
    }

    @media only screen and (max-width: 767px) {
        .search-location-area h4 {
            font-size: 24px;
        }
    }

    .search-location-area .loction-map {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 250px;
    }

        .search-location-area .loction-map iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

    .search-location-area .single-location-content {
        border-bottom: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        border-left: 1px solid #ebebeb;
        padding: 20px;
    }

        .search-location-area .single-location-content:last-child {
            border-bottom: none;
        }

        .search-location-area .single-location-content .location-thumb-info .location-thumb {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 80px;
            flex: 0 0 80px;
            max-width: 80px;
            width: 80px;
        }

    @media only screen and (max-width: 767px) {
        .search-location-area .single-location-content .location-thumb-info .location-thumb {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50px;
            flex: 0 0 50px;
            max-width: 50px;
            width: 50px;
        }
    }

    .search-location-area .single-location-content .location-thumb-info .location-info {
        margin-left: 30px;
    }

    @media only screen and (max-width: 767px) {
        .search-location-area .single-location-content .location-thumb-info .location-info {
            margin-left: 15px;
        }
    }

    .search-location-area .single-location-content .location-thumb-info .location-info h5 {
        font-size: 20px;
        color: #252525;
    }

    @media only screen and (max-width: 767px) {
        .search-location-area .single-location-content .location-thumb-info .location-info h5 {
            font-size: 16px;
        }
    }

    .search-location-area .single-location-content .location-thumb-info .location-info p {
        margin-bottom: 0;
    }

    @media only screen and (max-width: 767px) {
        .search-location-area .single-location-content .location-thumb-info .location-info p {
            font-size: 12px;
        }
    }

    .search-location-area .single-location-content .location-thumb-info .location-info p i {
        color: #92c800;
    }

    .search-location-area .single-location-content .contact-location-btn .phone,
    .search-location-area .single-location-content .contact-location-btn .share {
        height: 40px;
        width: 40px;
        background-color: #636a76;
        color: #ffffff;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        display: inline-block;
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
    }

    @media only screen and (max-width: 767px) {
        .search-location-area .single-location-content .contact-location-btn .phone,
        .search-location-area .single-location-content .contact-location-btn .share {
            height: 30px;
            width: 30px;
            line-height: 30px;
            font-size: 12px;
            margin: 5px 0;
        }
    }

    .search-location-area .single-location-content .contact-location-btn .phone:hover, .search-location-area .single-location-content .contact-location-btn .phone:hover,
    .search-location-area .single-location-content .contact-location-btn .share:hover,
    .search-location-area .single-location-content .contact-location-btn .share:hover {
        background-color: #92c800;
        color: #ffffff;
    }

    .search-location-area .single-location-content .contact-location-btn .phone {
        margin-right: 10px;
    }

    .search-location-area .more-location-btn {
        width: 100%;
        background-color: #252525;
        text-align: center;
        color: #ffffff;
        border: none;
        font-size: 24px;
        cursor: pointer;
        -webkit-transition-duration: 500ms;
        -o-transition-duration: 500ms;
        transition-duration: 500ms;
        border-radius: 0 0 2px 2px;
        height: 40px;
        padding: 0;
    }

        .search-location-area .more-location-btn i {
            line-height: 40px;
        }

        .search-location-area .more-location-btn:hover, .search-location-area .more-location-btn:focus {
            background-color: #92c800;
            color: #ffffff;
        }

    .agent-information-info {
        font-family: IRANSansWeb_Bold;
        direction: rtl;
        position: relative;
        z-index: 1;
        background-color: #f5f8fa;
        padding: 10px;
    }

    @media only screen and (max-width: 767px) {
        .agent-information-info {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
    }

    .agent-information-info .agent-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
        flex: 0 0 230px;
        max-width: 230px;
        width: 230px;
    }


    @media only screen and (max-width: 767px) {
        .agent-information-info .agent-thumb {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }
    }

    .agent-information-info .agent-info {
        padding-right: 30px;
        text-align: right;
    }

    @media only screen and (max-width: 767px) {
        .agent-information-info .agent-info {
            padding-left: 0;
            margin-top: 30px;
        }
    }

    .agent-information-info .agent-info h4 {
        font-size: 24px;
    }

    @media only screen and (max-width: 767px) {
        .agent-information-info .agent-info h4 {
            font-size: 18px;
        }
    }

    .agent-information-info .agent-info .agent-contact p {
        padding-left: 10px;
        font-weight: 600;
        font-size: 16px;
        text-align: right;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .agent-information-info .agent-info .agent-contact p {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 767px) {
        .agent-information-info .agent-info .agent-contact p {
            font-size: 12px;
        }
    }

    .agent-information-info .agent-info .agent-contact p span {
        color: #2a303b;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 0.8px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .agent-information-info .agent-info .agent-contact p span {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 767px) {
        .agent-information-info .agent-info .agent-contact p span {
            font-size: 12px;
        }
    }

    .agent-information-info .agent-info p {
        font-size: 15px;
    }

    @media only screen and (max-width: 767px) {
        .agent-information-info .agent-info p {
            font-size: 14px;
        }
    }

     

    .property-search-form-area {
        border: 1px solid #ebebeb;
        padding: 10px;
    }

    .rehomes-property-sidebar-area .property-search-form-area h4 {
        font-family: 'Yekan','Tahoma';
        font-size: 30px;
    }

    .rehomes-property-sidebar-area .property-search-form-area .search-property-btn .form-group .form-check {
        display: inline-block;
        width: 50%;
        float: left;
        padding-left: 0;
    }

        .rehomes-property-sidebar-area .property-search-form-area .search-property-btn .form-group .form-check .form-check-input {
            display: none;
        }

        .rehomes-property-sidebar-area .property-search-form-area .search-property-btn .form-group .form-check .form-check-label {
            display: block;
            background-color: #252525;
            color: #ffffff;
            height: 50px;
            text-align: center;
            font-weight: 700;
            font-size: 18px;
            line-height: 50px;
            cursor: pointer;
        }

        .rehomes-property-sidebar-area .property-search-form-area .search-property-btn .form-group .form-check input[type="radio"]:checked + label {
            background-color: #92c800;
        }

    .rehomes-property-sidebar-area .property-search-form-area .form-control {
        padding: 0 15px;
        width: 100%;
    }

    .rehomes-property-sidebar-area .property-search-form-area .nice-select {
        margin-bottom: 15px;
        height: 45px;
        background-color: #f5f8fa;
        border-radius: 2px;
    }

        .rehomes-property-sidebar-area .property-search-form-area .nice-select:focus, .rehomes-property-sidebar-area .property-search-form-area .nice-select:active {
            border-color: #92c800;
            box-shadow: none;
        }

    .rehomes-property-sidebar-area .property-search-form-area .slider-range .ui-widget-content {
        border: none;
        background: #555962;
    }

        .rehomes-property-sidebar-area .property-search-form-area .slider-range .ui-widget-content .ui-state-default {
            background: #92c800;
            height: 14px;
            width: 14px;
            border: none;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
        }

    .rehomes-property-sidebar-area .property-search-form-area .slider-range .ui-widget-header {
        background: #92c800;
    }

    .rehomes-property-sidebar-area .property-search-form-area .slider-range .ui-slider-horizontal {
        height: 4px;
    }

        .rehomes-property-sidebar-area .property-search-form-area .slider-range .ui-slider-horizontal .ui-slider-handle {
            margin-left: 0;
        }


    @media (max-width: 575.98px) {
        .table-responsive-sm {
            display: table;
        }
    }

    .modal-open .modal, .btn:focus {
        outline: none;
    }