.BannerM{
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 501;
    transition: visibility 0s, opacity 0s;
    visibility: hidden;
    opacity: 0;
    display: none;
}
.BannerM a{
    outline: none;
}
.BannerM----view{
    display: block;
}
.BannerM.view{
    opacity: 1;
    visibility: visible;
}
.BannerM.close{
    opacity: 0;
    visibility: hidden;
}
@media (min-width: 501px) {
    .BannerM{
        display: none !important;
    }
}
.BannerM--close{
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 48px;
    background-color: #CCCCCC;
    background-image: url("close.svg");
    background-size: 19px 19px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: visibility 0s, opacity 0s 3s, height 0s 3s;
}
.BannerM.view .BannerM--close{
    visibility: visible;
    opacity: 1;
    height: 36px;
}
.BannerM--content{
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}