/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
.ui-menu .ui-menu-item a {
    padding: 2px 5px;
    z-index: 1010;   
}

.button-list a {
    margin-bottom: 20px;
}

ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    max-height: 275px !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    font-weight:100;
    font-family: "Open Sans",Verdana,Tahoma,serif;
    color: #333;
    border-radius:0px !important;
    font-size: 14px;
    border: 1px solid #aaa;
    background-color: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  
}

/*ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all ::-webkit-scrollbar:hover .ui-front a{
    background:#326dcc;
    color:#fff;
    border:0px;
    font-weight:normal;
}

ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all ::-webkit-scrollbar-track .ui-front a{
    background:#326dcc;
    color:#fff;
    border:0px;
    font-weight:normal;
}

ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all ::-webkit-scrollbar-thumb .ui-front a{
    background:#326dcc;
    color:#fff;
    border:0px;
    font-weight:normal;

}*/

.ui-front a:hover {
     background: #2b5aa7;
    color:#fff;
    border:0px;
    font-weight:normal;
    border-radius:0px !important;
}




@font-face {
  font-family: muli;
  src: url(../fonts/Muli.ttf);
}
#footer {
    background-color: #5f94d9 !important;
    padding: 60px 10px 60px 10px !important;
}
.footer {
    display: flex;
    justify-content: space-between;
}
.footer-container {
    width: 33%;
}
.heading-footer {
    margin-bottom: 15px;
}
.links-footer {
    margin-bottom: 12px;
}
.nav-footer {
    position: relative;
    top: -4px;
}
.heading-footer img {
    width: 64%;
}
.footer-para {
    color: #fff;
    font-size: 16px;
    font-family: muli;
    margin-top: 19px !important;
    line-height: 24px;
}
.links {
    width: 18%;
    margin-top: 2px;
    position: relative;
}
.adr-wrap{
	margin-top: 2px;
    position: relative;
}
.financial {
    color: #012c57;
    font-family: 'Poppins';
    font-size: 24px;
    font-weight: 800;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.nav-footer li {
    display: block;
}
.nav-footer a:hover {
    color: #012c57;
}
.adr-footer a:hover {
    color: #012c57;
}
.nav-footer a {
    color: #fff;
    font-size: 16px;
    font-family: muli;
    text-decoration: none;
    margin-bottom: 0px;
    display: block;
    transition:.5s;
}
.adr-footer li {
    color: #fff;
    font-size: 18px;
    font-family: muli;
    margin-bottom: 0px;
    display: block;
    line-height: 34px;
}
.fa-arrow-right {
    margin-right: 10px;
}
.adr-footer {
    position: relative;
    top: -4px;
}
.adr-footer a {
    color: #fff;
    text-decoration: none;
    transition:.5s;
}
.checkbox-note{
    margin-top:5px;
    color: #7a7a7a;
    font-family: 'muli';
    font-size:14px;
    font-weight: 500;
}
.copyright-text {
    font-family: muli;
    font-size: 18px;
    color: #fff;
    /* text-align: center; */
    display: block;
    width: 100%;
    margin-bottom: 0px;
}
.designed {
    text-align: right;
}
.webclr {
    font-family: muli;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    transition:.5s;
}
.webclr:hover{
	 color: #7c9dec;
    text-decoration: none;
}

.mar-top{
    margin-top:20px !important;
}



/*header*/
section#header {
    margin: 0;
    padding: 40px 10px;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    background: linear-gradient(0deg, rgb(1 44 86 / 50%), rgb(255 255 255 / 50%)), url(../img/affordable_business_leads_us.png);
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.top-nav .primary-action{
	margin-left:0 !important;
	padding-left:0 !important;
	border-left:0 !important;
}
.top-nav li a{
    color: #fff !important;
    font-family: 'muli';
    font-size: 16px;
}
.navbar-main {
    background-color: #012c56;
}
.navbar-main .navbar-nav li a:hover {
    background-color: #7a9deb;
}
.navbar-main .account {
    background-color: #012c56;
}
.primary-action>a.btn{
    background-color: #012c56 !important;
    color: #fff;
    padding: 5px 10px !important;
    border-radius: 5px !important;
    transition: .5s;
    font-family: 'muli';
}
.primary-action>a.btn:hover{
	background: #011e3c !important;
}
.navbar-main .navbar-nav li a {
    /*color: #fff !important;*/
    font-family: 'muli';
    font-size: 16px;
}
#Primary_Navbar-Store li a {
    color: #333;
}
#Secondary_Navbar-Account li a {
    color: #333;
}
/*SearchLeads*/
.flex-container {
    display: flex;
    justify-content: space-between;
}
.option-container {
    width: 60%;
}
.filter-container {
    position: sticky;
    top: 0;
    padding: 20px;
}
.sticky {
    width: 35%;
    background: #f5f5f5;
    position:relative;
}
.accordion
{
    background-color: #043d5f;
    color: #fff;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    padding: 15px 20px;
    position: relative;
    transition: 0.5s;
    font-family: 'muli';
    border-bottom: 1px solid #012c57;
}
.faq_content label {
    display: block;
    font-size: 14px;
    color: #7a7a7a;
    font-family: 'muli';
    font-weight: 500;
    text-transform: uppercase;
}
.faq_content #cars {
    display: block;
    width: 96%;
    background: #fff;
    border: 2px solid #eee;
    padding: 10px 10px;
    color: #7a7a7a;
    font-size: 20px;
    border-radius: 10px;
        margin-top: 10px;
}
.faq_content #cars:focus{
	outline: 2px solid #012c57;
}
.accordion:after 
{
    content: '\002B';
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 15px;
}
.accordion.active:after 
{
    content: "\2212";
}
.faq_content
{
    overflow: hidden;
    clear: both;
    padding: 0px 20px;
    transition: all ease 0.15s;
    display:none;
}
.heading-service{
    font-size: 16px;
    font-family: muli;
}
 .filters {
    font-size: 18px;
    font-family: muli;
    color:#333;
    overflow:hidden;
}
.filter-state {
    font-size: 14px;
    color: #3a3a3a;
    font-family: 'muli';
    font-weight: 500;
    text-transform: uppercase;
    font-weight: bold;
}
.filter_heading {
    text-transform: capitalize;
    font-size: 14px;
    color: #7a7a7a;
    font-family: 'muli';
    font-weight: 500;
    text-transform: uppercase;
}
.faq_content.active 
{
    padding: 20px 0;
    max-height: 100%;
    transition: all 0.35s ease 0.15s;
}
.our-service-container {
    width: 100%;
    border: 2px solid #eee;
    margin-bottom:20px;
        padding: 25px;
    border-radius: 5px;
}
.service-data-block {
    display: flex;
    justify-content: space-between;
}
.mt{
	margin-top:20px;
}
.padding {
    padding: 20px 0;
}
.accordian-content label {
    display: inline;

}
.field-heading{
	font-family:poppins;
	font-size: 20px;
}
.filters p {
    display: inline;
}

