.mainBody { padding: 0; -webkit-box-shadow: 0 7px 30px 0 rgba(54, 54, 54, 0.1); box-shadow: 0 7px 30px 0 rgba(54, 54, 54, 0.1); }
.DateOnBanner { position: absolute; bottom: 0; background: #ffffff; width: 1170px; text-align: center; z-index: 1; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -webkit-box-shadow: 0 7px 30px 0 rgba(54, 54, 54, 0.1); box-shadow: 0 7px 30px 0 rgba(54, 54, 54, 0.1); }
.DateOnBanner ul { display: table; list-style: none; padding: 0; width: 100%; margin: 0; }
.DateOnBanner ul li { display: table-cell; vertical-align: middle; text-align: center; width: 33.33%; padding: 15px; font-size: 130%; font-family: 'almoni-tzar-aaa-bold';position: relative; }


.DateOnBanner ul li:nth-child(2):before { content: ""; border-right: 2px solid #3d8525; height: 42px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.DateOnBanner ul li:nth-child(2):after,
.DateOnBanner ul li.shop-payment-duration:after { content: ""; border-right: 2px solid #3d8525; height: 42px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.DateOnBanner ul li span svg { vertical-align: middle; width: 23px; height: 24px; }
.mainBody iframe { opacity: 0; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; height: 100vh; }
.mainBody iframe.loaded { opacity: 1; }

@media(min-width:768px) {
    .DateOnBanner ul.subtitle-mode li { width: 25%; font-size: 110%; }
    
}
@media(max-width: 991px) { 
    .mainBody, .DateOnBanner { max-width: 90%; }
    .DateOnBanner ul li { font-size: 125%; }
    .topBanner { height: 420px; }
}

@media(max-width: 767px) {
    .DateOnBanner ul li { width: 100%; display: block; }
    .DateOnBanner ul li:nth-child(2):before, .DateOnBanner ul li:nth-child(2):after,
    .DateOnBanner ul li.shop-payment-duration:after { display: none; }
    .DateOnBanner ul li .shop-payment-date_inner { border-bottom: 2px solid #eee; padding-bottom: 10px; padding-top: 10px; }
    .DateOnBanner ul li:last-of-type .shop-payment-date_inner { border-bottom: none; }
    .DateOnBanner ul li { padding: 0 20px; }
    .DateOnBanner { bottom: -95px; }
        .DateOnBanner ul li { font-size: 110%; }
    .mainBody { margin-top: 135px; }
    .topBanner { height: 320px; }
}