body {

  color: #404040;

  font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', Sans-serif;

  margin: 0;

  padding: 0;

  -webkit-font-smoothing: antialiased;

}



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



h1 {

  font-size: 22px;

  margin: 0;

  font-weight: 400;

  line-height: 20px;

  padding: 20px 2px;

}



a {

  color: #8305c0;

  text-decoration: none;

}



a:hover {

  color: #101010;

}

.nav {

background: rgb(232,32,136);

background: linear-gradient(90deg, rgba(232,32,136,1) 0%, rgba(232,32,136,1) 25%, rgba(0,200,215,1) 100%);

display: flex;
align-items: center;
justify-content: space-between;

}

.language{
  color: #fff;
  padding-right: 15px;
}

.language span{
  color: #fff
}

.language span:hover{
  cursor: pointer;
}
.hidde{
  display: none;
}




.nav img {

  /* width:200px; */

  height:45px;

  margin: 10px 10px;

    

}

.content {

position: relative;

width: 100vw;

height: 92vh;

    

}



.sidebar {

  position: absolute;

  width: 33.3333%;

  height: 100%;

  top: 0;

  left: 0;

  overflow: hidden;

  border-right: 1px solid rgba(0, 0, 0, 0.25);

}



.pad2 {

  padding: 20px;

}



.map {

  position: absolute;

  left: 33.3333%;

  width: 66.6666%;

  top: 0;

  bottom: 0;

  transition: 0.6s;



}



.heading {

  display: flex;

justify-content: space-between;

align-items: center;

flex-wrap: wrap;

  background: #fff;

  border-bottom: 1px solid #eee;

  line-height: 60px;

  padding: 0 10px;



}



.heading button#filterResults {

  background-color: #e82088;

  color: white;

  margin: 15px 0px;

  font-weight: 400;

line-height: 20px;

  padding: 10px 15px;

}



.listings {

  height: 100%;

  overflow: auto;

  padding-bottom: 60px;

}



.listings .item {

  display: block;

  border-bottom: 1px solid #eee;

  padding: 10px;

  text-decoration: none;

}



.listings .item:last-child { border-bottom: none; }



.listings .item .title {

  display: block;

  color: #8305c0;

  font-weight: 700;

  transition: .2s;

}



.listings .item .title small { font-weight: 400; }



.listings .item.active .title,

.listings .item .title:hover { color: #86cecd; }



.listings .item.active {

  background-color: #f8f8f8;

}



::-webkit-scrollbar {

  width: 3px;

  height: 3px;

  border-left: 0;

  background: rgba(0, 0, 0, 0.1);

}



::-webkit-scrollbar-track {

  background: none;

}



::-webkit-scrollbar-thumb {

  background: rgba(232,32,136,1);

  border-radius: 0;

}



.clearfix { display: block; }



.clearfix::after {

  content: '.';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}



/* Marker tweaks */

.mapboxgl-popup-close-button {

  display: none;

}



.mapboxgl-popup-content {

  font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', Sans-serif;

  padding: 0;

  width: 180px;

}



.mapboxgl-popup-content-wrapper {

  padding: 1%;

}



.mapboxgl-popup-content h3 {

  background: #86cecd;

  color: #fff;

  margin: 0;

  display: block;

  padding: 10px;

  border-radius: 3px 3px 0 0;

  font-weight: 700;

  margin-top: -15px;

}



.mapboxgl-popup-content h4 {

  margin: 0;

  display: block;

  padding: 10px;

  font-weight: 400;

}



.mapboxgl-popup-content div {

  padding: 10px;

}



.mapboxgl-container .leaflet-marker-icon {

  cursor: pointer;

}



.mapboxgl-popup-anchor-top > .mapboxgl-popup-content {

  margin-top: 15px;

}



.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {

  border-bottom-color: #86cecd;

}



.marker {

  border: none;

  cursor: pointer;

  height: 56px;

  width: 56px;

  /* background-image: url(images/pin2.png); */
  background-image: url(images/pin2update.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

}



.mapboxgl-popup {

  padding-bottom: 50px;

}



.toggle {

  display: none;

  position: absolute;

  z-index: 2;

}



#side {

  display: none;

}



#side:checked + .content .sidebar {

  transform: translateX(260px);

}

#side:checked + .content .map {

  transform: translateX(260px);

}





/*#side:checked + .page-wrap .sidebar li {

  font-size: 16px;

}

#side:checked + .page-wrap .page-content {

  transform: translateX(260px);

}*/



@media(max-width: 768px) {

  .map {

    width: 100vw;

    left: 0;

  }

  .sidebar {

    position: absolute;

    top: 0px;

    right: 0;

    bottom: 0px;

    left: -260px;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    transition: 0.6s;

    z-index: 3;

    width: 260px;

  }

  .toggle {

    display: block;

    padding: 5px 10px;

    right: 10px;

    top: 10px;

    background: rgb(232,32,136);

    background: linear-gradient(90deg, rgba(232,32,136,1) 0%, rgba(232,32,136,1) 25%, rgba(0,200,215,1) 100%);

    border-radius: 4px;

    color: white;

    font-weight: bold;

    z-index: 999;

  }

  #modal > div > div {

    margin-left: 0px !important;

  }



  .pt36 {

    padding-top: 170px !important;



    }

    .heading button#filterResults {

      margin-top: 0px;

    }



}



.select-container {

  width: 100%;

}



.titleFiltes{

  font-size: 22px;

  margin-bottom: 5px;

}

#exitButton {

  padding-top: 5px !important;

padding-bottom: 5px !important;

margin-top: 15px;

margin-right: 15px;

border: 1px solid #e82088;

transition: background-color .125s,border-color .125s,color .125s;



}

#exitButton:hover {

  border: 1px solid #17b7cf;



}



.btn {

  display: inline-block;

font-weight: 700;

background-color: #e82088;

font-size: 12px;

color: #fff;

border-radius: 0px;

padding: 6px 18px;

text-align: center;

transition: background-color .125s,border-color .125s,color .125s;

}



.btn:hover {

  background-color: #d32f8f;

}



option {

  font-weight: 400 !important;

}



@media(max-width: 1200px) {

  #modal > div > div {

    margin-left: 300px;

  }

}



#modal > div > div {

  -webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);

box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);

}