/*SearchLeadsend*/

/** Test css starts from here**/

.footer-link a{
    margin-bottom:8px !important;
}

.copyright-bg-color {
    background-color: #011126;
    padding: 40.5px 10px !important;
}

/** Test css ends here**/

@media screen and (max-width: 1200px) and (min-width: 600px) {
	.flex-container{
		flex-direction: column;
	}
	.option-container, .sticky{
    width: 100%;
	}
	.sticky{
    margin-top:20px;
	}
}
@media only screen and (max-width:993px) {
	.footer{
		flex-direction: column;
	}
	.footer-container {
    	 width: 100%;
	}
	.links {
    	width: 100%;
	}
	.copyright-text {
    text-align: center;
	}
	.heading-footer{
		margin-top:20px;
	}
	.heading-footer img {
    width: 45%;
	}
}
@media only screen and (max-width: 600px) {
	.flex-container, .service-data-block{
		flex-direction: column;
	}
	.option-container, .sticky{
    width: 100%;
	}
	.our-service-container{
		width:100%;
		margin-bottom: 20px;
	}
	.sticky{
    margin-top:20px;
	}
}
@media only screen and (max-width:533px) {
.top-nav li:nth-child(1) {
    display: block;
    text-align:right;
}
}
@media only screen and (max-width:500px) {
.heading-footer img {
    width: 75%;
}
.state-label {
    margin-bottom: 10px;
}

.flex {
    flex-direction: column;
}
.flex-column {
    width: 100% !important;
    margin-bottom: 10px;
}   
    .mt{
        margin-top: 0 !important;
    }
    .containers.mt {
    margin-top: 20px !important;
}
    .estimated_container {
    flex-direction: column; 
    }
    .estimated_li {
    width: 100% !important;
}
}
#Secondary_Navbar-Account a.dropdown-toggle {
    color: #fff !important;
}

