/* CSS Document */

body {
  background-color:#ebebeb;
  padding-top: 0; 
  overflow-y: scroll;
  }
a.link-img:link {
  border:1px solid gray;}
a.link-img:hover {
  border:1px solid #F60;}
a.link-img:visited {
  border:1px solid gray;}
a.link-img:active {
  border:1px solid #fff;}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Akshar', sans-serif;
}

h2 {
  font-weight: 400;
  font-style: normal;
  color: #333;
  text-shadow: 0px -1px #000, 1px 1px #FFF;
}
.font-body, .font-thumbnail, .font-title, .font-sub-title, .font-menu {
  font-family: 'Akshar', sans-serif;
  }
.font-body {
  font-weight: 200;
  font-size: 1.1em;
  }
.font-thumbnail {
  font-weight: 400;
  font-size: .8em;
  color: #222;
  }
.font-title {
  font-weight: 400;
  font-style: normal;
  color: #555;
  text-shadow: 0px -1px #000, 0px 1px #FFF;
  }
.font-subtitle {
  color: #555;
  text-shadow: 0px -1px #000, 0px 1px #FFF;
  }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

.img-description {
  /*transform: translate(-50%, -50%);*/
  color: #FFF;
  text-shadow: 1px 1px 2px black;
  filter: opacity(0);
}

.img-container {
  text-align: center;
  height: 80%;
  background-color: #BDBDBD;
}
.img-box:hover .img-description,
.img-box:focus .img-description
{
  filter: opacity(100);
  }

.img-box {
  text-align: center;
  overflow: hidden;
  position: relative;
}
.img-thumb {
  transition: all .5s ease-in-out;
}
.img-box:hover .img-thumb,
.img-box:focus .img-thumb {
  transform: scale(1.2);
  filter: brightness(0.4);
}

.menu-icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.filter-1 .filter-2 .filter-3 .filter-4 {
  /*display: none;*/
}

.form-control:focus {
  border-color: #ff0000;
  box-shadow: 0 0 0 0.2rem rgba(256, 0, 0, 0.25);
  }