@font-face {

	font-family: aFont;

	src: url(fonts/Nunito-Regular.ttf); /* TTF file for CSS3 browsers */

}

@font-face {

	font-family: bFont;

	src: url(fonts/Nunito-Bold.ttf); /* TTF file for CSS3 browsers */

}

@font-face {

	font-family: cFont;

	src: url(fonts/Nunito-Italic.ttf); /* TTF file for CSS3 browsers */

}

body {
  font-family: aFont;
}

strong, h1, h2, h3, h4 {
  font-weight: normal;
  font-family: bFont;
}

#navbar img {
  transform: scale(0.7);
}

#navbar {
  padding-top: 0px;
  padding-bottom: 0px;
}

#navbar button {
  outline: none;
}

#navbar .nav-link.btn1 {
  color: #fff;
  font-family: bFont;
  background-color: #a5ce46;
  border: none;
  transition: all .3s;
}

#navbar .nav-link, .dropdown-item {
  font-family: bFont;
  text-transform: uppercase;
  font-size: 15px;
}

.dropdown-menu {
  padding: 15px;
}

.dropdown-menu.show {
  animation-name: fadeInDown;
  animation-duration: .4s;
}

.banner {
  background-position: center;
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 30px;
  padding-bottom: 50px;
  text-align-last: center;
}

.banner h1 {
  color: #fff;
  font-size: 30px;
  text-shadow: 0px 2px 10px #888;
  text-align: center;
}

.banner .property-search {
  padding: 30px 40px;
  margin-top: 20px;
  background-color: hsla(78, 58%, 54%, 0.7);
  color: #fff;
  caret-color: #a5ce46;
}

.banner .property-search label {
  padding-top: 20px;
}

.featured-agents {
  padding-top: 50px;
  padding-bottom: 20px;
  text-align: center;
}

.featured-agents h2 {
  margin-bottom: 20px;
  font-size: 36px;
}

.featured-agents .agent-box {
  padding: 10px;
  /* box-shadow: 0px 2px 12px #888; */
  transition: all .3s;
  margin-bottom: 20px;
}

.featured-agents a {
  text-decoration: none;
}

.featured-agents .agent-box .image {
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-bottom: 12px;
}

/* .featured-agents .agent-box:hover {
  box-shadow: 0px 2px 14px #555;
} */

.featured-agents .agent-box .name {
  font-size: 18px;
  font-family: bFont;
  color: #666;
}

.featured {
  padding: 40px 0px;
}

.featured h3 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 30px;
}

.property-box {
  box-shadow: 0px 2px 10px #888;
  transition: all .3s;
  margin-bottom: 35px;
}

.property-box:hover {
  box-shadow: 0px 2px 14px #555;
}

.property-box .image {
  height: 200px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  transition: all .3s;
  background-color: #ccc;
}

.property-box .image:hover {
  filter: grayscale(0.3);
}

.property-box .details {
  padding: 20px;
}

.property-box .type {
  color: #888;
  padding-bottom: 15px;
}

.property-box .price {
  font-size: 24px;
  font-family: bFont;
  padding-top: 10px;
  padding-bottom: 15px;
}

.property-box .btn1 {
  padding: 9px 25px;
  color: #fff;
  font-family: bFont;
  background-color: #a5ce46;
  border: none;
  transition: all .3s;
}

.property-box .description {
  max-height: 100px;
  overflow: auto;
}

.property-box .btn1:hover {
  box-shadow: 0px 2px 7px #888;
}

.dett {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #222;
}

.ab-min {
  text-align: center;
  min-height: 200px;
  padding-top: 30px;
}

.ab-min .fa {
  color: #a5ce46;
  margin-bottom: 15px;
  transition: all .3s;
}

