/*live*/
  #pro-listing img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}
body{font-family: 'Open Sans', sans-serif;}
h1.h1 {font-size: 75px;font-weight: 700;text-transform: uppercase;}
h2.h2 {font-size: 50px;}
h3.h3 {font-size: 40px;}
h4.h4 {font-size: 30px;text-transform: uppercase;}
.sold {background: #ee3535 !important;}
h5.h5 {font-size: 25px;}
.logo {
    margin-top: 10px;
}
.filter-inner form {
    margin: 20px 0 0 0;
}
.autocomplete,.easy-autocomplete {width: 100% !important;}
/*side menu css start here*/

.filter-inner button#toggle-btn {
    background: transparent;
    border: 0;
    padding: 0;
}
.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    right: -250px;
    height: 100vh;
    z-index: 54654;
    background: #29a160;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
    right: 0;
}
nav#sidebar a {
    display: block !important;
    margin: 0 0 0 0;
    background: transparent;
    padding: 10px 0 10px 20px !important;
    border-radius: 0px;
    text-decoration: none;
    width: 100%;
    border-bottom: 1px solid white;
	color: white;
}

#sidebar ul.components li {
    display: block;
    width: 100%;
    padding: 0;
}
#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #1d7043;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#dismiss:hover {
    background: #fff;
    color: #29a160;
}

#sidebar .overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #29a160;
}
button#sidebarCollapse {
    background: #299d61;
    color: white;
    border-color: #299d61;
}

button#sidebarCollapse span {
    color: white;
    text-transform: capitalize;
}

button#sidebarCollapse:hover {
    background: #1a6a40;
    border-color: #1a6a40;
}
#sidebar ul.components {
    padding: 0;
    margin: 20px 0 0 0;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    display: block;
}

#sidebar ul li a:hover {
    color: #29a160;
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
 
 

/*side menu css end here*/


.banner-overlay{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	z-index:1;
}
.login-height{
	height:auto !important;
	min-height: 100vh;
}
.top-new-head a.user-name:hover {
    background: transparent;
}

.top-new-head a.user-name {
    background: transparent;
    padding: 7px 30px;
    text-decoration: underline;
}
.headerbottomMenu{
	
	opacity: 0;
	transition: .5s ease-in-out;
}
#sidebar ul li a.user-name {
    font-weight: 900;
    color: black;
}
.banner-hero--video {
    -o-object-fit: cover;
    object-fit: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    will-change: opacity;
    max-height: 100%;
    height: 100%;
    width: 100%;
	position:absolute;
	top:30px;
}
.box-vidd{
	    background-size: cover;
    will-change: opacity;
    max-height: 100%;
    width: 100%;
    margin: 15px 0px;
    border: 1px solid #000;
}

h6.h6 {font-size: 18px}

input{outline: none;}

p.p {font-size: 16px; font-weight: 700;}


p.p1 {font-size:16px}



p.p2 {font-size: 14px;}



 

img:hover {

    transition: all 0.3s ease-in-out;

    opacity: 0.6;

}


.top-new-head a.active {
    border-bottom: 4px solid #28a25f;
}
img {transition: all 0.3s ease-in-out;} 

a.a {font-size: 16px; font-weight: 700;}

a{text-decoration: none;transition: all .3s ease-in-out;}

span{color: var(--green);}



.modal-content h6{margin: 20px 0 0 0; text-transform:capitalize;}
.modal-content button {
    margin: 0;
    border-radius: 0px;
    background: #28a25f;
    padding:10px 40px ;
    border: 0px;
    color: white;
    margin: 30px 0 0 0;
}
.modal-content button:hover {
    background: #15663a;
    cursor:pointer;
}
.modal-content i {    font-size: 63px;
    color: #28a25f;
    width: 100%;
    text-align: center;}



:root



{ 
--box: 0px 0px 15px 0px rgba(0,0,0,0.1); 
--green : #28a360; 
--bg :linear-gradient(to right, rgba(40,163,95,1) 0%, rgba(47,103,115,1) 100%);  
--bg-hover: linear-gradient(to right, rgba(47,102,116,1) 0%, rgba(40,161,96,1) 100%);

}







/*================================ index page start here ===================================*/

.box-vidd2 {
    background-size: cover;
    will-change: opacity;
    max-height: 100%;
    width: 80%;
    margin: 15px 0px;
    border: 10px solid #28a360;
    margin: -30px auto 30px auto;
    text-align: center;
    display: flex;
    border-radius: 10px;
}

header .menuu ul li a.active {
    color: #a0a0a0;
}

.new-banner-questionnaire{
	background: url('https://4thandgoalllc.com/assets/images/newbg.jpg') no-repeat !important;
	padding-bottom:150px !important;
	padding-top:350px !important;
	background-size:cover !important;
}
.new-banner-contact{
	background: url('https://4thandgoalllc.com/assets/images/contact-banner.jpg') no-repeat !important;
	padding-bottom:150px !important;
	padding-top:350px !important;
	background-size:cover !important;
	    background-position: center top !important;
}
.new-banner-payment{
	background: url('https://4thandgoalllc.com/assets/images/payment-banner.jpg') no-repeat !important;
	padding-bottom:150px !important;
	padding-top:350px !important;
	background-size:cover !important;
	    background-position: center top !important;
}
.new-banner-bookmark{
	background: url('https://4thandgoalllc.com/assets/images/bookmarks-banner.jpg') no-repeat !important;
	padding-bottom:150px !important;
	padding-top:350px !important;
	background-size:cover !important;
	    background-position: center top !important;
}
.new-banner-sale{
	background: url('https://4thandgoalllc.com/assets/images/properties-for-sale-banner.jpg') no-repeat !important;

}
.new-banner-rent{
	background: url('https://4thandgoalllc.com/assets/images/properties-for-rent-banner.jpg') no-repeat !important;
}
/*header start here*/
.top-new-head a.call {
    float: none;
    margin: 5px 0 0 0;
    background: transparent;
    padding: 0;
    display: inline-block;
}

.top-new-head a:hover {
    background: #1a623a;
    text-decoration: none;
}

.top-new-head a.call:hover {
    background: transparent;
    color: #39dd83;
}
.top-new-head{
        background: white;
        width: 100%;
        position: absolute;
        z-index: 1111;
        padding: 10px 0px;
        /* top: -50px; */
}
.top-new-head p{
         color: #fff;
    font-size: 14px;
    float: left;
    text-decoration: none;
    padding: 0px;
        margin: 0px;
}
.top-new-head a{
        color: black;
        font-size: 14px;
        float: right;
        text-decoration: none;
        padding: 7px 40px 9px 40px;
        margin: 0 0 0 10px;
        background: #28a25f;
        border-radius: 100px;
        font-weight: 600;
}
.top-new-head a:hover{
    text-decoration: underline;
}
header {margin: 50px 0 0 0;}