::placeholder{
	font-size:12px;
	font-family: muli;
	font-color:#7a7a7a;
}
.get-record-count {
    font-size: 12px;
}
.flex{
    display:flex;
    justify-content: space-between;
    align-items: start;
}
.flex-column{
    width:48%;
}
.flex-column select {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 6px;
}
.margin-t{
    margin-top:20px;
}
.bootstrap-tagsinput {
    width: 100%;
    line-height: 17px;
}
.bootstrap-tagsinput .tag{
    display: inline-block;
    padding: 3px 5px 3px 5px;
    border: 1px solid #aaa;
    background-color: #eeeeee;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333 !important;
    line-height: 13px;
    border-radius: 4px !important;
    font-weight: 100;
    font-size: 14px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
    font-size: 15px;
    font-weight: 700;
    color: #888888;
}
.mt{
    margin-top:20px;
}
.filter_heading {
    text-transform: capitalize;
}
.record-count-container {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.get-record-count {
    width: 27%;
}
.get-record-count:active:focus, .get-record-count:focus {
outline: 1px solid #012c56;
    outline-offset:0;
}
.record-count {
    width: 70%;
    border-radius: 4px;
}
.record-count:enabled, .record-count[enabled] {
    cursor: default;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding: 4px 6px;
    color: #555;
    border-radius: 4px;
    cursor: text;
}
.record-count-container input{
    padding: 6px 6px;
}
.containers {
    display:none;
    border: 2px solid #eee;
    padding: 25px;
    border-radius: 5px;
    background-color: #eee;
}
.estimated-income label{
	display:inline-block;
}

.estimated-income {
    width: 100%;
}
.estimated_container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.estimated_li {
    width: 50%;
    margin-bottom: 3px;
}
.flex-column input {
    font-size: 14px;
}
.flex-width{
width:100%;
}
html input[disabled] {
    cursor: default;
    background: #ddd;
    border: 2px solid #c7c5c5;
}
i.fas.fa-sync.fa-spin {
    padding: 0px 8px;
}
.center{
    text-align: center;
}
.phone-num {
    font-weight: 600;
    letter-spacing: 2px;
}
.fas.fa-phone-alt {
    margin-right: 5px;
}
.filter-phone-num {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    display: block;
    background-color: #012c56;
    color: #fff;
    padding: 9px 10px;
    transition: .5s;
    font-family: 'muli';
    margin: auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.filter-phone-num:hover {
    color: #fff;
}
a.disabled {
  pointer-events: none;
  cursor: default;
}
.search-toggle {
    display: none;
}
.leads-last-updated{
    border: 1px solid #C0C0C0;
    border-bottom: 0px;
    width: 230px;
    background-color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    display: block;
    color: #0381D6;
    font-weight: bold;
    font-family: poppins;
    padding: 10px;
}
.logo{
    width: 20%;
    display: inline-block;
}
section#main-body {
    background-color: #fff;
        padding-bottom: 60px;
}
header.header .main-navbar-wrapper{
    background: #043d5f;
}
div#mainNavbar .navbar-nav a {
    color: #fff;
}
#Primary_Navbar-Store li a, #Secondary_Navbar-Account li a {
    color: #333 !important;
}
.dropdown-item a {
    color: #333 !important;
}
.master-breadcrumb{
    display:none;
}