.ab-min:hover .fa {
  filter: drop-shadow(4px 5px 10px #ccc);
}

.crumbheader {
  background-color: #f1f1f1;
  padding-top: 30px;
  padding-bottom: 30px;
}

.crumbheader h1{
	font-size: 25px;
}

.formfield {
  padding: 9px 15px;
  border: 1px solid #ccc;
  caret-color: #a5ce46;
  transition: all .3s;
  width: 100%;
  outline: none;
}

.formfield:focus {
  border-color: #a5ce46;
  box-shadow: 5px 5px 15px #ccc;
}

.formfield:hover {
  border-color: #a5ce46;
}

.form .btn1 {
  width: 50%;
  border: 1px solid #a5ce46;
  padding: 9px 25px;
  background-color: #a5ce46;
  color: #fff;
  font-family: bFont;
  transition: all .3s;
}

.form .btn1:hover {
  color: #a5ce46;
  background-color: #fff;
  box-shadow: 5px 5px 15px #ccc;
}

.c-accordion-section {
  padding-top:10px;
}

.c-accordion-section .fa-caret-down {
  display: none;
}

.c-accordion-pill {
  background-color: #a5ce46;
  color: #fff;
  padding: 15px;
  cursor: pointer;
  margin-bottom: 10px;
}

.c-accordion-summary {
  background-color: #f1f1f1;
  padding: 25px;
  animation-duration: .2s;
  animation-name: slideOutUp;
  display: none;
}

.c-accordion-summary.active {
  animation-name: fadeIn;
  animation-duration: .3s;
  display: block;
}

.pull-tab {
  background-color: #f1f1f1;
  padding: 8px 20px;
  margin-bottom: 20px;
  color: #666;
}

.pull-alt {
  padding: 20px;
}

.pull-tab a {
  color: #666;
}

.cbtn1 {
  padding: 9px 25px;
  color: #fff;
  font-family: bFont;
  background-color: #a5ce46;
  border: none;
  transition: all .3s;
  width: 100%;
  border: 1px solid #a5ce46;
}

.cbtn1.btn {
  width: auto;
}

a {
  color: #333;
}

a:hover {
  color: #333;
}

.cbtn1:hover {
  color: #a5ce46;
  background-color: #fff;
  box-shadow: 5px 5px 15px #ccc;
}

.house-item {
  border: 1px solid #e7e7e7;
  margin-top: 18px;
  transition: all .3s;
  overflow: hidden;
}

.house-item:hover {
  box-shadow: 5px 12px 15px #e7e7e7;
}

.house-item .image {
  height: 320px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.house-item .image-count {
  text-align: center;
  height: 65px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #ccc;
}

.house-item .details {
  padding-top: 12px;
  padding-bottom: 12px;
  overflow: hidden;
}

.house-item .name {
  color: #a5ce46;
  font-family: bFont;
  font-size: 24px;
  padding-bottom: 7px;
}

.house-item .location {
  color: #666;
  padding-bottom: 12px;
}

.house-item .price {
  font-size: 20px;
  font-family: bFont;
  color: #a5ce46;
}

.house-item .btn1 {
  width: 50%;
  background-color: #a5ce46;
  color: #fff;
  padding: 9px 25px;
  transition: all .3s;
  border: none;
}

.house-item .description {
  /* height: 170px; */
  overflow: auto;
}

.house-item .action {
  padding-top: 12px;
}

.profile .image {
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/ph.jpg');
}

.profile .name {
  font-size: 24px;
  font-family: bFont;
  padding-top: 12px;
  padding-bottom: 12px;
}

.profile .post {
  font-size: 18px;
  padding-bottom: 12px;
}

.slider {
  position: relative;
  height: 450px;
  width: 100%;
  color: #fff;
  text-shadow: 0px 1px 2px #000;
  background-color: #ccc;
}

.slider-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  font-size: 14px;    
}

.slider-panel {
  position: absolute;
  bottom: 0;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  color: rgba(255, 255, 255, 0.7);
  z-index: 20;
}

.slider-panel__navigation {
  margin: 0 auto;
  padding: 10px;
  width: 70%;
  text-align: center;
}

.slider-panel__navigation i {
  margin: 0 3%;
  font-size: 15px;
}

.slider-panel__navigation i:hover, .slider-panel__navigation i:active {
  color: white;
  cursor: pointer;
}

.slider-panel__controls {
  margin: 0 auto;
  padding: 10px;
  width: 70%;
  text-align: center;
}

.slider-panel__controls i {
  margin: 0 4%;
  font-size: 40px;
}

.slider-panel__controls i:hover, .slider-panel__controls i:active {
  color: white;
  cursor: pointer;
}

.slider-item.active {
  z-index: 10;
  -webkit-animation: 0.2s blur ease-in;
  animation: 0.2s blur ease-in;
}

@-webkit-keyframes circle {
  0% {
    -webkit-clip-path: circle(75%);
    clip-path: circle(75%);
  }
  100% {
    -webkit-clip-path: circle(0%);
            clip-path: circle(0%);
  }
}

@keyframes circle {
  0% {
    -webkit-clip-path: circle(75%);
            clip-path: circle(75%);
  }
  100% {
    -webkit-clip-path: circle(0%);
            clip-path: circle(0%);
  }
}

@-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes blur {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

.posted-by .name {
  font-size: 20px;
  font-family: bFont;
}

.posted-by .image {
  background-image: url('../images/ph.jpg');
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 15px;
}

.c-pagination {
  margin-top: 50px;
  margin-bottom: 50px;
  background-color: #f1f1f1;
  padding: 20px;
}

.c-pagination a {
  text-decoration: none;
}

.c-pagination .page-link {
  text-align: center;
  text-decoration: none;
  color: #222;
  font-family: bFont;
}

.c-pagination .page-link.active {
  background-color: #a5ce46;
  color: #fff;
}

.request-box {
  padding: 12px 20px;
  border: 2px solid #ccc;
  margin-bottom: 20px;
}

.request-box h4 {
  font-size: 20px;
}

.request-box .request-sec{
  padding: 8px 0px;
}

.agent-details {
  text-align: left;
  padding-bottom: 30px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 20px;
}

.agent-details .col-9 div {
  padding-top: 15px;
}

.agent-details .btn1 {
  width: 50%;
  background-color: #a5ce46;
  color: #fff;
  padding: 9px 25px;
  transition: all .3s;
  border: none;
}

.agent-details .image {
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 12px;
  background-image: url('../images/openhouse.png');
}

.ribbon {
  background-color: #a5ce46;
  overflow: hidden;
  white-space: nowrap;
  /* top left corner */
  position: absolute;
  right: -20px;
  top: 20px;
  /* for 45 deg rotation */
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  /* for creating shadow */
  -webkit-box-shadow: 0 0 10px #888;
     -moz-box-shadow: 0 0 10px #888;
          box-shadow: 0 0 10px #888;
}
.ribbon span {
  color: #fff;
  display: block;
  font-size: 14px;
  margin: 1px 0;
  padding: 3px 40px;
  text-align: center;
  text-decoration: none;
  /* for creating shadow */
  text-shadow: 0 0 5px #444;
  border-radius: 20px 20px 0px 0px;
}

.main-banner-ad {
  width: 100%;
  max-height: 100%;
}

























#footer {
  padding-bottom: 70px;
  padding-top: 50px;
  background-color: #222;
  color: #fff;
}

#footer a {
  color: #fff;
}

