#map {
  height: 100%;
}
#map-container {
    margin: 0 0 0 330px;
    width: auto;
    height: 100%;
    position: relative;
    z-index: 10;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
/* --- SIDEBAR --- */
#sidebar {
    background: #fff;
    width: 100%;
    max-width: 330px;
    position: absolute;
    z-index: 50;
}
#search-form {
    padding: 10px 30px 10px 30px;
    border-bottom: 1px #dddddd solid;
    background-color: #111111;
    width: 100%;
}
#search-form img {
    display: block;
    margin: auto;
    padding:20px 0px;
}
#search-form p{
    font-family: 'Domine', serif;
    font-size: 16px;
    text-align: center;
    color: #ffffff
}
#search-form p span{
    color: #22b0c0;
}
#search-form h1{
  font-family: Georgia, Times, "Times New Roman", serif;
  font-weight: bold;
  font-size: 15px;
  color: #FFFFFF;
  display: inline-block;
  display:inline-block;
  transform:scale(1.3,2); /* W3C */
  -webkit-transform:scale(1.3,2); /* Safari and Chrome */
  -moz-transform:scale(1.3,2); /* Firefox */
  -ms-transform:scale(1.3,2); /* IE 9 */
  -o-transform:scale(1.3,2); /* Opera */
}
.heading-block{
  text-align: center;
  padding: 20px 0px;
}
.tabsOpen{
  border-bottom: 2px #353535 solid;
  margin-bottom: 20px;
}
.tabsOpen a{
  font-size: 13px;
  color: #888888;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  width: 40%;
  text-align: center;
  padding: 10px 0px;
  border-bottom: 2px transparent solid;
}
.tabsOpen a:hover{
  text-decoration: none;
  border-bottom: 2px #ffffff solid;
  color: #ffffff;
  cursor: pointer;
}
.active{
  border-bottom: 2px #ffffff solid!important;
  color: #FFFFFF!important
}
.tabsOpen p{
  font-size: 12px!important;
  color: #888888!important;
  font-family: 'Domine', serif!important;
  width: 16%;
  text-align: center;
  font-style: italic;
}
.tabsOpen p, .tabsOpen a{
  display: inline-block;
}
.tabcontent {
    display: none;
}
.postcodeInput{
  width:100%;
  max-width: 170px;
  float: left;
}
#distanceInput{
  width:100%;
  max-width: 90px;
  float: right;
  font-family: 'Domine', serif!important;
  font-size: 15px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, .form-control, select.form-control{
  border-radius: 0px;
  font-size: 15px;
  font-family: 'Domine', serif!important;
  color: #888888;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888888;
  font-size: 15px;
  font-family: 'Domine', serif!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #888888;
  font-size: 15px;
  font-family: 'Domine', serif!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #888888;
  font-size: 15px;
  font-family: 'Domine', serif!important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #888888;
  font-size: 15px;
  font-family: 'Domine', serif!important;
}
#searchBtn{
  margin-top: 15px;
  background-color: #22b0c0;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  border-radius: 0px;
  padding: 5px 0px;
  height: auto;
}
#searchBtn:hover{
  background-color: #0f8896;
}
.text-right a{
  font-family: 'Open Sans', sans-serif!important;
  font-size: 10px!important;
  color: #888888!important;
  font-weight: bold;
  margin-top: 10px;
}
.filter-link{
  text-align: right;
  background-color: #f0f0f0;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #1d1d1b;
  width: 100%;
  display: block;
  padding:20px;
  font-weight: bold;
}
.filter-link:hover,.filter-link:active,.filter-link:focus{
  color: #1d1d1b;
}
#search-title{
  padding: 0px 30px;
}
#search-title h3{
  margin-top: 15px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #22b0c0;
  font-weight: bold;
}
#search-title p{
  font-family: 'Domine', serif!important;
  font-size: 15px;
  color: #888888;
}
#search-title p strong{
  color: #222222;
}
#filterCategory{
  padding:30px 25px;
}
#filterCategory label{
  font-family: 'Domine', serif!important;
  font-size: 14px;
  color: #1d1d1b;
  font-weight: 400;
  width: 77%;
  float: left;
  position: relative;
  top: -5px;
}
#filterCategory button{
  width: 90%;
  background-color: #22b0c0;
  color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
  border-radius: 0px;
  border-color: transparent;
  padding: 10px 0px;
  height: auto;
}
#filterCategory button:hover,#filterCategory button:focus,#filterCategory button:active{
  color:#22b0c0!important;
  border-color: #22b0c0;
  background-color: transparent;
}
.sidebar-item{
  padding:10px 30px;
}
.sidebar-item .logo-block a img{
  max-width: 150px;
  margin: auto;
  display: block
}
.sidebar-item a{
  font-family: 'Domine', serif!important;
  font-size: 18px;
  color: #000000;
}
.sidebar-item p{
  font-family: 'Domine', serif!important;
  font-size: 14px;
  color: #000000
}
.contacts-block p{
  font-size: 16px;
  display: inline-block;
}
.contacts-block a{
  color: #22b0c0;
  font-size: 16px;
  display: inline-block;
}
.sidebar-item ul{
  list-style: none;
  color: #FFFFFF;
  padding-left: 0px;
}
.sidebar-item ul li i{
  font-size: 20px;
  color: #000000;
}
.sidebar-item ul li i:hover{
  color: #22b0c0;
}
.sidebar-item .social-links li{
  display: inline-block;
  margin-right: 10px;
  margin-top: 15px;
}
/*On-Map Item*/
.on-map h3{
  text-align: center;
  font-family: 'Domine', serif;
  font-size: 18px;
  color: #1d1d1d;
}
.on-map h3 a{
  color: #1d1d1d;
}
.on-map p{
  font-family: 'Domine', serif;
  font-size: 14px;
  color: #1d1d1d;
}
.on-map ul{
  list-style: none;
  color: #FFFFFF;
  padding-left: 0px;
}
.on-map ul li i{
  font-size: 18px;
  color: #1d1d1d;
}
.on-map ul li i:hover{
  color: #22b0c0;
}
.on-map .social-links li{
  display: inline-block;
  margin-right: 10px;
  margin-top: 15px;
}
.search-item.on-map{
  padding:20px 0px 20px 23px;
  border: 0;
  max-width: 245px;
  overflow: hidden;
}
/*Pagination*/
.sidebar_content #search-footer-litter {
          height: 70px;
          width: 100%;
  }
  .sidebar_content #search-footer {
      background-color: #ffffff;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 70px;
      position: absolute;
      padding-top: 15px;
  }
  .sidebar_content #search-footer ul {
      margin: 0;
      padding: 15px 0 0 0;
      text-align: right;
      padding: 0px 10px;
  }
  .sidebar_content #search-footer ul li {
      margin: 0 5px;
      padding: 0;
      list-style: none;
      display: none;
  }
  .sidebar_content #search-footer ul li.active {
      display: inline-block;
  }
  .sidebar_content #search-footer ul li a {
      font-size: 15px;
      font-weight: 500;
      border-radius: 0px;
  }
  .sidebar_content #search-footer ul li a i.fa {
      margin: 12px 0 0 0;
  }
  .sidebar_content #search-footer .btn-danger{
    background-color: #22b0c0;
    color: #FFFFFF;
  }
