@font-face {
  font-family: "hiragino-kaku-gothic";
  src: url("Heisei Kaku Gothic Std W3.otf");

}
@font-face {
  font-family: "hiragino-kaku-gothic";
  src: url("Heisei Kaku Gothic Std W5.otf");
  font-weight: 500;
}
a{
  width: 100%;
}

body{
  height: 580px;
  color: black;
  font: normal normal normal 12px/16px "hiragino-kaku-gothic";
}


*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

h5{
    margin-top:10px;
    font: 500 24px/30px "hiragino-kaku-gothic";
}
p.subtitulo{
    margin-top:10px;

    font: 400 20px/28px "hiragino-kaku-gothic";
     -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}



.center{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* End Non-Essential  */

.property-card{
    height:520px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius: 10px;
    overflow:hidden;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
}


.property-image{
    height:calc(100% - 200px);
    width:100%;
    padding:10px 20px;
    position:absolute;
    top:0px;
    -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
.PortadaOriginal{
      background-image:url('../imgs/PortadaOriginal.png');

}
.bolivia{
    background-image:url('../imgs/Bolivia.PNG');
}
.colombia{
    background-image:url('../imgs/Colombia.PNG');
}
.ecuador{
    background-image:url('../imgs/Ecuador.PNG');
}
.peru1{
    background-image:url('../imgs/Peru1.PNG');
}
.peru2{
    background-image:url('../imgs/Peru2.PNG');
}

/* Bottom Card Section */

.property-description{
    background-color: #669900;
    height:200px;
    width:100%;
    position:absolute;
    bottom:0em;
    -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 15px 10px;
    text-align:center;
    color:#FFFFFF;
    padding-top: 0px;
}



/* Property Cards Hover States */

.property-card:hover .property-description{
    height:70px;
    padding: 5px 10px;
}

.property-card:hover h5{
  margin-top:40px;
}
.property-card:hover p.subtitulo{
  margin-top:40px;
}
.property-card:hover .property-image{
    height:100%;
    background-position: center;
}



div.container{
  max-width: 680px;
  width: calc(100vw - 60px);
}


p.nom-pais{
  margin-top:10px;
  text-align: center;
  text-decoration-line: underline;
  color:white;
  font-size: 24px;
  font-weight: 500;
  font-family: "hiragino-kaku-gothic";
  line-height: 34px;
  margin-bottom:0;
}
/*
@media (max-width: 576px) {
  .property-card{
    margin-top:10px;
      height: 225px;
  }
  .property-image{
      height:calc(100% - 120px);
  }
  .property-description{
          padding: 5px 10px;

    height:120px;
  }

  .property-card:hover .property-description{
      height:40px;

      padding: 5px 10px;
  }
  .property-card:hover p.subtitulo{
    margin-top:40px;
  }
  .property-card:hover .property-image{
      height:100%;
      background-position: center;
  }
  h5{
    margin-top:0px;
    margin-bottom:2px;

      font: 500 18px/24px "hiragino-kaku-gothic";
  }
  p.subtitulo{
    font: 400 14px/20px "hiragino-kaku-gothic";
    width:300px;
    left:50%;
    position: absolute;
    transform:translateX(-50%);
  }
  p.p-pucallpa{
    width:220px;
    left:50%;
    position: absolute;
    transform:translateX(-50%);
  }
  p.nom-pais{
    margin-top:0px;

}



}
*/



.slick-slide{
  padding: 5px;
}

.slick-prev::before, .slick-next::before {
  color: #669900;
  opacity: .8;
  font-size: 25px;
}

.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {

    opacity: .8;

}