/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v15-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/montserrat-v15-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/montserrat-v15-latin-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../fonts/montserrat-v15-latin-regular.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/montserrat-v15-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/montserrat-v15-latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* background: #232526; /* fallback for old browsers 
  background: -webkit-linear-gradient(
    to left,
    #414345,
    #232526
  );  Chrome 10-25, Safari 5.1-6 
  background: linear-gradient(
    to left,
    #414345,
    #232526
  );  W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+  */

select {
  background-image: url(/assets/images/bg_arrow_down.svg);
}

@keyframes modal-open {
  from {
    opacity: 0;
    transform: translate(0, -25%);
  }

  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.animate {
  animation: modal-open ease-in 300ms;
}

.accordion {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out;
}

.bgimg {
  /* Background image */
  background-image: url("../images/trees.png");
  /* Full-screen */
  height: 100%;
  /* Center the background image */
  background-position: center;
  /* Scale and zoom in the image */
  background-size: cover;
  /* Add position: relative to enable absolutely positioned elements inside the image (place text) */
  position: relative;
  /* Add a white text color to all elements inside the .bgimg container */

  /* Add a font */

  /* Set the font-size to 25 pixels */
  font-size: 25px;
}

/* Position text in the middle */
.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* Style the <hr> element */
hr {
  margin: auto;
  width: 40%;
}

.modal {
  display: none;
}

.image-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #585656;
}

.image-container:hover .image-overlay {
  opacity: 0.7;
}

.image-container:hover .image-text {
  cursor: pointer;
  opacity: 1;
}

.image-text {
  opacity: 0;
  position: absolute;
  bottom: 0;
  transition: 0.5 ease;
}