/* -SLIDE01------------------------------------------------- */

#slide01 {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
  margin: 0;
  display: flex;

  padding: 0;
  
  background: transparent;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.sliderwrap {
  max-width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.wmslogo {
  position: absolute;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: white;
  font: 3vw copperplate;
  z-index: -1;
}
#wmsidlogo {
  max-width: 40vw;
  height: auto !important;
}
.himg1, .himg2, .himg3 {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: -2;
}
.himg1 {
  background: url(https://wms.com.ph/img/02.jpg)no-repeat center;
  background-size: cover;
  animation: fade 28s infinite;
  -webkit-animation: fade 28s infinite;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.himg2 {
  background: url(https://wms.com.ph/img/07.jpg)no-repeat center;
  background-size: cover;
  animation: fade2 28s infinite;
  -webkit-animation: fade2 28s infinite;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.himg3 {
  background: url(https://wms.com.ph/img/01.jpg)no-repeat center;
  background-size: cover;
  animation: fade3 28s infinite;
  -webkit-animation: fade3 28s infinite;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}


/* --------------------------------------------------------KEYFRAMES-------START */

@keyframes fade
  {
	0%   {opacity:1}
	33.333% { opacity: 0}
	66.666% { opacity: 0}
	100% { opacity: 1}
  }
  @keyframes fade2
  {
	0%   {opacity:0}
	33.333% { opacity: 1}
	66.666% { opacity: 0 }
	100% { opacity: 0}
  }
  @keyframes fade3
  {
	0%   {opacity:0}
	33.333% { opacity: 0}
	66.666% { opacity: 1}
	100% { opacity: 0}
  }

/* --------------------------------------------------------KEYFRAMES-------END */

/* -------------------------------------------------------- */
/* -----------MEDIA QUERY FOR RESPONSIVE SCREEN------------ */
/* -------------------------------------------------------- */
@media only screen and (max-width: 800px) {

      .himg1,.himg2 {
        animation: none !important;
        -webkit-animation: none !important;
        display: none;
      }

      .wmslogo {
        visibility: visible;
      }
      .himg3 {
        animation: none !important;
        -webkit-animation: none !important;
        background: url(https://wms.com.ph/img/m-01.jpg);
        background-size: cover;
      }

}