/* Timothy Framework - www.timothyframework.com */
/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */

/* Color Legend */

#slider {
  width: 60%; /* important to be same as image width */
  /* height: 591px;  important to be same as image height */
  /* height: 591px; */
  height: 480px;
  position: relative; /*important*/
  overflow: hidden; /* important */
  text-align: left;
  float: left;
}

#slider img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

#sliderContent {
  width: 100%; /* important to be same as image width or wider */
  position: absolute;
  top: 0;
  margin-left: 0;
}

.sliderImage {
  float: left;
  position: relative;
  display: none;
}

.sliderImage span {
  position: absolute;
  padding: 10px;
  width: 300px; /* This is the width of the caption box  */
  height: 300px; /* This is the height of the caption box  */
  background-color: #000; /* This sets the background color of the semi transparent box */
  /* If you do not want the transparent content field to appear, change all opacity values to 0 */
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 150%;
  color: #fff; /* This is the color of the text in the caption box */
  display: none;
}

.sliderImage span strong {
  color: #ff9428; /* This is the color of the title text in the caption box */
  font-size: 22px; /* This is the font size of the title text in the caption box */
  line-height: 300%;
}

.clear {
  clear: both;
}

.top {
  top: 0;
  left: 600px;
} /* This sets the upper left corner of the caption box */

.bottom {
  bottom: 0;
  left: 0;
} /* This sets the lower left corner of the caption box */

#slider ul {
  list-style-type: none;
}
#slider ul li {
  margin-left: 0px;
}

@media only screen and (max-width: 1000px) {
  #slider {
    height: 500px;
  }
}
@media only screen and (max-width: 600px) {
  #slider {
    height: 300px;
    width: 100%;
  }

  .header-wrapper video{
    width: 100% !important;
  }
}