/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */



svg path {
  /* fill: #00394f; */
  stroke: #ccc;
  stroke-width: 0.25;
}

/* New hover css */

.heyo:hover {
  fill: #758c32;
  opacity: 25%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.heyo-dis:hover {
  fill: #898989;
  opacity: 35%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.heyo-coming:hover {
  fill: #958914;
  opacity: 20%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.enabled {
  fill: rgba(255, 255, 255, 0);
  cursor: pointer;
}
.disabled {
  fill: rgba(255, 255, 255, 0);
  cursor: pointer;
}
.enabledcoming {
  fill: rgba(255, 255, 255, 0);
  cursor: pointer;
}
/*tooltip new*/
.description {
  pointer-events: none;
  position: absolute;
  font-size: 17px;
  text-align: center;
  background: rgb(255, 255, 255) !important;
  padding: 10px 15px;
  z-index: 5;
  height: 110px;
  line-height: 30px;
  margin: 0 auto;
  /*color: #21669e;*/
  border-radius: 5px;
  box-shadow: 0 0 0 2px#758c32;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
.description.active {
  display: block;
}
.description:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
}
.descriptiondis {
  pointer-events: none;
  position: absolute;
  font-size: 17px;
  text-align: center;
  background: #898989;
  padding: 10px 15px;
  z-index: 5;
  height: 110px;
  line-height: 30px;
  margin: 0 auto;
  /*color: #21669e;*/
  border-radius: 5px;
  box-shadow: 0 0 0 2px #0b1e31;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
.descriptiondis.active {
  display: block;
}
.descriptiondis:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #898989;
}

.descriptioncoming {
  pointer-events: none;
  position: absolute;
  font-size: 17px;
  text-align: center;
  background: #c4a78c;
  padding: 10px 15px;
  z-index: 5;
  height: 110px;
  line-height: 30px;
  margin: 0 auto;
  /*color: #21669e;*/
  border-radius: 5px;
  box-shadow: 0 0 0 2px#985914;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
.descriptioncoming.active {
  display: block;
}
.descriptioncoming:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #c4a78c;
  border-bottom: 10px solid transparent;

  /* border-top-color: #985914 !important; */
}

/*END tooltip new*/

/* .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; 
  }
  
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: red;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
  
   
    position: absolute;
    z-index: 1;
  
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  } */

/* svg path:hover {
    fill: rgba(255, 255, 255, 0.3);
    transition: 0.6s;
    cursor: pointer;
  } */

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.row {
  display: inline-block;
  width: 100%;
}

.col-8 {
  width: 60%;
  float: left;
}
@media (max-width: 992px) {
  .col-8 {
    width: 100%;
  }
}

  
.col-4 {
     width:40%;
     float:left;
  }

@media (max-width: 812px) {
.col-4 {
  width: 100%;
  
  }
}

.col-6 {
  width: 45%;
  float: left;
  margin: 10px 10px 0 0;
}

.col-12 {
  width: 100%;
  float: left;
}

/* Search Land*/
.search-land {
  margin-inline: 10%;
}

.label1 {
  display: inline-block;
  width: 100%;
  text-align: left;
}

select {
  width: 80%;
  padding: 8px;
  border: none;
  background-color: #ffff;
  margin: 10px;
}

.filter-title {
  font-weight: bold;
  text-align: left;
  
  background-color: #0b1e31;
  padding: 10px;
  color: #fff;
  border-radius: 10px 0px 10px 0px;
}

/* Two Range*/
section.range-slider {
  position: relative;
  width: 80%;
  height: 80px;
  float: left;
  
}
section.range-slider input[type="range"] {
  pointer-events: none;
  position: absolute;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  border: none;
  border-radius: 14px;
  background: #f1efef;
  box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
  -webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
  overflow: hidden;
  left: 0;
  top: 30px;
  width: 80%;
  outline: none;
  height: 20px;
  margin: 0;
  padding: 0;
}
section.range-slider input[type="range"]::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  outline: 0;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 14px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #dad8da),
    color-stop(100%, #413f41)
  );
  /* android <= 2.2 */
  background-image: -webkit-linear-gradient(top, #dad8da 0, #413f41 100%);
  /* older mobile safari and android > 2.2 */
  background-image: linear-gradient(to bottom, #dad8da 0, #413f41 100%);
  /* W3C */
}
section.range-slider input[type="range"]::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 14px;
  background-image: linear-gradient(to bottom, #dad8da 0, #413f41 100%);
  /* W3C */
}
section.range-slider input[type="range"]::-ms-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -ms-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 14px;
  border: 0;
  background-image: linear-gradient(to bottom, #dad8da 0, #413f41 100%);
  /* W3C */
}
section.range-slider input[type="range"]::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: black;
  border: 0;
}
section.range-slider input[type="range"]:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
}
section.range-slider input[type="range"]::-moz-focus-outer {
  border: 0;
}
/* end range*/
.btn {
  border: none;
  outline: none;
  padding: 10px;
  
}

.btn-apply {
  background-color: #0b1e31;
  color: #fff;
  width: 100%;
  
}
.btn-apply:hover,.btn-reset:hover {
    background-color:#000000;
}
.btn-reset {
  background-color: #2e2e2e;
  color: #fff;
  width: 100%;
}

.range-p {
  text-align: left;
 
}
.rangeValues {
  float: left;
}

.popup-title {
    line-height: 10px;
    font-weight: 800;
    margin-top: 15px;
}

.popup-des {
    color: #758C32;
    font-weight: 700;
}

.popup-soon {
    line-height: 10px;
}

.description.bottom .tooltip-arrow, .descriptiondis.bottom .tooltip-arrow, .descriptioncoming.bottom .tooltip-arrow {
 
  border-bottom-color: red; /* black */
  border-color: blue black red green;
  border-width: 0 5px 5px;
}

svg polygon:hover {
  fill: #ffffff;
  opacity: 55%;
  transition: 0.6s;
  cursor: pointer;
}
/*#Layer_2 > a > polygon.already-sold {*/
/*    fill: #ffffff;*/
/*    opacity: 55%;*/
/*}*/

.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}