.map-img{
  max-width: 150px!important;
  display: block;
  margin: auto;
}
.featured-text-block {
  float: right;
  background: #000000;
  color: white;
  padding: 5px 10px;
  border-radius: 0px;
  font-family: "Open Sans";
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 10px;
  font-weight: 600;
}
.on-map .featured-text-block {
  float: left;
}
/*HEADER NAV*/
.head-nav{
  position: absolute;
  right: 50px;
  top: 11px;
  z-index: 99;
  background-color: #181717;
  padding: 5px;
}
.head-nav ul{
  list-style-type: none;
  padding-left: 0px;
  margin: 0px;
}
.head-nav ul li{
  display: inline-block;
  padding: 15px 20px;
}
.head-nav ul li a{
  font-family: "Open Sans";
  font-size: 12px;
  color: #666666;
  font-weight: 600;
}
.nav-blue{
  background-color: #22b0c0;
  color:#FFFFFF!important;
  transition: all 0.4s;
}
.nav-active{
  color:#FFFFFF!important;
}
.nav-black{
  border-right: 2px solid #444444;
}
.nav-blue:hover{
  background-color: #0f8896;
}
.head-nav ul li a:hover{
  color: #FFFFFF;
  text-decoration: none;
}
.no-results{
  padding: 0px 30px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #111111;
  text-transform: uppercase;
  font-size: 15px;
}
.return-button{
  font-family: 'Open Sans', sans-serif!important;
  font-weight: bold!important;
  color: #FFFFFF;
  font-size: 12px!important;
  text-align: left!important;
}
.return-button a{
  color: #FFFFFF;
}
@media only screen and (max-width: 1000px)  {
  .head-nav{
    display: none;
  }
}
@media only screen and (max-width: 767px)  {
  .postcodeInput{
    max-width: 100%;
    margin-bottom: 15px;
  }
  #distanceInput{
    max-width: 100%;
  }
}