html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 28vh;
  background-color: #f4f7f6;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
  max-height: 28vh;
}

a:link {
color: #009973;
}

.navbar-default.nav-top 
{
     border: 0;
     background-color: #ffffff;
}

.navbar-default.nav-top ul {
  display: inline-block;
  float: right;
  border: 0;
 background-color: #ffffff;
}

.navbar-default.nav-top {
 background-color: #ffffff;

}

.navbar-default.nav-top a{
 color: #38404f;
}

.navbar-default ul.navbar-top li {
  float: left;
  font-size: 13px;
  border: 0;
  color: #fff !important;

}

.navbar-brand {
  margin: -40px;
}

.navbar.navbar-default {
	height: 50px;
    background-color: #ffffff !important;
    border: 0;
    color: #fff !important;
    font-family: 'Noto Sans', sans-serif;
    border-radius: 0;
	z-index: 10000;
	box-shadow: 0px 6px 9px -5px #000;
	padding-bottom:68px;
    margin-bottom: 0;
}

/* The nav text with mouse over */
.navbar-nav li > a:hover {
  color: #2d966c !important; 
}

/* The active link */
.navbar-nav li.active a {
    color: #2d966c !important;
}

/* changes the background color of the pulldown menu tab */
.navbar-nav .dropdown.open a:focus {
    background-color: #c3d5d5;
}

/* The nav text */
.navbar-nav li a {
    color: #161616 !important;
    background-color:#ffffff !important;
	
}

.navbar {
	font-family: 'Noto Sans', sans-serif;
	background-color: #ffffff
}

.searchWell {
    font-family: 'Open Sans', sans-serif; 
    font-size: 140%;
    
}

/* --- PROPERTY SEARCH --- */
 .propertySearch{
background: #28343b;
display:none;
font-family: 'Open Sans', sans-serif;
}
 .center-block {
     width:88%;
     padding:10px;
}
 .searchInput{
     padding-bottom:5px;
}
 .searchIcon {
     background-color:#ededed;
     min-width: 60px;
}
 .btn-success2{
     color: #ffffff;
     background: #22aa64;
     font-weight: 700;
     letter-spacing: 1px;
     padding-bottom:5px;
}

.btn-success2:hover {
    background: #51c694 !important;
}

#performSearch {
    font-size:90%; 
    color: #79aaaa;
}

#performSearch:hover {
    color: #368c80;
    cursor: pointer; 
}

ul.ui-autocomplete {
    list-style: none;
}

/* END of Property Search */

