/*
 Theme Name:   realestate
 Theme URI:    https://tmdwordpress.com/wprealestate-v3/
 Author:       TmdStudio
 Author URI:   https://themeforest.net/user/tmdstudio/portfolio
 Version:      3.0
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Description:  Description: We made really cool styling WordPress theme for our user . Through Real Estate Theme you can create Real Estate website and Theme let you do styling of almost every single element. and you do not need to pay for making changes in Real Estate Theme. So you should spend less time to make change like background color or Main menu text color or Main menu background color or hove color and many more. Real Estate Theme setting will let you do simple changes and save your time.
 License: GNU General Public License v1 or later
 Text Domain:  realestate
 Tags: custom-header, custom-menu, featured-images, featured-image-header, threaded-comments, translation-ready
*/

body {
    font-family: 'Roboto', sans-serif;
    background: #F7F8F9;
}

#slide-forms .wpcf7-form-control-wrap.textarea-906 {
    width: 100% !important;
}

/* new custome css here */

.elementor-header .primary-navigation a {
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
}

.fone-holder {
    padding-top: 15px;
    text-align: right;
    font-size: 16px;
}

.logo-elementor img {
    width: 50%;

}

.elementor-home {
    background: #fff;
    width: 100%;
    padding: 0px;
    max-width: 100%;
    box-shadow: 2px 2px 3px 1px #ddd;
    /*	margin-bottom: 15px;*/
}

.right-account {
    position: relative;
    text-align: right;
    background: #000;
    z-index: 9999;
}

.right-account .fa {
    font-size: 25px;
}

.collepse-menu {
    width: 150px;
    position: absolute;
    background: #fff;
    right: 0;
    top: 0;
}

.agent-account ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.agent-account ul li {
    padding: 15px 15px;
    border-bottom: solid 1px #ccc;
}


.collepse-menu img {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-right: 0;
    margin-top: 12px;

}


.agent-account ul li a {
    color: #212121;
    text-decoration: none;
}

.agent-account ul li a:hover {
    text-decoration: none;
}

.right-account .fa {
    font-size: 25px;
    vertical-align: bottom;
}

.elementor-search {
    background: #f8f7f2;
    padding: 20px 0px;
}


.elementor-search .search-btn-filter .fa-search {
    border-right: 0px !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
}

.elementor-search .search-btn-filter .btn {
    background: #20C063 none repeat scroll 0 0 !important;
    border: medium none !important;
    border-radius: 50% !important;
    color: #fff;
    font-size: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 55px;
    height: 55px !important;
    width: 55px !important;
}

.elementor-search .form-control {
    height: 55px !important;

}

.elementor-search .search-main {
    padding-top: 0;
    background: #fff;
    padding: 20px 15px 0px 15px;
    box-shadow: 1px 1px 4px 1px #ddd;
    border-radius: 8px;
}

.flex {
    display: flex;
}

.elementor-search .search-btn-filter {
    float: right;
    margin-left: 15px;
}

/* Wrapper */
.sl-wrapper a {
    border-bottom: 0 !important;
    text-decoration: none !important;
}


/* Colors */
a.liked {
    color: #da1b1b;
}

a.liked:hover,
a.liked:active,
a.liked:focus {
    color: #666666;
}

a.liked span.sl-count,
.sl-count {
    color: #666666;
}

/* Icon */
.sl-icon {
    margin-right: 0.3125em;
    font-family: 'Arial Unicode MS', Arial, sans-serif;
    vertical-align: middle;
}

.sl-icon svg {
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.sl-icon svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Count */
.sl-count {
    font-size: 0.625em;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
}

/* Loader */
.loader,
.loader:before,
.loader:after {
    background: rgba(0, 0, 0, 0.2);
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: .2em;
    height: .6em;
}

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

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

.loader {
    text-indent: -9999em;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:after {
    left: .375em;
}

@-webkit-keyframes load1 {

    0%,
    80%,
    100% {
        box-shadow: 0 0 rgba(0, 0, 0, 0.2);
        height: .6em;
    }

    40% {
        box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
        height: 1em;
    }
}

@keyframes load1 {

    0%,
    80%,
    100% {
        box-shadow: 0 0 rgba(0, 0, 0, 0.2);
        height: .6em;
    }

    40% {
        box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
        height: 1em;
    }
}

.container-fluid-builder {
    --bs-gutter-x: 0 !important;
}

.owl-carousel,
.bx-wrapper { direction: ltr; }
.owl-carousel .owl-item { direction: rtl; }