p{
  font-family: 'Libre Franklin', sans-serif;
}

.section-margin{
  margin-top: 120px;
}

.color-white{
  color: white !important;
}

.footer-content{
  margin-top: 70px;
}

.pointer{
  cursor: pointer !important;
}

.center{
  text-align: center !important;
}

.justify{
  text-align: justify !important;
}

.title{
  font-size: 150%;
}

.text-container{
  font-size: 130%;
  color: #323232;
}

.not-margin{
  margin: 0px !important;
}

.not-margin-rigth{
  margin-right: 0px !important;
}

.black-color{
  color: black !important;
}

.link{
  color: #087ead !important;
  text-decoration-line: none !important;
}

.absolute{
  position: absolute !important;
}

.relative{
  position: relative !important;
}

.z-index-01{
  z-index: 1 !important;
}

.white-color{
  color: white !important;
}

.gray-text{
  color: gray !important;
}

.zoom-zoom{
  transition: transform .3s;
}

.zoom-zoom:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
    transition: transform .3s;
}

.zoom-zoom-little{
  transition: transform .3s;
}

.zoom-zoom-little:hover {
    -ms-transform: scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari 3-8 */
    transform: scale(1.03);
    transition: transform .3s;
}

.zoom{
  transition: transform .3s;
}

.item-zoom{
    transition: transform .3s;
}

.zoom:hover .item-zoom{
    -ms-transform: scale(1.04); /* IE 9 */
    -webkit-transform: scale(1.04); /* Safari 3-8 */
    transform: scale(1.04);
    transition: transform .3s;
}

.section-separation-head{
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #8d8d8d;
  width: 83px;
  height: 2px;
}

.section-separation-bottom{
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #8d8d8d;
  width: 83px;
  height: 2px;
}

.section-separation-text-gray{
  font-size: 150%;
  color: #2a2a2a;
}

.section-separation-container{
  margin-bottom: 30px;
  position: relative;
}

.fixed{
  position: fixed !important;
}

.hide{
  display: none !important;
}

.hide_element{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.1s, opacity 0.1s linear;
}

.show{
  display: block !important;
}

.show_element{
  visibility: visible;
  opacity: 1;
  transition: opacity 0.1s linear;
}

/*cards styles*/
.properties-card-section{
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #699dcf;
  color: white;
  width: 175px;
  border-radius: 200px 200px 200px 200px;
  -moz-border-radius: 200px 200px 200px 200px;
  -webkit-border-radius: 200px 200px 200px 200px;
  border: 0px solid #000000;
  text-align: center;
}

.properties-card-title{
  font-weight: 600;
}

.card-image{
  width: 100%;
  height: 200px;
  background-size: cover;
  border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
}

.card-counter{
  right: 5px;
  bottom: 5px;
  background-color: #0000006b;
  border-radius: 100%;
  width: 40px;
  height: 40;
  text-align: center;
  color: white;
}

.card-comments{
  height: 50px;
}

.card-comments-body{
  margin-top: 25px;
  padding-bottom: 25px;
}

.margin-card{
  margin-bottom: 20px;
}

.scroll-auto-y{
  overflow-y: auto !important;
}
/*cards styles*/

/*pulse animation*/
.public-pulse{
    box-shadow: 0 0 0 0 rgb(90 90 90 / 70%);
    border-radius: 100%;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    color: #ffffff;
    transition: all 300ms ease-in-out;
    z-index: 2;
}

.public-pulse:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  color: #ffffff;
}

@-webkit-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

@-moz-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

@-ms-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}
/*pulse animation*/

@media screen and (max-width: 321px) {
  .hide-on-uxs{
    display: none !important;
  }
}