/**
 * BODY FONT
 */
/*
@font-face {
    font-family: SeasideMem;
    src: url("https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2");
}
*/
/**
 *JOSEFIN SANS
 */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/**
 * OPEN SANS
 */
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  font-family: 'Open Sans';
  font-weight: 500;
}

/**
 * TOP HEADER
 */
section.content-header {
  background-color: white;
  -webkit-box-shadow: 0 6px 12px -6px #777777a3;
  -moz-box-shadow: 0 6px 12px -6px #777777a3;
  box-shadow: 0 6px 12px -6px #777777a3;
}

/**
 * PROPERTY FINDER
 */
section.finder-header {
  padding: 30px 10px 30px 10px;
  background-color: white;
  -webkit-box-shadow: 0 6px 12px -6px #777777a3;
  -moz-box-shadow: 0 6px 12px -6px #777777a3;
  box-shadow: 0 6px 12px -6px #777777a3;
}

section.finder-body {
  height: 100%;
  background-color: #F2F2F2;
  margin-top: 1px;
}


/**
 * PROPERTY INFO BOX
 */
/*
 * Component: Info Box
 * -------------------
 */
.properties-list-container {
  padding: 0;
  margin: 270px 0 0 0;
}

.properties-list-container-header {
  padding: 20px 16px;
  background-color: white;
  position: fixed;
  top: 187px;
  z-index: 3;
  webkit-box-shadow: 0 6px 12px -6px #777777a3;
  -moz-box-shadow: 0 6px 12px -6px #777777a3;
  box-shadow: 0 6px 12px -6px #777777a3;
}

.properties-list-container-bar {
  padding: 30px 20px 10px 40px;
}

.properties-list-container-body {
  padding: 0px 20px 30px 40px;
  min-height: 800px;
}

.property-info-box {
  display: block;
  min-height: 200px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 15px;
}

.property-info-box small {
  font-size: 14px;
}

.property-info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 200px;
  width: 35%;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.2);
}

.property-info-box-icon>img {
  max-width: 100%;
  min-height: 100%;
}

.property-info-box-content {
  padding: 20px;
  width: 65%;
  float: right;
}

.property-info-box-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
}

.property-info-box-text {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.property-info-box-price {
  margin-top: 30px;
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.property-info-box-more {
  display: block;
}

.property-info-box-more ul {
  display: block;
  list-style-type: disc;
  padding: 0px;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.property-info-box-more ul li {
  list-style-type: none;
  display: inline-table;
  font-size: 16px;
  font-weight: 600;
  margin-right: 15px;
}

/**
 * PAGINATION
 */

ul.pagination {
  padding: 30px;
  justify-content: center;
  display: flex;
  list-style: none;
  border-radius: .25rem;
}

ul.pagination li a,
ul.pagination li span {
  color: #404040;
  text-decoration: none;
  padding: 5px 10px;
  margin-right: 5px;
}

ul.pagination li.active a {
  background: #404040;
  color: #fff;
}

/**
 * PROPERTY
 */
img.property-banner-img {
  width: 100%;
  height: 500px;
  margin: 0 auto;
  display: block;
}

div.property-map {
  width: 100%;
  height: 500px;
  margin: 0 auto;
  display: block;
}

/**
 * MAP
 */
.gm-style .cluster img {
  width: 100%;
}

.gm-style .cluster div {
  color: white !important;
}