/* CSS Document */
body{font-family:"Lato", arial, helvetica, sans-serif;font-size:12px;}

a{transition:color 0.3s;}

#homeSlideshow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 9px solid #fff;
  box-sizing: border-box;
}
#homeSlideshow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  position:absolute;
}

.slide {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 3.5s;
}
 img.slide {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-sizing: border-box;
}
.slide.active {
  opacity: 1;
}
#tab{background:#98181d;position:absolute;right:0px;bottom:150px;max-width:319px;width:100%;z-index: 101;padding:17px 46px 17px 23px;box-shadow:0px 0px 10px 0px #000000dd;box-sizing: border-box;}
#tab img{max-width:100%;height:auto;}

#links{margin-top:-11px;}

.email{color:#fff;text-decoration:none;}
.email:hover{color:#ffffffcc;}
.phone{color:#e9aa3b;text-decoration:none;font-weight:700;}
.phone:hover{color:#e9aa3bcc;}


progress {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 90px;
  transition: opacity 1s;
}
/* background: */
progress::-webkit-progress-bar {
  background-color: #cccccc;
  width: 100%;
}
progress {
  background-color: #cccccc;
}
/* value: */
progress::-webkit-progress-value {
  background-color: #79add3 !important;
}
progress::-moz-progress-bar {
  background-color: #79add3 !important;
}
progress {
  color: #79add3;
}
progress[value="100"] {
  opacity: 0;
  pointer-events: none;
}


@media screen and (max-width:319px){
    #links{margin-top:5px;}
    #tab{padding:17px 23px;}
}