/* .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(253, 253, 253)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
} */

#main-photoslider {
    padding-top: 0px !important;
}

.main-container {
	display: none;
}

.heroBgContainer {
  align-items: center;
  background: url(/themes/custom/brokerage/images/shutterstock_1688112166.jpg) no-repeat bottom center; 
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #222;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 93px);
  justify-content: center;
  position: relative;
}

.heroBgContainer:before {
    background: rgba(255, 255, 255, .8);
    bottom: 0;
	content: "";
	height: 100%;
	left: 0;
    position: absolute;
    width: 100%;
}

.heroContent h1 {
	color: #09426a;
    font-size: 3rem;
    line-height: 1;
}

.searchOption {
	cursor: pointer;
	font-weight: 500;
	transition: all .1s ease-in;
}

.searchOption:hover {
	text-decoration: underline;
}

.activeSarchOption {
	text-decoration: underline;
}

.btn-secondary {
    background-color: #09426a !important;
	z-index: 0 !important;
}

.btn-secondary:hover {
    background-color: #0D609B !important;
}

.form-control:focus,
.form-control:active {
	box-shadow: none !important;
    outline: none !important;
}

.citySuggestions {
	background-color: #FFF;
	border-radius: 3px;
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	-webkit-box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	-moz-box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	display: none;
	height: auto;
	max-height: 200px;
	left: 12px;
	list-style-type: none;
	margin-top: .2rem;
	overflow-y: scroll;
	padding: .5rem;
	position: absolute;
	width: 93%;
	max-width: 636px;
}

.cityOption {
	border-radius: 3px;
	color: #222;
	cursor: pointer;
	padding: .25rem .5rem;
	transition: all .1s ease-in-out;
	width: 100%;
}

.cityOption:hover {
	background-color: #f4f4f5;
}

.searchDescription {
	font-size: .8rem;
}

.heroBtn {
    border-radius: 3px;
    display: inline-block;
    font-weight: 500;
    padding: .75rem 1.75rem;
    transition: all .1s ease-in;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .heroBgContainer {
      background-attachment: scroll;
    }
}

@media (min-width: 376px) {
	.citySuggestions {
		width: 94%;
	}
}

@media (min-width: 450px) {
	.citySuggestions {
		width: 95%;
	}
}

@media (min-width: 768px) {
	.citySuggestions {
		width: 96%;
	}
}

@media (min-width: 992px) {
    .heroContent h1 {
        font-size: 4rem;
        line-height: .7;
    }

	.citySuggestions {
		width: 95%;
	}
}

@media (min-width: 1200px) {
	.citySuggestions {
		width: 96%;
	}
}