.top-contact-info li.toolbar-email a, .top-contact-info li.toolbar-contact a{
color: purple;
}
.top-contact-info li.toolbar-email a .fa.fa-envelope-o{
    color: red;
    font-size: 22px;
}
.top-toolbar .top-contact-info ul li.toolbar-contact i.fa.fa-whatsapp{
    color: rgb(50, 158, 50);
    font-size: 22px;
}
.top-toolbar .social-content ul.social-links li a.facebook{
    color: rgb(66, 66, 243);
}
.top-toolbar .social-content ul.social-links li a.instagram{
    color: rgb(218, 132, 132);
}
.wsmenu-list li a {
    color: red;
}
.search-form-wrap2 form .submit-field-wrap input.search-form-submit {
    background: purple;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.section-title-wrap h4 {
  color: purple;
  font-weight: 500
}
.contact-form input[placeholder], .contact-form textarea[placeholder] {
    color: purple;
}
.contact-form input, .contact-form textarea {
    background: #fff;
    border: 1px solid purple;
}
.contact-form .contact-btn{
    background: red;
    color: #fff;
    border: 1px solid red
}
.bg222{
    background-color: purple;
   
}
.footer-intro p { color: #fff; font-weight: 500;}
.footer-intro p a{ color: #fff; text-transform: none;}
.footer-intro p a span{ color: #fff; font-weight: bold;}
.footer-copyright p a{ color: red;font-weight: bold;}
.static-header-text h1{
    color: purple; font-weight: 400; font-size: 58px;}

.br-pagetitle .icon {
    font-size: 30px;
    line-height: 0;
    color: #343a40;
}
label.chk{
    padding: 5px;
    border-right: solid 1px #ddd;
}
.wsmenu-list li a:hover, .wsmenu-list li a:focus {
    color: red;
    border-color: red;
}
.static-header-content{ margin-top: 150px;}
.search-form-wrap2 form .select-field-wrap {
width: 14%;}

.bgyallow-1 {
    background: purple;
}
.sidebar-widget-title h5{ color: red;}
.listing-item .listing-content.list-style-content .listing-title h6 a {
    color: red;
    font-weight: bold;
}
.listing-item .listing-content .listing-location a i {
    color: red;
}
.listview .listing-item .listing-content .listing-title {
  padding-left: 0px;
}

.page-title-wrap {
    background: url(../../images/page-title-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
   
}

.social-section.style-2 .social-links ul li.item a i.fa.fa-envelope-o {
    color: red;
    
}
.social-section.style-2 .social-links ul li.item a i.fa.fa-whatsapp {
    color: rgb(50, 158, 50);
}
.social-section.style-2 .social-links ul li.item a i.fa.fa-facebook {
    color: rgb(66, 66, 243);
}
.social-section.style-2 .social-links ul li.item a i.fa.fa-instagram {
    color: rgb(218, 132, 132);
}
.top-contact-info ul li{
    border-right: solid 1px purple !important;
}
.smallogo {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 10px;
    position: fixed;
    z-index: 100;
    padding-bottom: 10px;
    width: 100%;
    height: auto;}

 @media only screen and (min-width: 321px) and (max-width: 767px){
    
    search-form-wrap2{ margin-bottom: 150px;}
 }

 @media only screen and (min-width: 321px) and (max-width: 767px){
 .search-form-wrap2 form .select-field-wrap {
    width: 100% !important;
}
.search-form-wrap2 {
    margin-bottom: 300px;
}
}
.header-inner{
    background-image: none;
}
.social-section.style-2 .social-links ul li.item a {
    font-size: 22px;
}
.search-form-wrap2 form .select-field-wrap {
    width: 25%;
}
.search-form-wrap2 {
    padding: 20px;
    padding-top: 28px;
    position: relative;
    top: 0;
    z-index: 100;
    border-radius: 100px;
}
.select-field-wrap .search-form-input {
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    font-family: 'Montserrat';
    text-transform: capitalize;
    padding: 0 0 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    
    box-shadow: none;
    border: none;
    color: #000;
    border-radius: 30px;
    background: url(../../images/form-icon.png) no-repeat;
    background-color: #eee;
    background-position: top right;
    background-repeat: no-repeat;
    
}
.auto-results-wrapper.auto-is-active{ width: 100% !important};
ul.auto-from-results li p{color:#000 !important;}
/*=================Autocomplete===========================*/


/*ul#auto-from-results p{
    font-weight: bold;
    color: #999; 
    background-color: #eee;
}
ul#auto-from-results li.option{
    padding:5px;
    border-bottom: solid 1px #999 ;
}*/
/*=================LEAFLET================================-*/
#map {
    height:100vh;
    width: 100%;
    position: relative;
}

.formBlock {
    max-width: 300px;
    background-color: #FFF;
    border: 1px solid #ddd;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px;
    z-index: 999;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 5px;
    width: 100%;
}

.leaflet-control {
    margin-top: 180px !important;
}

.input {
    padding: 10px;
    width: 100%;
    border: 1px solid #ddd;
    font-size: 15px;
    border-radius: 3px;
}

#form {
    padding: 0;
    margin: 0;
}
input:nth-child(1) {
    margin-bottom: 10px;
}
/*=======================================================*/
*{
    scroll-behavior:smooth;
    /*scroll-margin-top: 60px;*/  
}
ul#auto-from-results li p{ color: #000000;}
ul#auto-from-results li{
    padding-bottom: 7px;
    border-bottom: solid 1px #000;
}
ul#auto-to-results li p{ color: #000000;}
ul#auto-to-results li{
    padding-bottom: 7px;
    border-bottom: solid 1px #000;
}
.listing-item .listing-content .listing-location a i{
    color: purple;
}
.pag .pagination>.active>span{
    background-color: purple;
    border-color: purple;

}
.pag .pagination>li>span:hover{
    color: purple;
    background-color: #eee;
    border-color: #ddd;
}
.pag .pagination>li>a{
    color: purple;
}
.blue-1 {
    color: purple;
}
.single-listing-scroller {
    border-bottom: 3px solid red;
}
.footer-logo {
    padding-top: 20px;;
}
.listing-meta-cat p {
    color: #fff;}
.col-md-3.col-sm-4.col-xs-12.pull-left{
    border-right: solid 1px red;
}
.owl-next .owl-prev{
    display: inline-block !important;
}
.logo{
    margin-top:0px;
}
.locations{
   padding-top: 30px; 
   text-align: left;
}

.locations li {
    margin-right: 15px;
}
.locations li i{ color: purple;}
ul.locations li{
    display:inline;
}
li.loupe:before {
    bottom: auto;
    top: 0px;
}
.auto-search-wrapper.loupe:before {
    display: none;
}
.auto-clear{ padding-bottom: 10px;}
.text-marker .title {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    margin-bottom: 2px;
    padding-left: 20px;
    /* margin-left: -20px; */
    background-color: #000;
    padding: 15px;
    border-radius: 15px;
    color: #fff;
    text-shadow: none;}

   /* .owl-carousel .owl-item {
        height: 278px !important;
        width: 374px !important;
    }*/
    .top-toolbar .social-content .social-links li a{
        font-size:22px !important;
    }
    .pagination>.active>span{
        background-color: purple;
        border-color: purple;
    }
    .list-style-content i{
        font-size: 22px !important;
    }
 .list-style-content a{
color: #333 !important;
 }  
 @media only screen and (max-width: 1199px){
    .wsmenu .wsmenu-list {
        height: 100%;
        overflow-y: auto;
        display: block !important;
        float: right!important;
    }
    .listview .listing-item .listing-content.list-style-content{
        max-width: 100%;
    }
    .listing-disc a{
        font-size: 18px;
    } 
    
} 
.top-toolbar .social-content ul.social-links, .social-section.style-2 .social-links .face, .social-section.style-2 .social-links .ins{
    opacity: 40%;
}
.w-5.h-5{
    
    width: 1%;
}
.pag a{
    text-align: left;
    display: inline !important;
    padding: 5px 10px;
    background-color: #ddd;
    margin-right: 10px;
    border-radius: 3px;
    color: purple;
}
.pag .hidden {
    display: inline !important;
}
.add-listing-wrapper{
    margin-top: 50px;
}
.text-sm.text-gray-700.leading-5{
    display: none;
}
div.flex.justify-between.flex-1{
    display: none;
}
span span.px-4{
    display: inline !important;
    padding: 5px 10px;
    background-color: purple;
    margin-right: 10px;
    border-radius: 3px;
    color: #fff;
}
.twitter-typeahead .tt-query{
    height: 56px !important;
    border-radius: 30px !important;
     background-color: #eee !important;
}
.twitter-typeahead .tt-hint{
    background-color: transparent !important;
    border: none !important;
    background: none !important;
   
}
@media only screen and (min-width: 321px) and (max-width: 800px){
    a.freight{
        margin-bottom: 10px;
    }
}