/***********************************************************/
/** Real Estate Template 3 Custom CSS by CherieYoung.com   */
/** The Grosskopf Group | Philadelphia, PA                 */
/** last updated 012717                                    */  
/***********************************************************/
/** COLORS                                                **/
/** #0f75bd   rgb(15,117,189)    logo blue                **/
/** #b50102   rgb(181,1,2)       KW red                   **/
/**                  plus black                           **/

/*----------- COLORS ----------**/

#logo-main {top: 17%;}

.menu ul {list-style-type:none!important; }

h1.large {
  font-size: 52px;
  line-height: 60px;
  font-weight: 100;
  margin-top: 32px;
}
h1.uppercase {letter-spacing: 14px!important;}
.title-section h1 span {color: #0f75bd;}

p {font-size:14px; color: #5c5c5c; }

.fade-1-4 {opacity: 0.8;}

/*!---------- COLORS ----------*/

.bg-primary {
  background: #0f75bd !important; /* home worth section  */
}
.bg-secondary {
  background: #f8f8f8;  /* almost white */
}

.bg-primary .btn:hover {  
  background: #fff;
  color: #000;
}  

.module.right a, .module.right i {color:#fff; }
.module.right a:visited {color:#fff; }

.slides .overlay::before {
    opacity: 0.2;
}

/** 3 services section **/

#services-section .services-box .services-post:hover .inner-services-post h2 {
  color: #ffffff;
}
#services-section .services-box .services-post:hover .inner-services-post p {
  color: #ffffff;
}

#services-section .services-box .services-post .inner-services-post a:before {
  border: 2px solid #0f75bd;
}
#services-section .services-box .services-post:hover .inner-services-post a:before {
  border: 2px solid #b50102;
}
/*-- color 1 --*/
#services-section .services-box .services-post .inner-services-post a {
  background: #fff;
  color: #0f75bd;
  border: 2px solid #ffffff;
}
#services-section .services-box .services-post:hover .inner-services-post a {
  /*--background: #000;--*/
  color: #0f75bd;
}
/*-- color 2 (boxes) --*/
#services-section .services-box .services-post .inner-services-post:hover {
  background: #0f75bd;
}
#services-section .services-box .services-post .inner-services-post a:hover {
  background: #fff;
  color: #b50102;
  border: 2px solid #b50102;
}


/** parralax sections **/

.banner-section {
  background: url('https://kfe-externalmedia.kunversion.com/kv-templates/jennifergrosskopf/images/slide3.jpg') center fixed;
}
#services-section {
  background: url('https://kfe-externalmedia.kunversion.com/kv-templates/jennifergrosskopf/images/slide2.jpg') center fixed;
}

/** other sections **/

#home-section .tp-bullets.simplebullets.round .bullet:hover, #home-section .tp-bullets.simplebullets.round .bullet.selected {
    background: #000!important;
}
#home-value { 
  margin-top: 330px;
  min-height: 150px;
  width: 100%;
  padding: 0px 0px 40px;
}

.banner-section {
    padding: 65px 0;
}
.banner-section .title-section { margin-bottom:0px; }
.banner-section .title-section p {
    color: #ffffff;
    text-align: left;
    line-height: 20px;
    font-size: 16px;
}

#offer-section .offer-box .about-post h2 {
   line-height: 28px;
   margin-bottom: 20px;
}

#offer-section .offer-box .about-post a {
    width: 100%;
    height: 100%;
}
#offer-section .offer-box .about-post a:hover, #offer-section .offer-box .about-post a.active {
    background: #000;
    border: 2px solid #0f75bd;
}

#prop-list-section {
  padding: 25px 0;
}
.neighborhood-list {padding: 30px 0; }

#about { 
  padding: 0 0;
  border-bottom: 8px #000 solid;
}

#about img {max-width: 120%; }

/* contact icons */

#contact-section {
    background: #b50102;
    padding: 50px 0;
}
#contact-section .contact-info .contact-info-box span i {  
     color: #000 !important; 
}


/** navigation **/

nav.transparent.fixed {
    background: none;
}