.panel-heading {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(186,222,214,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(186,222,214,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(186,222,214,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(186,222,214,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(186,222,214,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(186,222,214,1) 100%);
}

.crop {
    height: 250px;
    /*width: 400px;*/
    overflow: hidden;
}

.numberCircle {
    width: 74px;
    line-height: 74px;
    border-radius: 50%;
    text-align: center;
    font-size: 26px;
    border: 1px solid #2f773f;
    position: absolute; z-index: 1000; color: white;
    background-color: rgba(30,168,60,0.8);
}

.numberCircleUO {
    width: 74px;
    height: 74px;
    border-radius: 50%;
     line-height: 72%; 
    text-align: center;
    font-size: 26px;
    border: 1px solid #cc0e17;
    position: absolute; z-index: 1000; color: white;
    background-color: rgba(234,18,29,0.8);
}

.textCircle {
    width: 74px;
    line-height: 74px;
    text-align: center;
    font-size: 26px;
    position: relative; z-index: 1001; color: white;
}

.textCircleUO {
    top:18px;
    width: 74px;
    line-height: 72%; 
    text-align: center;
    font-size: 20px;
    position: relative; z-index: 1002; color: white;
}


.custom-bullet li {
    display: block;
}

.custom-bullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}

.swal2-container {
  z-index: 10001;
}



.modal-backdrop.fade.in {
    	opacity: 0.4;
    	filter: alpha(opacity=50);
    	z-index: 10001;
    }
    
 .modal-open .modal {
    	z-index: 10002;
    	margin-top: 120px;
    }

.logo {
    font-size: 200px;
}

 .center-block {
    width:88%;
    padding:10px;
    }

.addresshead
{
    font-size: 1.9em;
    padding-left: 5px; 
    display:inline-block; 
    margin: 0;

}
.addressprice
{
    font-size: 1.6em;

}

.circle-text {
padding: 0px;
display: table-cell;
z-index:1000;
position:relative;
left: 50px;
bottom: 65px;
height: 75px; /*change this and the width
for the size of your initial circle*/
line-height: 75px;
width: 75px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
/*make it pretty*/
background: #7cc176;
color: #fff;
font: 18px "josefin sans", arial; /*change this
for font-size and font-family*/
}

/* hide login on top bar */
.navbar-default.nav-top .userlogin {
    display: none;
}

.btn.start-me {margin: 0 auto; padding:0;}

.searchengine {
  width: 100%;
  /* Set the fixed height of the footer here */
 /*  background-color: #bfe7dc; */
 background-color: #fcfdff; 
   color: #192b47;
   padding-bottom: 20px;
}

.menucolumns {
  /* Set the fixed height of the footer here */
   background-color: #2f2f2f;
   color: #ffffff;
   padding-bottom: 20px;
   padding-top: 10px;
}

.carousel-inner img {
    width: 100%; /* Set width to 100% */
    max-height:600px;
}

.carousel-inner{
  width:100%;
  max-height: 600px !important;
}

.carousel-caption {
    color: #fff !important;
}

.thumbnail img {
    width: 100%;
    height: 100%;
    margin-bottom: 5px;
}

/* Black buttons with extra padding and without rounded borders */
.detailsbutton {
    padding: 10px 20px;
    background-color: #ffffff;
    color: #f1f1f1;
    border-radius: 0;
    transition: .2s;
    border: 5px solid green;
    border-color: coral;
    
}

.btn:hover, .btn:focus {
    border: 1px solid #333;
    background-color: #fff;
    color: #000;
}


.caption {
    position: absolute;
    top: 0;
    left: 2%;
    width: 90%;
    background-color: #2f2f2f;
    background: rgba(0, 0, 0, 0.5);
    margin: 10px 10px 10px 10px;
    padding: 0px 0px 0px 0px;
}

/* footer styling */
.bg-4 { 
    background-color: #2f2f2f;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 40px;
}

.btn-success{
    color: #ffffff;
	font-weight: 700;
    letter-spacing: 1px;
	font-size: 142%;
}


@media screen and (max-width: 1920px){
.navbar-nav > li > a {
        font-size: 20px !important;
        line-height: 5px;
    
    }
    .navbar-nav li {

font-size: 18px !important;
line-height: 5px;
	}
	
}
	
	
	@media (min-width: 600px) and (max-width: 1320px) {
/* shrink text to fit on screen */
.navbar-nav > li > a {
        font-size: 15px !important;
    }
	
.navbar-nav li {

font-size: 15px !important;
	}

/* hide login on bottom bar */
.navbar-right{
    display: none;
}

/* show login on top bar */
.navbar-default.nav-top .userlogin {
    display: inline;
}

.addresshead
{
    font-size: 1.1em;

}

.addressprice
{
    font-size: 1em;

}

.twitter-timeline {
  max-width: 100%;
  max-height: 400px;
}


}

@media screen and (max-width: 990px) {
.searchWell {
    font-family: 'Open Sans', sans-serif; 
    font-size: 110%;
    
}
.propAddress h4{
    font-size:105%;
}

.btn-success{
    color: #ffffff;
	font-weight: 700;
    letter-spacing: 1px;
	font-size: 100%;
}
.btn-info{
	font-size: 100%;
}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 484px) {
    .col-xxs-12 {
        width: 100% !important
    }
}