@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');



* {

  margin: 0;

  padding: 0;

  font-family: 'Poppins', sans-serif;

}





.viewOpenNYE {

  font-size: 15px;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  vertical-align: top;

  border: 2px solid #fff;

  max-width: 400px;

  background: #111;

  width: 100%;

  color: #fff;

  margin: 0 auto;

  top: 55%;

  padding: 10px;

  border-radius: 3px;

  -webkit-box-shadow: 0 8px 16px -8px #adadad;

  -moz-box-shadow: 0 8px 16px -8px #adadad;

  box-shadow: 0 8px 16px -8px #adadad;

  cursor: pointer;

  z-index: 2;

}



.viewOpenNYE i {

  color: #fff;

}



@media all and (max-width: 600px) {

  #timeDivNYE {

    margin-bottom: 20px;

  }

}



@media all and (min-width: 601px) {

  #timeDivNYE {

    margin-right: 15px;

  }

}



.dateTimeNYE {

  max-width: 320px;

  margin: 0 auto;

}



.dayNYE {

  display: inline-block;

  float: left;

}



.timeNYE {

  display: inline-block;

  float: right;

}



@media all and (max-height: 420px) {

  #timeDivNYE, .viewOpenNYE {

    top: 60%;

  }

}

/* view hours modal */



@keyframes fade-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



.modal-overlayNYE {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(173, 173, 173, 0.5);

  display: none;

}



#modal-stateNYE {

  display: none;

}



#modal-stateNYE:checked + .modal-overlayNYE {

  opacity: 1;

  animation: fade-in .4s;

  display: block;

  z-index:4;

}





.modalNYE {

  position: absolute;

  margin: 0 auto;

  padding: 30px 25px;

  background: #fff;

  right: 0;

  left: 0;

  text-align: center;

  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);

  max-width: 90%;

  line-height: 1.8;

  font-size: 14px;

}



.modalNYE h2 {

  margin-top: 0;

  line-height: 25px;

  font-size: 22px;

  border-bottom: 1px solid #dce0d8;

  margin-bottom: 10px;

  padding-bottom: 10px;

  font-weight: 400;

}



.modalNYE h3 {

  line-height: 25px;

  font-size: 22px;

  border-bottom: 1px solid #dce0d8;

  border-top: 1px solid #dce0d8;

  margin-bottom: 10px;

  padding-bottom: 10px;

  margin-top: 10px;

  padding-top: 10px;

  font-weight: 400;

}



.modalNYE h4 {

  margin-top: 0;

  line-height: 16px;

  font-size: 14px;

  border-bottom: 1px solid #dce0d8;

  margin-bottom: 10px;

  padding-bottom: 10px;

}



.modalNYE h5 {

  line-height: 14px;

  font-size: 12px;

  border-top: 1px solid #dce0d8;

  margin-top: 10px;

  padding-top: 10px;

}

.modalNYE h6 {

  line-height: 14px;

  font-size: 12px;
	
  padding-bottom: 10px;
	
  border-bottom: 1px solid #dce0d8;
	
  margin-bottom: 10px;

}



@media all and (max-width: 470px) {

  .modalNYE {

    width: 75%;

  }

  .modalNYE h2{

    font-size: 20px;

  }

}



#modal-stateNYE:checked + .modal-overlayNYE .modalNYE {

  top: 20%;

}



.modal-overlay-closeNYE {

  height: 100%;

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

}



.button-closeNYE {

  text-decoration: none;

  position: absolute;

  color: #fff;

  background: #464646;

  padding: 4px 10px;

  font-weight: bold;

  top: 0px;

  right: 0;

  cursor: pointer

}