@charset "utf-8";
/* CSS Document */

/*defaults*/
body {font-family: 'Open Sans', sans-serif; color:#313131; background-color:#fff;}
hr {border-top: 1px solid #d6dbdc;}
h2 {color:#444444;}


/*navigation*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background-color:#fff;  font-weight:bold; }

#headLogoBg{ background-color:#fbfbfb;}
.phone { font-size:16px; line-height: 70px; background:url(//www.kars4kids.org/real-estate/broker/img/phone-icon.png) left center no-repeat; padding-left: 15px; color:#444444;}
.login {background: #efefef; background-image: linear-gradient(#efefef,#e7e7e7); border: 1px solid #dbdbdb; color: #5e94ff !important; font-size: 14px; line-height: 17px; padding: 8px 12px; margin-left:10px; letter-spacing: .5px; border-radius: 2px;}
.signup{background: #ec008c; border: 1px solid #b50a6f; color: #fff !important; font-size: 14px; line-height: 17px; padding: 8px 12px; margin-left: 10px; letter-spacing: .5px; border-radius: 4px; }
.login:hover{text-decoration:none; background:#f3f3f3; color:#444444; }
.signup:hover{text-decoration:none; background: #a80d68; cursor:pointer; }
.signup2{background: #ec008c; color: #fff !important; font-size: 16px; line-height: 17px; padding: 8px 42px; margin-left: 10px; letter-spacing: .5px; border-radius: 4px; }
.phone2{background: #ffffff;  border: 1px solid #efefef; color: #444444 !important; font-size: 16px; line-height: 17px; padding: 8px 22px; margin-left: 10px; letter-spacing: .5px; border-radius: 4px; }
.signup2:hover {text-decoration:none; background:#b8066f; cursor:pointer;}
.phone2:hover {text-decoration:none; background:#ededed; border:#dbdbdb solid 1px;}
#navBg{ background-color:#f3f3f3;}

/*navigation and affix*/
.navbar-default {border: none;}
.buttonsFix {float:right; display:none;}
#navFix {border-bottom: #e7e7e7 1px solid; background: #fff;    width: 100%;    top: -150px;}
.navbar-default .navbar-nav>.active>a {background-color:#d6d6d6 !important}
#navFix.affix  .navbar-nav>.active>a {background-color:#e0e5e6;}
.logoFix {display:none; margin-right: 5px;}
.signupFix{background: #ec008c; color: #fff !important; font-size: 16px;  padding: 6px 30px; margin-left: 10px; letter-spacing: .5px; border-radius: 4px; }
.signupFix:hover {text-decoration:none; background:#a80d68; cursor:pointer;}


#navFix.affix {
    position: fixed;
    top: 0;
    width: 100%;
	  -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
}



#navFix > .navbar-inner {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}



/*jumbotrons*/


/*how it works*/
.green {color:#88bc31;}
#how2 {background-color:#ececec;}

/*refer box*/
#refer {background-color:#f3f3f3; color:#fff;}
#refer p {font-size:18px; margin: 10px 0px;}
#refer ul {padding-left: 0px; line-height: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 15px;}
#refer li {padding-bottom:20px; padding-left:30px; list-style: none;}
.list1 {background: url(//www.kars4kids.org/real-estate/broker/img/refer-list-1.png) no-repeat left 7px;}
.list2{background: url(//www.kars4kids.org/real-estate/broker/img/refer-list-2.png) no-repeat left 5px;}
.list3{background: url(//www.kars4kids.org/real-estate/broker/img/refer-list-3.png) no-repeat left 7px; padding-bottom: 0px !important;}
#refer hr{border-top: 1px solid #fff; margin-top: 30px;}
.referBg {background-color:#18848d;}
#refer h4 {margin-bottom:0px;}
#refer h5 {color:#7c7c7c; font-size:16px; text-align:center; margin-top:0px;}
#refer h3 {color:#444444; border-bottom:#e30488 2px solid; padding: 10px 0px 25px 0px;}



/*testimonial*/
#testimonial {text-align:center; padding: 45px 0px 75px 0px; margin-top: 0px; color:#444444; background-color:#f3f3f3; }
#testimonial p {font-size:25px; margin-bottom:10px; margin-top: 0px;}

/*faq*/
#faq2 {background-color:#f3f3f3; border-top:#e7e8e8 solid 1px; border-bottom:#e7e8e8 solid 1px;}
#faq2 h4 {text-align:center;}

/*join*/
#join {text-align:center; padding: 40px 0px 70px 0px; background-color:#fff;}
#join p {color:#ec008c; font-size:18px;}

/*contact*/
#contact {background-color:#ececec;}
#contact p {padding-bottom:15px; color:#757575; font-size: 20px;}
#contact {padding: 40px 0px 40px 0px;}

/*footer*/
#footer {border-top: #e7e8e8 solid 1px; background-color:#ececec;}

/*form*/
.form-control {background-color: #f8f8f8;}
.pinkButton {border-radius: 4px; color: #ffffff; font-size: 17px; background:#dd0083; padding: 10px 20px 10px 20px; border: 0px;
text-decoration: none; margin-top: 10px; width:100%;}
.checkbox {margin-top: 20px;}

/*thanks*/
#thanks { color:#444444; background-color:#fff; margin: 30px 0px 90px 0px;}


/*broker*/
.pointsP {color: #848484;font-size: 15px;line-height: 24px;}
#points {    padding: 50px 0px 40px 0px;}
#recentDonation {background-color: #f3f3f3; padding-bottom:20px;}
.timeline-title {text-align:center;}
.ulClient li {    font-size: 16px;  padding-bottom: 8px;}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 280px) {
	
/*defaults*/
h2 {font-size:16px; font-weight: 300;}

#timeline {padding: 30px 0px 0px 0px; background-color:#fff;}

/*nav*/
#headLogoBg h4 {font-size:13px; font-weight:300; float:left;}
.container>.navbar-header {text-align:left;}
.phone { padding-left:13px;}
.signup {margin-left:3px;}

/*how*/
#how2 {margin-top:-30px;}

/*jumbotron*/
.logoNav {margin: 5px 10px 0 0; height: 28px; width: auto; float:left;}
.jumbotron h1 { font-size:30px;     line-height: 30px;}
.jumbotron p {line-height: 29px; margin-bottom: 30px; font-weight:400;}
.jumbotron .signup {margin-left:0px; padding: 8px 50px; }
.jumbotron {background: url(//www.kars4kids.org/real-estate/broker/img/broker-bg-mobile2.jpg) no-repeat bottom right; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-top: 0px;  height: auto; color:#fff;}
.navbar {margin-bottom:0px;}

/*timeline*/
.timeline-images {float:right; margin-left: 50px;}
.timeline-images img {float:left;}
.timeline-images2 { float:left;}
#how2 p {color:#686868; font-size:16px; line-height:30px; }
.timeline {    list-style: none;    padding: 0px;    position: relative;}
.timeline-inverted .timeline-title, .timeline-inverted .timeline-check li {margin-left:0px; margin-right:0px;}
.timeline > li > .timeline-panel {width: 46%;float: left; padding: 0px 20px; position: relative;}
#timeline ul {margin-bottom: 0px;}

/*broker*/
.blackOverlay {background: rgba(0,0,0,.3);}

}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

/*defaults*/
h2 {font-size:28px;}
#how2{padding: 40px 0px 55px 0px;}
#how2 hr {margin-top:35px; margin-bottom:35px;}
h1 {font-weight:400; font-size:30px;}
.navbar {margin-bottom:0px;}
#home {margin-top:-15px;}
h4 {font-weight:400; font-size:30px;}


/*nav*/
.logoNav {margin: 10px 10px 10px 0; height: auto; width: auto;}
#headLogoBg h4 {padding-top: 0px; font-size: 16px; margin-top: 20px;}
.navbar-header .phone, .navbar-header .signup {display:none;}
.phone {margin-left: 5px;}
.signup{margin-left: 10px;}
#navBg .container {padding-left: 0px;}


/*afix*/
#navFix.affix .buttonsFix, #navFix.affix .logoFix  {display:inline;}



/*jumbotron*/
.jumbotron h1 { font-size:45px; line-height: 1.42857143;}
.jumbotron {min-height: 473px;}
.jumbotron .signup {padding: 8px 90px; }
.jumbotron p {margin-bottom: 50px; line-height: 39px;}




/*how it works*/
#how {margin-top:50px;}
#how2 {text-align:center;}
#how2 h4 {margin: 0 0; font-size: 2.1em; font-weight:bold; }


/*timeline*/

.timeline-images {width:40%; float:right;}
.timeline-images2 {width:40%; float:left;}
.timeline-images img{float:right;}
.timeline-inverted p, .timeline-inverted .timeline-check li {margin-left:25px; margin-right:0px;}
.timeline-inverted .timeline-title {margin-left:25px; margin-right:0px;}
.timeline {padding: 60px 0px 0px 0px;}
.timeline > li > .timeline-panel {padding: 20px; }
.timeline > li {padding-bottom:100px;}


/*refer*/
#refer h5 {margin-bottom: 60px;}
#refer hr {margin-right: 15px; margin-bottom:15px;}
#refer img {padding-top: 15px;}
.arrowDown {text-align:center; margin-top: 0px;}
.referImage {padding-left:0px; background:url(//www.kars4kids.org/real-estate/broker/img/refer-image.jpg) no-repeat;}
#refer { padding: 40px;}

/*join*/




/*faq*/
#faq2 p {padding-bottom:30px; font-size: 17px; line-height: 27px;}
#faq2 {padding: 35px 0px 50px 0px;}
#faq2 h4 {margin-bottom: 50px;}
.faqLeft {padding-left:30px;}
.faqRight {padding-right:30px;}

/*modal*/
.modal-body {padding: 15px 35px;}
.modal h4 {text-align:center;}
.modal p {line-height: 25px;text-align: center;padding-bottom: 10px;}

/*broker*/
.worth {padding: 10px 60px;}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

/*nav*/
#headLogoBg h4 {font-size:27px; padding-top:0px;     margin-top: 17px; }
#how2 .dots2:after{content: ' ';background-image: url(//www.kars4kids.org/real-estate/broker/img/how-dots.png);background-repeat: repeat-x;height: 13px;position: absolute;top: 22px;left: -10%;width: 120px;}
#how2 .dots1:after{content: ' ';background-image: url(//www.kars4kids.org/real-estate/broker/img/how-dots.png);background-repeat: repeat-x;height: 13px;position: absolute;top: 22px;left: -22%;width: 120px;}




/*timeline*/
.timeline-images {width:45%;}
.timeline-images2 {width:45%;}
#how2 p {padding: 0 45px;}

/*refer*/



/*faq*/
.faqLeft {padding-left:60px;}
.faqRight {padding-right:60px;}

/*broker*/
.blackOverlay {background: none;}
.jumbotron {background: url(//www.kars4kids.org/real-estate/broker/img/broker-bg2.jpg) no-repeat top right; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-top: 0;  height: auto; color:#fff; margin-top: 15px;}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

/*timeline*/
.timeline p {margin-right:45px;}

/*refer*/
#refer img {padding-top: 0px;}

}



/*timeline*/


.timeline p {color:#848484; font-size:15px; line-height:24px;}
.icon-id { background:url(//www.kars4kids.org/real-estate/broker/img/timeline-id.png) no-repeat center center;}
.icon-alert { background:url(//www.kars4kids.org/real-estate/broker/img/timeline-alert.png) no-repeat center center;}
.icon-bonus { background:url(//www.kars4kids.org/real-estate/broker/img/timeline-bonus.png) no-repeat center center;}
.timeline small {color:#444444; font-size:16px;}
.timeline-check li{background: url(//www.kars4kids.org/real-estate/broker/img/timeline-check.gif) no-repeat left 4px;padding-left: 20px;list-style: none; padding-bottom: 10px; color: #848484;font-size: 15px;}
p.timeline-images2 {margin-left:0px;}





    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 1px;
        background-color: #bfc4c5;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
      
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }



       

          

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 94px;
            height: 94px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -47px;
            z-index: 100;
			background-color:#fff;
			border:#b3b8b8 solid 1px;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }


.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {

  	.timeline > li {margin-bottom: 20px;}
	.timeline-body > p {margin-right:0px;}
	.timeline > li > .timeline-badge {width: 50px; height:50px;}


	.timeline h2 {font-weight:bold;}

	  
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width:80%;
       
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

/*end of timeline*/

/*******listings page*******/
.benefits{
	padding-left:20px;
}
.benefits h3{
	line-height:1.1;
	border:none;
	text-align:left;
	text-transform:none;
	margin-top:50px;
}
.benefits ul li{
	font-size:15px;
	line-height:20px;
	padding-bottom:15px;
    display: table-row;
}
.benefits ul{
	margin-bottom:40px;
	margin-top:20px;
    display: table;
	padding-left:0;
}
.benefits ul li::before{
	font-family:FontAwesome;
	content: "\f015";
    display: table-cell; /* aha! */
    padding-right:10px;
	font-size:20px;
}

#listings-carousel{
	background-color:#ececec;

}
#listings-carousel .col-md-9{
	border-right:solid thin #c1c1c1;
	margin-top:30px;
}
@media (max-width:991px){
#listings-carousel .col-md-9{
	border-right:none;
}
}
@media (min-width:992px) and (max-width:1199px){
	#listings-carousel .col-md-3.benefits{
		padding-right:0;
	}
}
#listings-carousel .container{
	padding-bottom:50px;
}
#listings-carousel .item-inner{
	position:relative;
}
#listings-carousel .col-md-12{
	padding-right:0;
	padding-left:0;
}
#sold-banner,
#contract-banner{
    position: absolute;
    z-index: 400;
    padding: 5px;
    background-color: red;
    color: white;
    display: block;
    right: 0;
    left: 0;
    margin: 15px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    bottom: 75px;
}
#listings #sold-banner{
	bottom:120px;
	margin-right:18px;
	margin-left:19px;
}
h2.title{
	margin-bottom:20px;
	text-align:center;
}
h3{
	text-align:center;
	font-size:20px;
	font-weight:normal;
	padding-top:30px;
	margin-top:0;
	text-transform:uppercase;
}
@media (max-width:767px) {
	#home.listings .jumbotron ul li{
		font-size:20px;
	}
}
.carousel-showmanymoveone a{
	color:#313131;
}
.carousel-showmanymoveone a:hover{
	text-decoration:none;
}
.carousel-showmanymoveone a.carousel-control {
	color:white;
}
.container-fluid.listings-header{
	border-top:#c1c1c1 solid thin;
	border-bottom:#c1c1c1 solid thin;
}
.listings-header h4{
	font-size:50px;
	text-align:center;
	font-weight:300;
	margin-top:10px;
}
#listings .container-fluid{
	padding-right:0;
	padding-left:0;
	overflow:hidden;
	position:relative;
}
#listings-carousel h2,#listings h2 {
    margin-top: 30px;
    padding-left: 15px;
    border-top: thin solid #3c3c3c;
    border-bottom: thin solid #3c3c3c;
    padding: 5px;
    margin-bottom: 40px;
    display: table;
    margin-right: auto;
    margin-left: auto;
	font-weight:normal;
}
#listings-carousel h2{
	margin-top:0;
}
#listings .address,
#listings .city,
#listings .state,
#listings .zip{
	font-weight:bold;
}
#listings .item{
	padding-bottom:20px;
}
#listings .item-img{
	padding:0 0 65% 0;
	position:relative;
	margin-bottom:0;
	width:100%;
}
#listings .item-img-inner{
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
}
#listings .item-img-inner img{
	max-width:100%;
	max-height:100%;
	margin-left:auto;
	margin-right:auto;
}
#listings .property-description{
	display:block;
	height:190px;
}
#listings .property-description-owned{
	display:block;
	height:90px;
}
#listings .tooltip-inner{
	background-color:#fdfdfd;
	border:thin solid #333;
	color:#000;
	font-size:14px;
	text-align:justify;
	max-width:250px;
	padding:10px;
	border-radius:0;
}
#listings .tooltip.in{
	opacity:1;
}
#listings .tooltip .tooltip-text{
	background-color:none;
}

#listings .container,
#listings-carousel .container{
	max-width:100%;
	margin-right:auto;
	margin-left:auto;
}
#listings .col-md-3{
	padding-left:0;
	padding-right:0;
}
#listings .form h3{
	padding-top:0;
}
#listings .form .col-md-12{
	padding:15px;
	background-color:#18848d;
}
#listings .form form{
	color:white;
}
#listings form p{
	padding-bottom:10px;
	line-height:25px;
}