header{position: absolute;z-index: 111;width: 100%;}



header .menuu{float:right;margin: 18px 0 0 0;}



header .menuu ul{list-style-type:none;float: left;}



header .menuu{float:right;margin: 50px 0 0 0;}



header .menuu ul{   list-style-type:none;   float: left;    margin:0px; padding:0px;}



header .menuu ul li{list-style-type:none;float:left;padding:0px 20px;}



header .menuu ul li a{font-size:16px;text-transform:capitalize;color:#fff;text-decoration:none;}



header .menuu ul li a:hover{color:#051a24;}



header .menuu ul li{list-style-type:none;float:left;padding: 0px 20px 10px 20px;}



header .menuu ul li a{font-size:16px;text-transform: uppercase;color:#fff;text-decoration:none;}



header .menuu ul li a:hover{color: #a0a0a0;}



/*header end here*/



 



/*header banner start here*/







section.header-banner{position: relative; background: url('../../images/header-banner.jpg.jpg') no-repeat;
 -webkit-background-size: cover;
 background-size: cover;
 background-position: top center;
     overflow: hidden;
 padding: 250px 0 50px 0 ;}



section.header-banner h4,.header-banner h1{color: white;}



section.header-banner #nav-tab {margin: 30px auto 0 auto;justify-content: center;border-bottom: 0;margin: 35px 0 0 0;}



section.header-banner #nav-tab a {text-transform: uppercase;color: white;background: none;border: 0;margin: 0 80px;padding: 8px 15px;
z-index:99;   position: relative}



section.header-banner #nav-tab a.active {border: 1px solid white;border-radius: 20px;position: relative;}



section.header-banner #nav-tab a.active:after {position: absolute;content: '';height: 0;width: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid white;left: 0;right: 0;margin: 0 auto;top: 107px;}



section.header-banner #nav-tabContent {margin: 50px auto 0 auto;text-align: center;}



section.header-banner #nav-tabContent p {color: white;text-align: center;font-weight: 200;margin: 20px 0 0 0;}



section.header-banner form {}



section.header-banner form input[type="text"]{border-radius: 50px;background: white;height: 60px;color: black;padding-right: 30px;padding-left: 30px;font-size: 16px;width: 70%;border: 0;margin: 0 auto;}



section.header-banner form input[type="text"]:placeholder{color: #666666;}



section.header-banner form input[type="submit"] {background: var(--bg);color: white;border: 1px solid white;border-radius: 50px;font-size: 16px;font-weight: 600;text-align: center;width: 300px;height: 50px;text-transform: uppercase;margin: 0 auto;-webkit-transition: all 0.2s ease-in-out;-o-transition all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}



section.header-banner form input[type="submit"]:hover{background: var(--bg-hover);color: black;cursor: pointer;}



/*header banner end here*/















/*logos start here*/



section.logos{background: rgba(0,0,0,0.6);padding: 40px 0;margin: 80px 0 0 0; position:relative;z-index:99;}



section.logos img{display: block;margin: 0 auto;transition: all 0.6s ease-in-out;}



section.logos img.img{margin-top: 10px; }



/*logos end here*/







/*buyer start here*/





section.buyer .buyer-content img {width: 88px;height: 92px;}

section.buyer{padding: 55px 0;}
section.buyer h5{color: #111111; text-align: center;}
section.buyer .buyer-content{}
section.buyer .content{text-align: center;margin: 60px 0 0 0;padding: 40px 20px 0px 20px;}
section.buyer .content h6{padding: 30px 0 0 0;color: black;text-transform: uppercase;min-height: 95px;margin: 0;}


section.buyer .content p {padding: 10px 0 0 0; color: #666666;}



section.buyer .content:hover{-webkit-box-shadow: var(--box);box-shadow: var(--box);}



/*buyer end here*/







/*about start here*/







section.about{padding: 50px 0}



section.about img{width: 100%;margin: 0 0 20px 0;height: 403px;}


.buyer, .about{
	overflow-y:hidden;}
section.about img.img-1{
	margin: 0 0 30px 0;
    width: 261px;
    height: 280px;
    object-fit: cover;}



section.about img.img-2{ height: 422px;width: 261px;}



section.about .content{padding: 160px 0 0 0;}



section.about .content h2.h2{color: #000;}



section.about .content p.p1.pp{margin: 14px 0 0 0;}



section.about .content p{color: #666666;}



section.about .content p.p{color: var(--green);margin: 14px 0 0 0;padding: 0;text-transform: uppercase;}



section.about .content p.p1{padding: 0; margin: 30px 0 0 0;}



/*about end here*/



section.testi img.img-fluid {

       width: 112px;
    height: 112px;
    display: block;
    margin: 30px auto 0 auto;
    border-radius: 60px;

}



section.testi h6.h6 {

    text-align: center;

}



section.testi p {

    text-align: center;

}



/*counter start here*/







section.counter{background: #f6f6f6;padding: 60px 0;}



section.counter p.p{color: #666666; text-align: center;}



section.counter .content{text-align: center;}



section.counter .content h4.h4{color: #000;}

section.counter .content h3.h3{font-family: 'Montserrat', sans-serif;}



section.counter .content p{color: #3dd978;font-size: 14px;text-transform: uppercase;font-weight: 600;}



section.counter .col-md-3.col-sm-6.col-12{border-right: 1px solid #e5e5e5;margin: 50px 0 0 0;}



section.counter .col-md-3.col-sm-6.col-12:last-child {border:0px;}



 



/*counter end here*/







/*people start here*/



.new-register .register-main{
    padding:40px !important;
    background: #fff !important;
    border-radius:10px; 
}
.new-register .register-main h1{
        font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0px !important;
    padding: 0 0 15px 0 !important;
}

.new-register .register-main select{
    width: 100% !important;
    padding: 0 0 0 50px;
    outline: none;
    color: black;
}
.new-register .register-main input{
    width: 100% !important;
}



section.people{text-align: center; padding: 60px 0;}



section.people h3{}



section.people h3 span{color: var(--green);}



section.people .content{margin: 90px 0 0 0;}



section.people .content img{width: 142px;height: 142px;border-radius: 100px;display: inline-block;}



section.people .content p{margin: 30px 0 0 0;padding: 0;color: #666666;}



section.people .content p.p1{margin: 10px 0 0 0;color: var(--green);padding: 0;text-transform: uppercase;font-weight: 700;}



section.people .content p.p2{margin: 0;padding: 0;font-size: 14px;color: #666666;}







/*people end here*/







/*agents start here*/







section.agents{background: #f6f6f6;padding: 55px 0;}



section.agents h3.h3{text-transform: capitalize;text-align: center;}



section.agents p.p1{color: var(--green);text-transform: uppercase;font-weight: 700;text-align: center;margin: 20px 0 0 0;}



section.agents .content{background:white;margin: 30px 0 0 0;border: 1px solid #e1e1e1;border-radius: 10px;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;padding: 20px;transition:all 0.2s ease-in-out;}



section.agents .content:hover{-webkit-box-shadow: var(--box);box-shadow: var(--box);}



section.agents .content h6.h6{color: #111111;margin: 36px 0 0 0;}



section.agents .content p{font-size: 15px;color: #666666;padding: 0;margin: 7px 0 0 0;}



section.agents .content .img {



}



section.agents .content .img img{width: 112px;height: 112px;border-radius: 200px;}







/*agents end here*/











/*search start here*/



.form-control:focus {box-shadow: none;border: 1px solid #28a25f;}



section.search{padding: 60px 0 ;background: white;}



section.search h5.h5{font-weight: 600;margin: 16px 0 0 0;}



section.search form {}



section.search form .col-md-8.col-sm-8.col-8,section.search form .col-md-4.col-sm-4.col-4 {padding: 0;}



section.search form input[type="text"]{padding-right: 20px;font-size: 16px;border-radius: 50px;border-top-right-radius:0px;border-bottom-right-radius: 0px;padding-left: 20px;height: 60px;background: #ebebeb;color: black;border: 0;}



section.search form input[type="text"]::placeholder{color: #666666;}



section.search form input[type="submit"]{background: #28a360;font-size: 16px;transition: all 0.2s ease-in-out;color: white;border-radius: 50px;border-top-left-radius:0px;border-bottom-left-radius: 0px;height: 60px;box-shadow: none;border: 0;}



section.search form input[type="submit"]:hover {cursor: pointer;background: #1a7141;}



/*search end here*/







/*story start here*/







section.story{background: url('images/story-banner.png')no-repeat;-webkit-background-size: cover;background-size: cover;padding: 100px 0 70px 0;}



section.story h5.h5{text-transform: uppercase;font-weight: 700;color: var(--green);margin: 0;}



section.story p{color: white;padding-top: 20px;width: 90%;margin: 0 auto;}



section.story p.p{text-transform: uppercase;color:white;padding-top: 30px;font-weight: 400;}







/*story end here*/











/*testi start here*/







section.testi{padding: 60px 0 20px 0;}



section.testi h3.h3{color: black;text-align: center;}



section.testi .carousel-item{}



section.testi .carousel-item p.p1{padding: 0;color: #666666;text-align: center;width: 87%;margin: 30px auto 0 auto;}



section.testi .carousel-item img{display: block;margin: 30px auto 0 auto;width: 112px;height: 112px;}



section.testi .carousel-item h6.h6{color: black;text-align: center;margin: 20px 0 0 0;}



section.testi .carousel-item p{font-size: 16px;color: #666666;text-align: center;}







/*testi end here*/



footer {background: #7f7f7f;}







footer ul {



    margin: 0 0 0 0;



    padding: 0;



    list-style: none;



    float: left;



}








footer .res{margin: 0 0 0 70px;}



footer ul li a {font-size: 14px;color: #cdcdcd;transition: all 0.2s ease-in-out;}







footer ul.ul {float: right;}







footer p.p1 {



    text-transform: uppercase;



    color: white;



}







footer ul li a:hover {



    color: white;



    text-decoration: none;



}







footer .footer-inner {



    padding: 60px 0;



}



footer .copy-right p{font-size: 14px;color: white;text-align: center;margin: 0 0 40px 0;}



/*================================ index page end here ===================================*/

 

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: var(--green) !important;}

 

.owl-nav {

    display: none;

}

.owl-dots {

    margin: 40px 0 0 0;

}



section.testi .owl-dots {

    margin: 0 0 0 0;

}

 



.story .owl-dots {margin: 20px 0 0 0;} 

 

/*======================= offer start here==============*/
/*offer banner start here*/

section.header-banner.contact-banner {padding: 285px 0 130px 0;}
section.header-banner.contact-banner h4.h4 {font-weight: 700;font-size: 35px;}

/*offer banner end here*/

.table thead th {
   
    border-bottom:0px solid transparent;
}
.table td, .table th {
   
    border-top: 0px solid transparent;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: none !important;
    border-top:  none !important;
    color: #999999;
    text-transform:uppercase;
    font-weight: 400;
    font-size: 12px;
    text-align: start;
}

.table-bordered th, .table-bordered td {
    border: transparent;
}
 
.tr-spacer
{
height: 20px;
background:trasparent !important;
}
table{
    width: 100%;
    border-spacing: 0 26px;
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    white-space: nowrap !important;text-overflow: ellipsis !important;
} 
table tbody tr {
    background-color: transparent !important;
    box-shadow: 0 0 20px 6px rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
    border-radius: 10px;
    border-top: 0;
}

 
 section.offer {
    padding: 50px 0 100px 0;
}

section.offer h2.h2 {
    font-size: 27px;
    font-weight: 700;
    color: #28a060;
    text-transform: capitalize;
}

.offers .input {
    position: relative;
}

.offers .input i {
    position: absolute;
    right: 0;
}

section.offer .input {
    position: relative;
}

section.offer i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    color: #28a25f;
}

section.offer input {
    height: 40px;
    box-shadow: 0 0 4px 0px rgb(0,0,0,.2);
    border: 1px solid #f6f6f6;
    font-size: 14px;
}

section.offer input::placeholder {
    color: #cccccc;
}


table td {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    padding: 23px 20px !important;
}


/*======================= offer end here==============*/
/*======================= contact admin start here==============*/


.contact-left {}

section.contact {
    margin: 50px 0 120px 0;
}

section.contact h5.h5 {
    font-size: 27px;
    text-transform: capitalize;
    color: #515151;
}

section.contact p {
    margin: 40px 0 40px 0;
    font-size: 14px;
    color: #515151;
}

.contact-detail {}

.contact-detail .col-2 {
    padding: 0 0 0 15px;
}

.contact-detail .row {
    margin-top: 44px;
}

.contact-detail p {
    margin: 0 0 0 0 !important;
    text-transform: capitalize;
}

.contact-detail a {
    font-size: 14px;
    display: inline-block;
    margin: 0 0 0 0;
    color: #666666;
    transition: all .3s ease-in-out;
}

.contact-detail a:hover {
    color: black;
    text-decoration: none;
}

.contact-detail img {
    margin: 6px 0 0 0;
}

.contact-detail img:hover {
    opacity: 1;
}

.contact-detail a>a>a {
    color: red !important;
}

.contact-detail a.green {
    color: #28a360;
}

.contact-right input {
    height: 50px;
    font-size: 14px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-bottom: 25px;
}

.contact-right h5.h5 {
    margin: 0 0 44px 0;
}

.contact-right input::placeholder {
    color: #a9a9a9;
}

.contact-right textarea {
    height: 205px;
}

.contact-right button {
    margin: 20px 0 0 0;
    background: #28a360;
    color: white;
    border-radius: 50px;
    border: 0;
    padding: 18px 20px;
    font-weight: 600;
    text-transform: capitalize;
}

/*======================= contact admin end here==============*/
/*======================= paylog start here==============*/
section.paylog {
    margin: 50px 0 120px 0;
}

section.paylog img {
    float: left;
    margin: 0 10px 0 0;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}

.paylog h3 {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    margin: 8px 0 0 0;
    text-transform: uppercase;
}

.paylog p {
    font-size: 12px;
    color: #999999;
    margin: 20px 0 0 0;
}

.paylog h2 {
    color: #28a360;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 5px 0 0 0;
}

.paylog .box {
    background: #28a360;
    padding: 20px;
    border-radius: 5px;
}

.paylog .box h4 {
    float: right;
    font-size: 30px;
    color: white;
    font-weight: 700;
}

.paylog .box h3 {
    margin: 0;
    color: white;
    font-size: 14px;
    font-weight: 400;
    margin: 4px 0 0 0;
}

 
.paylog .input {
    position: relative;
    margin: 30px 0 0 0;
}

 
 

section.paylog i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    color: #28a25f;
}

section.paylog input {
    height: 40px;
    box-shadow: 0 0 4px 0px rgb(0,0,0,.2);
    border: 1px solid #f6f6f6;
    font-size: 14px;
}

section.paylog input::placeholder {
    color: #cccccc;
}


/*======================= paylog end here==============*/

/*======================= sale listing start here==============*/
section.sale {}

section.sale img {
    width: 100%;
    height: 400px;
}

.sale .luxury {
    margin: 50px 0;
}

.sale .luxury h4 {
    font-size: 28px;
    color: #333333;
    margin: 20px 0 0 0;
}

.sale .luxury .box {}

.sale .luxury .box p {
    color: #999999;
    font-size: 15px;
    width: 100%;
    margin: 20px 0 0 0;
}

.sale .luxury .box h2 {
    color: #19b453;
    font-size: 18px;
    font-weight: 600;
}

.luxury p {
    color: #666666;
    font-size: 15px;
    width: 90%;
    margin: 40px 0 0 0;
}

.lux-middle .box {
    border-radius: 5px;
    padding: 20px;
    margin: 60px 0 0 0;
}

 

.box.dark-green {
    background: #2e6374;
}

.lux-middle .box h2 {
    float: right;
    color: white !important;
    font-size: 35px !important;
    font-weight: 700 !important;
}

.lux-middle .box p {margin: 0 0 0 0 !important;color: white !important;}

.lux-middle .box.green {
    background: #28a25f;
}

.lux-middle .box.black {
    background: #282828;
}

.lux-middle button {
    padding: 18px 55px;
    border: 0px;
    background: #28a360;
    color: white;
    border-radius: 100px;
    margin: 50px 0 0 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all .3s ease-in-out;
}

.lux-middle button:hover {
    background: #22814d;
    cursor: pointer;
}

.lux-middle {
    padding: 0 0 60px 0;
    border-bottom:1px solid #e0dbdb;
}

.coments {}

.coments h3 {
    margin: 25px 0 0 0;
}

.coments a {
    display: inline-block;
    margin: 25px 0 0 0;
    background: #28a360;
    color: white;
    padding: 12px 20px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 100px;
}

.coments a:hover {
    background: #1d7344;
    text-decoration: none;
}

.description {
    margin: 24px 0 0 0;
}

.description img {
    height: 40px !important;
    width: 40px !important;
    margin: 0 auto;
    display: block;
}

.description h3 {
    font-size: 14px;
    color: #333333;
    margin: 0;
    font-weight: 600;
}

.description h3 span {
    margin: 0 0 0 26px;
    font-weight: 600;
    color: #2e6374;
    font-size: 12px;
}

.description p {
    margin: 27px 0 0 0;
    font-size: 13px;
    width: 100%;
    color: #666666;
    font-weight: 500;
}

.description a {
    text-decoration: none;
    color: #333333;
    margin: 30px 0 50px 0;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600;
}

.description a:hover {
    color: #28a360;
}
i.fa.fa-check-circle {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
    height: 90px;
    color: white;
    background: #28a25f;
    width: 90px;
    padding: 17px 0 0 0;
    border-radius: 100px;

    border: 7px solid white;
    top: -40px;
}

.modal-content {
    margin: 100px 0 0 0;
    padding: 30px;
    border-radius: 20px;
}

.modal-content h2 {
    font-size: 18px;
    margin: 70px 0 0 0;
    color: #333333;
    font-weight: 600;
}

.modal-content h3 {
    font-size: 11px;
    background: #28a25f;
    color: white;
    width: 80px;
    text-align: center;
    border-radius: 100px;
    padding: 5px 0;
    font-weight: 600;
    margin: 10px 0 0 0;
}

.modal-content label {
    color: #666666;
    font-size: 11px;
    font-weight: 600;
    margin: 30px 0 10px 0;
}

.modal-content input {
    height: 50px;
    border-radius: 100px;
}

.modal-content button {
}

/*======================= sale listing end here==============*/
/*======================= salee start here==============*/

section.salee {
    margin: 50px 0 80px 0;
}

section.salee .box {
    position: relative;
    margin: 30px 0 0 0;
}

section.salee .box-inner {
    position: absolute;
    bottom: 0;
    padding: 0 27px;
    width: 100%;
}

section.salee .box-inner h2 {
    font-size: 15px;


    width: 80px;
    color: white;
    background: #28a360;
    text-align: center;
    border-radius: 100px;
    padding: 5px 0;
    text-transform: capitalize;
    font-weight: 600;
}

section.salee .box-inner h3 {
    font-size: 21px;
    color: white;
    margin: 0 0 0 0;
}

section.salee .box-inner p {
    font-size: 15px;
    color: white;
}

section.salee .box-inner i {
    width: 40px;
    height: 40px;
    background: #ee3535;
    color: white;
    text-align: center;
    padding: 12px 0 0 0;
    font-size: 15px;
    border-radius: 100px;
    margin: 50px 0 0 0;
    transition: all .3s ease;
}

section.salee .box-inner h2.sold {
    background: #ee3535;
}
section.salee .box-inner i:hover {
    background: #a42121;
}

section.salee .box img:hover {
    opacity: 1;
}
section.salee .box img {
    width: 100%;
}

.search-pagi {text-align: center;margin: 0 auto;display: table;}

section.search-detail a:hover {cursor: pointer;}

.search-pagi ul {float: none;margin: 50px auto !important;padding: 0;text-align: center;}
search-pagi ul li {list-style-type: none;float: left;margin: 0 0 0 6px;}

search-pagi ul {list-style-type: none;margin: 30px 0 0 25px;padding: 0;float: left;}

search-pagi li.curlink {
    background-color: #0e4f7c;
    color: white;
    font-size: 22px;
    border-radius: 5px;
    border: 0px;
    width: 50px;
    height: 50px;
    padding: 10px 0 0 0;
    margin: 0 5px;
    box-shadow: 0 0 10px 0px rgba(0,0,0,.2);
}


.search-pagi ul li a {background-color: transparent;color: #666666;font-size: 18px;border-radius: 5px;border: 0px;width: 50px;font-weight: 600;height: 50px;padding: 0 20px;margin: 0 5px;}

search-pagi .pagination>li>a:focus, search-pagi .pagination>li>a:hover, search-pagi .pagination>li>span:focus, search-pagi .pagination>li>span:hover {background-color: #0e4f7c !important;color: white !important;}
.search-pagi ul li.curlink a {
    background: #f2f2f2;
    padding: 10px 19px;
    border-radius: 100px;
}
/*======================= salee end here==============*/

/*======================= responsive start here==============*/


@media (max-width: 1280px) 



{



    



}



@media (max-width:1151px) {

    header .menuu {margin: 30px 0 0 0;}



    section.agents .content .img img {width: 100px;height: auto;}



    section.agents .col-md-6.col-sm-6.col-8.col-lg-7{margin: 15px 0 0 0;padding: 0 10px;}



    section.people .content {margin: 40px 0 0 0;}



    section.about img{height: auto;}



    section.about img.img-1 {width: 261px;height: auto;}



    section.about img.img-2 {height: auto;width: 261px;}



    section.agents .content h6.h6{margin: 0;}



    section.header-banner #nav-tab a {margin: 0 34px;}



    section.about {padding: 0 0 50px 0;}



    section.search h5.h5{font-size: 22px;}



    section.story{padding: 50px 0;}



    section.header-banner{padding-top: 200px;}



    section.buyer .content{padding: 20px 20px 0px 20px;margin: 40px 0 0 0;}



    section.search {padding: 40px 0 30px 0;}



    



}



@media (min-width: 768px) and (max-width: 991px) {



}



@media (max-width: 991px) {
    .menuu {
    margin: 10px 0 0 0;
    display: block;
}

.slicknav_nav a {
    display: block;
}

.slicknav_nav ul li {
    float: none;
    text-align: right;
}

.top-new-head .container {
    max-width: 99%;
}
    .register-main.loginnn {
    padding: 30px 30px 80px 30px;
}
.register-main .new-user p:after {width: 30% !important;left: 3% !important;}
    .register-main .new-user p:before {width: 30% !important;right: 3% !important;}


    footer ul.ul {float: left;}



    section.agents,section.testi,section.counter {padding: 30px 0;}



    section.counter .col-md-3.col-sm-6.col-12 {margin: 10px 0 0 0;}



    section.about {padding: 0 0 0 0;}



    section.search form input[type="submit"]{font-size:14px;}



    



    section.agents .col-md-6.col-sm-6.col-4.col-lg-5 {padding: 0 10px;}



    section.agents .col-md-6.col-sm-6.col-8.col-lg-7 {margin: 6px 0 0 0;padding: 0 10px;}



 



    h1.h1 {font-size: 45px;}



    h2.h2 {font-size: 30px;}



    h3.h3 {font-size: 30px;}



    h4.h4 {font-size: 25px;}



    h5.h5 {font-size: 20px;}



    h6.h6 {font-size: 15px}



    p.p {font-size: 13px; }



    p.p1 {font-size:13px}



    p.p2 {font-size: 12px;}



    a.a {font-size: 13px; }



    section.header-banner form input[type="text"] {width: 100%;}



    



    section.about .content {padding: 20px 0 0 0;}



}



@media (max-width: 767px) {

section.salee .box-inner i {
    margin: 30px 20px 0 0;
    float: right;
}

    section.buyer {padding: 30px 0;}



    section.buyer .content {margin: 20px 0 0 0;}



    section.buyer .content h6 br{display:none;}



    section.buyer .content p {padding: 10px 0 0 0;}



    footer .res {margin: 0;}



    footer p.p1 {margin: 20px 0;}



    footer ul.ul {float: right;}



    p{width: 100% !important;}



    section.agents .col-md-6.col-sm-6.col-8.col-lg-7 {margin: 15px 0 0 0;}



    section.counter .col-md-3.col-sm-6.col-12:nth-child(2) {border: 0;}



    section.about .content {padding: 20px 0;}



    section.search h5.h5 {margin: 0 0 20px 0;text-align: center;}



    section.header-banner #nav-tab {margin: 35px 0 0 50px;}



    section.header-banner #nav-tab a {margin: 0 15px;}



    



}



@media (max-width: 480px) {
        .register-main {
    padding: 30px 20px 50px 20px !important;
}
section.salee .box-inner {
    padding: 0 10px;
}
section.salee .box-inner i {
    margin: 40px 15px 0 0;
}
    section.offer input {margin: 20px 0 0 0;}

    section.header-banner #nav-tab {margin: 35px 0 0 0;}



    section.search form input[type="submit"]{padding: 0;}



    section.agents .col-md-6.col-sm-6.col-8.col-lg-7 {margin: 25px 0 0 0;}



    section.search form {padding: 0 10px;}



    



}



@media (max-width: 375px) 
{
    .register-top .nav-tabs .nav-link {width: 50% !important;} 

section.header-banner #nav-tab a.active:after {
    display: none;
}

section.header-banner #nav-tabContent {
    margin: 0 0 0 0;
}

section.header-banner form button {
    width: 100%;
}
.logoo img {
    margin: 10px 0 0 0;
}
    section.header-banner form input[type="submit"] {
    width: auto;
}

div#nav-tab {
    padding: 0 0;
}

section.header-banner form input[type="text"] {
    width: 310px;
    margin: 0 0 0 -20px;
}



    section.header-banner #nav-tab a {margin: 0;}



    section.search form {padding: 0 3px;}



}



@media (min-width: 320px) and (max-width: 999px) {
	.new-banner-questionnaire{
	background: url('https://4thandgoalllc.com/assets/images/newbg.jpg') no-repeat !important;
	padding-bottom:200px !important;
	padding-top:100px !important;

	background-size:cover !important;
	}
    .slicknav_nav .container {
    max-width: 100%;
}
.top-new-head {
    top: 0;
    text-align: right;
}

.slicknav_btn {
    z-index: 999999;
}

.top-new-head p {
    float: none;
    text-align: right;
    margin: 0;
}

header .menuu {
    margin: 145px 0 0 0 !important;
    width: 100%;
    z-index: 9999999;
    text-align: right;
}

.top-new-head a {
    float: none;
    padding: 0;
}

.js .slicknav_menu {
    /* height: 270px; */
    background: black;
    top: 70px;
}

header .menuu ul li {
    float: none;
    padding: 0;
    margin: 0;
}

header .menuu ul {
    float: right;
}

nav {width: 100%;}

header .menuu ul li a {
    padding: 0;
    margin: 0 0 0 0;
}


.slicknav_nav, .slicknav_nav ul {
    background: black;
    padding: 0;
}


    section.people {padding: 30px 0 40px 0;}

}



/*======================= responsive end here==============*/





/*========================== register user start here============================*/
.register-top {background-color: white;padding:0;margin: 110px 0;border-radius: 10px;}

.register-top .nav-tabs .nav-link {
    width: 25%;
    text-align: center;
    border: 0px;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    color: #e1e1e1;
}

.register-top .nav-tabs .nav-link.active {
    border-bottom: 4px solid #28a360;
    color: #28a360;
}

.register-top .nav-tabs {
    margin: 40px 0 0 0;
}
.register-top h1 {
    text-align: center;
    font-weight: 700;
    margin: 45px 0 0 0;
    font-size: 30px;
    color: #28a25f;
    text-transform: uppercase;
}
.register-main.loginnn {

background: white;

margin: 100px 0 0 0;

border-radius: 20px;

}

section.register.loginn,section.register.login.forget-pass,section.register.forget-pass {height: 160vh;}

section.register.loginn p:before,section.register.loginn p:after {

width: 37% !important;

}

.register{background: url('../../images/register.jpg') no-repeat;-webkit-background-size: cover;background-size: cover;/* height: 100%; */}

.register-main{/* background-color:white; */padding: 30px 100px 80px 100px;/* margin: 110px 0; *//* border-radius: 20px; */}

.register i{position: absolute;z-index: 9999;color: #999999;left: 40px;top: 18px;font-size: 14px;}

.register input,.register select{position: relative;border-radius: 100px;
height: 50px !important;

color: black;font-size: 14px;padding: 0 20px 0 50px;margin: 0 0 15px 0;border: 1px solid #e1e1e1;}

.register-main img {margin: 0 auto 20px auto;display: block;width: auto;}

.register-main .img-div img {width: 135px;height: 135px;border-radius: 100px;border: 4px solid #eceaea;}

.img-div{position: relative;}

.img-div-inner{margin: 0 0 30px 0;}

.dob {border-radius: 100px;border: 1px solid #e1e1e1;width: 100%;margin: 0 10px 15px 10px;}
.back-to-home{
	text-align: center;
    margin: 30px auto;
    position: relative;
    text-transform: capitalize;
    color: #28a360;
	display:table;
	font-size:18px;
	font-weight:600;
}
.back-to-home:hover{
    color: #000;
}
.back-to-home i {
    position: static;
    z-index: 9999;
    color: #28a360;
    left: 0px;
    top: 0px;
    font-size: 20px;
}
.dob .col-md-3.col-sm-6.col-6 {padding: 0;}

.dob .row {margin: 0;}

.dob i {position: initial;margin: 0 10px 0 0;}

.dob select.last {border-radius: 100px;border-left: 0;border-right: 0;border: 0px;}

.dob label {margin: 12px 0 0 20px;color: #d6d6d6;}

.dob select {border-left: 1px solid #e1e1e1;border-radius: 1px;color: #333333;border-bottom: 0;border-top: 0;}

.img-div-inner button {z-index: 9999;position: absolute;background: red;border-radius: 100px;right: 110px;bottom: 0;width: 30px;height: 30px;border: 4px solid white;padding: 0 0 0 2px;}

.img-div-inner i {position: initial;color: white;font-size: 13px;line-height: 13px;margin: 0;}

.dob select:focus {border: 1px solid #e1e1e1;}

.dob select.last:focus {border: 0;}

.register input:focus {border: 1px solid #cccccc;}

.register input::placeholder {color: #cccccc;}

.register .form-control button {border-radius: 50px;}

.register-main button.form-control {border-radius: 100px;font-size: 17px;background: #28a360;color: white;transition: all .3s ease-in-out;margin: 25px 0 0 0;}

.register-main button.form-control:focus {}

.register-main button.form-control:hover {background: #135430;}

.register-main .new-user p {text-align: center;margin: 60px 0 0 0;position: relative;text-transform: capitalize;color: #999999;}

.register-main a.login {border-radius: 50px;border: 1px solid #1d1d1e;text-align: center;display: inline-block;margin: 60px 0 0 0;color: #2a2a2b;font-size: 17px;text-transform: capitalize;transition: all .3s ease-in-out;}

.register-main a.login:hover {color: white;background: #28a360;border: 1px solid #28a360;}

.register-main .new-user p:before {width: 42%;position: absolute;height: 1px;/* background: #e6e6e6; */content: '';border: 1px solid #e6e6e6;right: 0;top: 11px;}

.register-main .new-user p:after {width: 42%;position: absolute;height: 1px;/* background: #e6e6e6; */content: '';border: 1px solid #e6e6e6;left: 0;top: 11px;}

/*========================== register user end here============================*/





/*========================== froget email start here============================*/



.forget-pass h2 {color: #333333;text-align: center;margin: 50px 0 30px 0;font-size: 24px;}



/*========================== froget email end here============================*/

/*========================== login start here here============================*/


p.textt {
    margin: 10px 0 0 30px;
    color: white;
}
/* The container */

.check{display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #999999;}

/* Hide the browser's default checkbox */

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



/* Create a custom checkbox */

.checkmark {position: absolute;top: 7px;left: 10px;height: 14px;width: 14px;background-color: white;border: 1px solid #999999;border-radius: 2px;}

/* On mouse-over, add a grey background color */

.check:hover input ~ .checkmark {}

/* When the checkbox is checked, add a blue background */

.check input:checked ~ .checkmark {}

/* Create the checkmark/indicator (hidden when not checked) */

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

/* Show the checkmark when checked */

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

/* Style the checkmark/indicator */

.check .checkmark:after {left: 3px;top: 0px;width: 6px;height: 9px;border: 1px solid black;border-width: 0 2px 1px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.loginn a { color: #4485c6; text-decoration: underline; font-size: 14px; display: inline-block; float: right;margin: 5px 10px 0 0;}

.loginn a:hover {color: black;}

a.login {float: none;text-decoration: none;}

.loginn a.login {margin: 30px 0 0 0;}

.register.loginn .new-user p {margin: 30px 0px 0 0 !important;}

.invitation-main {margin: 70px 0 0 0;}

.invitation-box {padding: 15px 30px;transition: all .3s ease-in-out;border-bottom: 1px solid #e8e8e8;}

.invitation-box img {float: left;margin: 0 13px 0 0;width: 85px;height: 85px;border-radius: 100px;border: 5px solid #e1e1e1;}

.invitation-box h3 {margin: 23px 0 0px 0px;font-size: 16px;font-weight: 500;color: #333333;}



.invitation-box p {color: #999999;margin: 2px 0 0 0;}

.invitation-box .invit-boxs a.active {background: #ec1c23;}

.invitation-box .invit-boxs a {color: white;text-transform: uppercase;font-size: 15px;padding: 15px 30px;border-radius: 100px;display: inline-block;margin: 14px 0 0 0;background: #202021;transition: all .3s ease-in-out;}



.invitation-box:hover {box-shadow: 0 0 30px 0px rgba(0,0,0,.2);}

.invitation-box .invit-boxs a.active:hover {background: #aa1318;}

.invitation-box .invit-boxs a:hover {background: black;}

.search-bar {float: right;}

.search-bar input[type="text"] {height: 40px;background: #f9f9f9;border-radius: 50px;width: 300px;border: 1px solid #e1e1e1;margin: 0 0 0 20px;padding-left: 20px;}

.search-bar label {margin: 0 0 10px 0;}

.search-bar input[type="text"]:focus{border: 0 !important;}





.attached {

width: 150px;

height: 150px;

position: relative;

margin: 0  auto 20px auto;

}

.attached button {position: absolute;padding: 1px 0 0 0 !important;right: 9px;bottom: 0;color: #fff;border: 3px solid white !important;}

.attached i {padding: 0 0 0 1px;margin: 0;font-size: 12px;line-height: 0;position: initial;color: white;}

.attached img {

width: 150px;

height: 150px;

border-radius: 100%;

margin: 0 0 0 0 !important;

object-fit: cover;

object-position: center;

}



button.change-cover  {

width: 30px;

height: 30px !important;



text-align: center;

font-size: 14px;


border: 3px solid #fff;

right: 0;

bottom: 10px;

border-radius: 50%;

color: #fff;

background: #28a360;

}

input.form-control.form-control-sm {

position: relative;

box-shadow: 0 0 10px 0px rgba(0,0,0,.2);

border-radius: 5px;

border: 1px solid #fafafa;

color: black;

}

/*========================== login end here============================*/

/*========================== register page start here============================*/



#regForm {



}

#regForm .payment{

margin: 100px 0 0 0;

}



#regForm input#upload1 {

height: 0;

width: 0;

visibility: hidden;

display: none;

}



#regForm input {



}



/* Mark input boxes that gets an error on validation: */

#regForm input.invalid {

background-color: #ffdddd;

}



/* Hide all steps by default: */

#regForm .tab {

display: none;

}



#regForm button {

background-color: #28a360;

color: #ffffff;

border: none;

cursor: pointer;

height: 50px;

text-transform: uppercase;

font-weight: 600;

}



#regForm button:hover {

opacity: 0.8;

}




#regForm #prevBtn {

background-color: #bbbbbb;

}



/* Make circles that indicate the steps of the form: */

#regForm .step {

height: 30px;

width: 30px;

margin: 0 2px;

background-color: #e1e1e1;

border-radius: 50%;

display: inline-block;

border: 4px solid white;

margin: 0 0 0 0;

}



#regForm .step.active {

opacity: 1;

}



/* Mark the steps that are finished and valid: */

#regForm .step.finish {

background-color: #28a25f;

position:relative;

opacity: 1;

color: white;

}

#regForm .step.finish::before {

background: #28a25f;

position:absolute;

height:2px;

content:'';

left: 28px;

top: 10px;

width: 271px;

}

#regForm span.text h4 {

color: #28a25f;

text-transform: uppercase;

margin: 0 -20px 20px 0;

}









.packages{margin: 50px 0 0 0}

.packages .box{border-radius: 10px;background: url("../../images/package.png") no-repeat top center;-webkit-background-size: contain;background-size: contain;-webkit-box-shadow: 0 0 10px  0 rgb(0,0,0,.2);box-shadow: 0 0px 10px 0 rgb(0,0,0,.2);width: 100%;margin: 70px 0;}

.packages .box .bottom{padding: 30px 20px;}

.packages .box h2{text-transform: capitalize;color: #0f6c39;font-size: 17px;text-align: center;padding: 22px 0 0 0;margin: 0 0 0 0;}

.packages .box h3{text-align: center;color: white;font-size: 35px;font-weight: 600;margin: 0 0 0 0;}

.packages .box ul{padding: 0;list-style-type: none;margin: 0 0 0 0;}

.packages .box ul li{padding: 15px 0 0 15px;position: relative;background:url("../../images/dot.png") no-repeat;background-position: 0 21px;}

.packages .box ul li p{color: #999999;font-size: 13px;margin: 0;}

.packages .box button{border: 1px solid #28a25f !important;padding: 10px;margin: 30px 0 0;border-radius: 40px;text-transform: uppercase;font-weight: 600;background: transparent !important;color: #28a25f !important;height: auto !important;width: 100%;}

.packages .box .bottom button:hover {background: #28a25f !important;color: white !important;opacity: 1 !important;}

#regForm .attached {margin-top: 40px;}

/*========================== register page  end here============================*/

/* custom css start here */
a.send-message-to-owner.button {
    background: #27a65f;
    text-decoration: none;
}
.img-div-inner h1 {
    text-align: center;
    font-size: 30px;
}
a.signup {text-decoration: underline;display: inline-block;border-radius: 100px;font-size: 17px;border: 1px solid #28a360;color: black;transition: all .3s ease-in-out;margin: 25px 0 0 0;width: 100%;text-align: center;padding: 10px 0;float: none;line-height: 17px;text-decoration: none;}

a.signup:hover {color: white;background: #28a360;}
.loginnn button.close {
    position: absolute;
    /* top: 15px; */
    right: 10px;
}
.pac-container {
    z-index: 999999;
}
#loginBox i {
    top: 19px;
}

button#loginmessage {
    position: absolute;
    top: 0;
    right: 0;
}

#loginBox {
    position: relative;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;  

}
input[type=number] {
    -moz-appearance:textfield;
}
.row.with-forms input::placeholder,.row.with-forms textarea::placeholder {
    color: #cecece;
}
.row.with-forms input,.row.with-forms textarea{color: black;}

.login-bg i.fa.fa-user {
    left: 43px;
}

.login-bg i.fa.fa-calendar {
    left: 44px;
}

body table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
   display: block !important;
   top: 13px;
}

body table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
   display: block !important;
   top: 13px;
}

/*form css start here*/

.property-info {
    padding: 0 0 50px 0;
    border-bottom: 2px solid #999999;
}

section.sell-form-main label,section.sell-form-main p {
    font-size: 14px;
    color: #333333;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0 0 10px 0;
}

section.sell-form-main label span, section.sell-form-main p span {
    color: #999999;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
}

section.sell-form-main {
    padding: 100px 0;
}

section.sell-form-main input,section.sell-form-main input:focus {
    background: #ebebeb;
    color: black;
    font-size: 15px;
    height: 45px;
    margin: 0 0 15px 0;
}

section.sell-form-main input::placeholder {
    color: #999999;
}

section.sell-form-main input#datepicker-1 {background: #ebebeb;}

section.sell-form-main  button.btn.btn-outline-secondary {
    background: transparent;
    border: 0;
    position: absolute;
    right: 0;
    top: 5px;
    color: #333333;
    padding: 0;
}

input.form-control {}

section.sell-form-main input[type="radio"] {
    height: auto;
    width: 50%;
}

section.sell-form-main .property-questions {
    background: #f2f2f2;
    margin: 60px 0 0 0;
    padding: 50px;
    border-bottom: 2px solid #28a360;
}

.repairs-form {
    padding: 60px 0 50px 0;
    border-bottom: 2px solid #999999;
    border-top: 2px solid #999999;
    margin: 60px 0 0 0;
}

section.sell-form-main .property-questions input {
    background: white;
}

.sell-form-top-main h1 {
    font-size: 50px;
}

.motivation {
    padding: 60px 0 0 0px;
}

.motivation h2, .Mortgage h2 {
    margin: 0 0 50px 0;
    font-size: 30px;
    color: #333333;
    font-weight: 600;
}

.motivation {
    border-bottom: 2px solid #999999;
    padding: 60px 0 50px 0;
}

.Mortgage {
    margin: 60px 0 0 0;
}

section.sell-form-main button {
    background: #28a360;
    border: 0px;
    color: white;
    padding: 16px 60px;
    border-radius: 10px;
    text-transform: capitalize;
    font-weight: 600;
}

section.sell-form-main button:hover {
    background: #186d3f;
    cursor: pointer;
}
.cus-radio {
  display: block;
  position: relative;
  padding: 6px 0 0 30px;
  margin: 0 !important;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #999999 !important;
  user-select: none;
  font-weight: 400 !important;
}

/* Hide the browser's default radio button */
.cus-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.cus-check {
  position: absolute;
  top: 12px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.cus-radio:hover input ~ .cus-check {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.cus-radio input:checked ~ .cus-check {
  background-color: #28a360;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.cus-check:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.cus-radio input:checked ~ .cus-check:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.cus-radio .cus-check:after {
 	top: 4px;
 	left: 4px;
 	width: 9px;
 	height: 9px;
 	border-radius: 50%;
 	background: white;
}

/*form css end here*/



/*filter start here*/

.MultiCheckBox {border:1px solid #e2e2e2;padding: 5px;cursor:pointer;border-radius: 100px;height: 56px;padding: 19px 20px 13px 20px;color: #999999;font-size: 14px;margin: 0 0 20px;}
.MultiCheckBox .k-icon{ font-size: 15px;float: right;font-weight: bolder;margin-top: -7px;height: 10px;width: 14px;color:#787878;}
.MultiCheckBoxDetail {display:none;position:absolute;border:1px solid #e2e2e2;overflow-y:hidden;width: 280px !important;background: white;z-index: 99999;}
.MultiCheckBoxDetailBody {overflow-y:scroll;background: white;padding: 0;}.MultiCheckBoxDetail .cont  {clear:both;overflow: hidden;padding: 2px;}
.MultiCheckBoxDetail .cont:hover  {background-color: white;}
.MultiCheckBoxDetailBody > div > div {float:left;padding: 0 0 0 9px;font-size: 14px;color: #ada399;}
.MultiCheckBoxDetail>div>div:nth-child(1) {        }
.MultiCheckBoxDetailHeader {overflow:hidden;position:relative;height: 28px;background-color: white;}
.MultiCheckBoxDetailHeader>input {position: absolute;top: 10px;left: 10px;}
.MultiCheckBoxDetailHeader>div {position: absolute;top: 5px;left: 34px;color: #999999;font-size: 14px;}
.filter-inner {
    background: white;
    padding: 10px 40px;
    box-shadow: 0 0 10px 0 rgb(0,0,0,.1);
    border-radius: 30px;
}

.filter-inner h2 {
    font-size: 25px;
    color: #28a25f;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 0 0;
}

svg.svg-inline--fa.fa-sort-down.fa-w-10.fa-2x {
    color: #29a160;
    margin: 3px 3px 0 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.filter-inner select.form-control {
    height: 56px !important;
    padding: 16px 15px;
    color: #999999;
    font-size: 14px;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    border-radius: 100px;
    background: url(images/yel-arrow.png) no-repeat 96% center;
    margin: 0 0 30px 0;
}
select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}
.filter-inner input.form-control {border-radius: 100px;margin: 0 0 20px 0;color: black;height: 55px;border: 1px solid #e2e2e2;padding: 0 20px;}

.filter-inner label {
    color: #999999;
    font-size: 14px;
    text-transform: capitalize;
    margin: 0px 0 10px 0;
}

span.irs-line {height: 6px !important;}

.irs--flat {
    margin: 30px 0 0 0;
}

.filter-inner input.form-control::placeholder {
    color: #999999 !important;
}

.filter-inner label.any-label {
}

.irs--flat .irs-bar {
    background: #28a25f !important;
    height: 6px !important;
}

.irs--flat .irs-handle {
    background: #28a25f !important;
    border-radius: 100px;
    width: 20px !important;
    height: 20px !important;
    top: 18px !important;
    border: 4px solid rgb(143 206 172) !important;
}

.irs--flat .irs-handle>i:first-child {
    background: transparent !important;
}

.irs--flat .irs-handle {}

.irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child {
    background: transparent;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background-color: #28a25f !important;
    top: -4px;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    background: transparent;
    border: 0 !important;
}

.filter-inner .clear {
    background: transparent;
    border: 0;
    padding: 0;
    color: #28a25f;
    font-size: 16px;
    text-decoration: underline;
}

.filter-inner button.search {
    background: linear-gradient(to right, rgba(40,163,95,1) 0%, rgba(47,103,115,1) 100%);
    color: white;
    border-radius: 100px;
    border: 0;
    padding: 15px 70px;
    font-size: 16px;
    transition: all .3s ease;
}

.filter-inner button.search:hover {
    background: linear-gradient(to right, rgba(47,102,116,1) 0%, rgba(40,161,96,1) 100%);
}

.filter-inner button {
    cursor: pointer;
    outline: none;
}

.filter-inner .clear:hover {
    color: #195e38;
}
 
/*hey*/
/*filter end here*/

/* custom css end here */