.site-footer {
  padding: 4em 0;
  background: #333333; 
}

@media (min-width: 768px) {
    .site-footer {
      padding: 2em 0 0; 
    } 
}

.site-footer p {
  font-size: 14px;
  color: #737373; 
}

.site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
  color: #fff; 
}

.site-footer a {
  color: #999999; 
}

.site-footer a:hover {
  color: white; 
}

.site-footer ul {
  margin-top: -1em; 
}

.site-footer ul li {
  margin-bottom: 0px; 
}

.site-footer ul li a{
  font-size: 14px; 
}

.site-footer .footer-heading {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #fff;
  position: relative;
  padding-bottom: 10px; 
}
    
.site-footer .footer-heading:before {
  content: "";
  background: #fff;
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: 0; 
}

#login .form {
  background-color: #f1f1f1;
  border: 1px solid #a5ce46;
  padding: 50px 30px;
}

.page-item.active .page-link {
  background-color: #a5ce46;
  border-color: #a5ce46;
}

/* .pagination-nav {
	width: 100%;
	overflow: auto;
} */








@media (max-width: 736px) {
  .banner .property-search {
    padding: 20px;
  }
  .banner .property-search .btn {
    margin-top: 20px;
  }

  .house-item .details {
    padding: 12px 15px;
  }

  .pull-tab .cbtn1 {
    margin-top: 12px;
  }

  .agent-details .btn1 {
    width: 100%;
  }

  .people-left, .people-right {
    width: 100% !important;
    padding: 15px;
  }

  .about {
    padding: 2em 15px;
  }

  .hidden-sm {
    display: none;
  }

  .navbar-nav {
    padding: 20px 0px;
  }

  .c-pagination .row {
    justify-content: center;
  }

  .page-item {
    display: none;
  }

  .page-item:first-child {
    display: block;
  }

  .page-item:last-child {
    display: block;
  }

  .house-item .col-md-7 {
    overflow: hidden;
  }
	
}







@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */


	

}



@media (min-device-width : 737px)
and	(max-device-width : 991px){
	
	 
    
	
}


@media only screen 
and (min-device-width : 737px) 
and (max-device-width : 767px) { /* STYLES GO HERE */



}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
	
	
	
  
}




@media (min-width:320px) and (max-width: 480px) { 
	
    
    
}