#listings .form .col-md-12{
	margin-bottom:-99999px;
	padding-bottom:99999px;
}
#listings #sbtproperty{
	border:1px solid #b50a6f;
}
#listings #sbtproperty:hover{
	background:#a80d68;
}
#listings #contactUs{
	margin-bottom:0;
	position:fixed;
	bottom:0;
}
#listings #contactUs .pinkButton{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	margin-bottom:0;
}
#listings .pinkButton:hover{
	background: #a80d68;
}
#listings .form .btn-lg{
	background:#dd0083;
	border:0;
	width:100%;
}
#xclose:hover{
	cursor:pointer;
}
#xclose{
	padding:5px 5px 15px 5px;
	color:white;
	text-align:right;
}
@media (max-height:689px) {
	#listings .form .input-lg{
		height:34px;
		border-radius:4px;
		font-size:14px;
	}
	#listings .form .btn-lg{
		border-radius:4px;
		font-size:14px;
	}
	#listings textarea.input-lg{
		height:94px!important;
		font-size:14px;
	}
	#listings .form label{
		display:none;
	}
}
@media screen and (min-height: 690px) and (min-width:768px) {
    #listings .form .form-control::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    #listings .form .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    #listings .form .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
   #listings .form .form-control :-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
   }
   #listings .form h3{
		padding-top:30px;
	}
}
@media (max-width:767px) {
	#listings .col-xs-6.col-md-4{
	padding-right:7px;
	padding-left:7px;
	}
	#listings .property-description,
	#listings .property-description-owned{
		font-size:13px;
	}
	#listings-carousel #sold-banner,
	#listings-carousel #contract-banner{
	font-size:16px;
	}
}