.popup-wrapp{width:100%;height:600px;position:relative}.popup-modal div.modal-content{padding:0;max-width:900px}.popup-link{cursor:pointer}.popup-wrapp .popup-text-block{position:ABSOLUTE;top:30px;width:100%;text-align:center;color:#000;padding-top:10px}.popup-wrapp .popup-text-title{font-size:40px;margin-bottom:15px}.popup-wrapp .popup-text-content{min-height:250px;font-size:30px}.popup-image{height:100%;position:ABSOLUTE;left:0;width:100%;z-index:0;display:block;height:100%;overflow:hidden}.popup-image img{max-width:100%;margin:0 auto}.popup-image img.mobile{display:none}.popup-modal .modal-close:first-child::before{width:40px!important}.popup-modal .modal-close:first-child::after{width:40px!important}#popup-gift-form{position:absolute;bottom:40px;z-index:2}#popup-gift-form .field-wrap{width:270px;margin:0 auto}.popup-wrapp .info-box{font-size:14px;background:rgb(115,115,115,46%);color:#fff;border-radius:10px;text-align:center}.popup-wrapp .info-box.error{color:red}.popup-wrapp .btn--gray:hover{color:#fff!important}.popup-wrapp .input-email{margin-bottom:5px}.popup-modal .modal-close{top:2em!important;right:1em!important}@media(min-width:900px){#popup-gift-form{width:420px;margin-right:-210px;right:50%}}@media (max-width:780px){.popup-wrapp{min-height:460px;max-height:500px}#popup-gift-form{width:100%}.popup-wrapp .popup-text-content{min-height:250px;font-size:26px}}@media (max-width:500px){.popup-image img.mobile{display:block}.popup-image img.desktop{display:none}}


.popup-content-box{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}


.time-box {
    text-align: center;
    padding: 15px;
    color: #fff;
    flex: none;
    border-radius: 5px;
    margin-bottom: 5%;
    background-color: rgba(0, 0, 0, .4);
}

.times-box{
    font-family: sans-serif;
    color: #fff;
    display: flex;
    text-align: center;
}
  
  .times-box .item{
    padding: 7px;
    border-radius: 4px;
    background-color: rgba(246, 144, 27, .15);
    border: 1px solid #f6901b;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .times-box .item:last-child{ margin-right: 0; }
  
  .times-box .item .sub-item{ 
      line-height: 1;
   }
  
  .times-box .nums{
      font-size: 30px;
  }
  
  .times-box .textes{
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 5px;
  }
  
  
@media (max-width: 500px) {

    .times-box .item{
        width: 60px;
        height: 60px;	
    }

    .times-box .nums{
        font-size: 20px;
    }

     .times-box .textes{
        font-size: 10px;
    }

}