.nav-bar {
    background: rgba(0,0,0,0.3)!important;
}
.nav-open { 
  background: rgba(0,0,0,0.5)!important;
}
nav.transparent.fixed .menu > li > a {
    opacity: .6;
    color: #fff;
}
.nav-bar .module-group { padding: 0;}
nav.transparent.fixed .menu > li > a, nav.transparent.fixed .module.widget-handle i {color: #fff; }
nav.transparent .nav-open .menu > li > a, nav.transparent .nav-open .module.widget-handle i, nav.transparent .nav-open .nav-utility {
    color: #fff;
}
nav.transparent .module.widget-handle {
  border-left: none!important;
  border-right: 1px solid #ccc !important;;
  border-bottom: 1px solid #ccc !important;
}
nav ul {
    margin-bottom: 0;
    list-style-type: none;
}
nav.transparent .nav-open .menu > li > a:hover, nav.transparent .nav-open .menu > li > a:visited {
    color: #fff;
}


/* scroll button at top  */

.scroll-button { 
  width: 52px;
  height: 52px;
  border: solid 1px #fff;
  margin-bottom: 4px;
}
.scroll-button .material-icons { 
  color: #ffffff;
  padding-top: 3px;
}

.scroll-note { 
  font-family: 'Lato', sans-serif;
  color: #fff;
  text-align:center;
  width: 100%;
}

.cover .align-bottom {
    bottom: -8px;
}

/*  footer  */

footer ul.social-list li a:hover  { 
    background: #fff;
    color: #b50102;
}

footer ul.social-list li a {
  background: #0f75bd;
  color: #fff;
}

footer p.copyright a, footer p.copyright a:visited {
  color: #999999;
  text-decoration:none;
}
footer p.copyright a:hover {
  color: #ffffff;
  text-decoration:underline;
}
.contact-info-box p {
	margin-bottom: 30px !important;
}


/** search  **/
.topsearch { 
    height: 0px;
    max-height: 100%;
    max-width: none;
    width: 100%;
    padding: 0;
}
#search-offer-section {
  height:8px;
  max-height: 100%;
  padding:0;
  background:#000;
  overflow:visible;
}
#search-offer-section .container {padding-top:0px; }
#search-offer-section .title-section {margin: 20px 0 !important;}

.search-offer-box {
  margin-top: -23%;
}

#search_mobile {
    padding: 15px 0 0;
}
#search_mobile iframe {
    width: 100%;
    min-height: 655px;
    max-width: 958px;
}


/* Custom Homepage Form */

form#quicksearch {
    max-width: 1000px;
    width: 100%;
    background: rgba(0,0,0,0.3);
    padding: 25px;
    margin: 0 auto;    
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.5);
}
form#quicksearch h2 {
    font-family: 'Lato', sans-serif;
    text-align: center;
    margin: 0 0 15px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
    color: #fff;
}
form#quicksearch input,
form#quicksearch select, 
form#quicksearch button {
    float: left;
    border: 1px solid #fff;
}
form#quicksearch input {
    width: 30%;
}
form#quicksearch select {
    width: 9%;
}
form#quicksearch select.select-type {
    width: 14%!important;
}
form#quicksearch button:hover {
    width: 20%;
    border: none;
    height: 50px;
    color: #fff;
    background: #b50102;
}
form#quicksearch button {
    border: none;
    color: #fff;
    background: #0f75bd;
}
.lrgr {
  width: 12%!important;
  padding-left: 5px;
  text-align: center;
}

/** mobile fixes **/ 

@media all and (max-height: 400px) { 
    #search_mobile {
      margin-top: 0px;
      padding-bottom: 10px;
      height: 700px;
    }
    #about img {max-width: 100%;}
}

@media all and (max-height: 650px) { 
    #search_mobile {
      margin-top: -50px;
      padding-bottom: 10px;
      height: 700px;
    }
    .search-offer-box {
       margin-top: -26%;
    }
    #services-section .services-box .services-post {
      margin-bottom: 70px;
    }
}

@media all and (max-width: 991px ) {  
    #search-offer-section {height: 710px; }
}