.headline { 
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 10px;
}
.headline h3,
.headline .h3 {
    color:#191D24;
    font-size:25px;
    line-height: 30px;
    font-weight: 700; 
    flex: 1;
}
.headline .headline-right {
    margin-bottom: 10px;
}


/* OfferTiles */
.OfferTiles
{
	display:flex;
	justify-content: space-between;
}
.OfferTiles .-primary-text {
    color: #FF006A
}
.OfferTiles .OfferTileContainer
{
    position: relative;
	width: calc(33.333% - 20px);
	align-items: stretch;
    border: 1px solid #cfcece;
    border-top-width: 1px;
    border-radius: .3125rem .3125rem;
    margin-bottom: 1.875rem;
}
.OfferTiles .OfferTilesImage {
    display: block;
    width: 100%;
    height: 170px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-top-left-radius: .3125rem;
    -webkit-border-top-right-radius: .3125rem;
    -moz-border-radius-topleft: .3125rem;
    -moz-border-radius-topright: .3125rem;
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem;    
    overflow: hidden;
    border-bottom:1px solid #cfcece;
}
.OfferTiles .OfferTilesDesc {
    color: #191D24;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    padding:15px 20px;
    border-bottom:1px solid #cfcece;
    min-height:79px;
}
.OfferTilesList {
    padding:15px 20px 88px;
}
.OfferTilesList ul {
    list-style: none;
    text-align: left;
    padding:0px;
    margin: 0px;
}
.OfferTilesList ul li{
    color: #5D6370;
    font-size: 16px;
    line-height: 1.7;
    position: relative;
    padding-left: 25px;
}
.OfferTilesList ul li::before {
    position: absolute;
    top:-7px;
    left:0;
    content: "\2022";
    color: #FF006A;
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
}
.OfferTilesButton {
    position: absolute;
    left:0;
    bottom: 0;
    display: block;
    width:100%;
    text-align: center;
    padding:15px 20px 20px;
}
/* END OfferTiles */

/* Alet */
.alert {
    display: flex;
    border: 1px solid #FF006A;
    padding: 18px 30px;
    margin-bottom: 40px;
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem; 
    box-shadow: 0px 10px 20px 5px rgba(136, 160, 184, 0.2);   
}
.alert-container {
    width: 66.66667%;
    align-items:center;
    display: flex;
}
.alert-container .alert-icon {
    padding-right:20px;
}
.alert-desc h4 {
    color:#191D24;
    font-weight: bold;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
    margin-bottom: 4px;
}
.alert-desc b,
.alert-desc strong {
    color:#191D24;
    font-weight:700;
}
.alert-desc,
.alert-desc p {
    font-size: 16px;
    line-height: 22px;
    color: #5D6370;
}
.alert-btn {
    width: 33.33333%;
    align-items: center;
    display: flex;
}
.alert-btn .btn-primary {
    width:90%;
    margin-left: 10%;
}
.alert-icon i.icon-alert {
    display: inline-block;
    white-space: nowrap;
    width: 38px;
    height: 48px;
    font-size: 0;
}
.alert-icon i.icon-alert::after {
    display: inline-block;
    content: '';
    background-image: url("../img/icons/user.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 38px;
    height: 48px;
}
/* END Alet */


/* single banner */ 
.single-banner {
    display: flex;
    border: 1px solid #cfcece;
    margin-bottom: 1.875rem;
    -webkit-border-radius: .3125rem;
    -moz-border-radius: .3125rem;
    border-radius: .3125rem; 
    overflow: hidden;
}
.single-banner .single-banner-image {
    width: 66.66667%;
    min-height: 287px;
    align-items:center;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
}
.single-banner .single-banner-desc {
    width: 33.33333%;
    align-items: center;
    justify-content:center;
    display: flex;
    flex-direction:column;
    padding: 25px 20px;
    text-align: center;
}
.single-banner .single-banner-desc h4 {
    color:#191D24;
    font-weight: bold;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
    margin-bottom: 15px;
}
.single-banner .single-banner-desc .-primary-text {
    color: #FF006A;
}
.single-banner .single-banner-desc b,
.single-banner .single-banner-desc strong {
    color:#191D24;
    font-weight:700;
}
.single-banner .single-banner-desc,
.single-banner .single-banner-desc p {
    font-size: 16px;
    line-height: 22px;
    color: #5D6370;
    margin-bottom: 10px;
}
.single-banner .single-banner-desc .btn-primary {
    margin-top: 20px;
}
/* END single banner */


/* OfferPopup */
.OfferPopupSource .-text-link {
    font-size:16px;
    font-weight: 400;
    color: #5D6370;
}
.OfferPopupSourceContent {
    display:none;
}



.OfferPopup {
    position:absolute; z-index: 100002; top: 0; left: 0; margin-top:0; margin-left:0;width:100%; height:100%; 
    /* display: flex; */
    display: none;
    justify-content:center;
    align-items:flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow-y:auto;
    overflow-x:hidden;
}
.OfferPopup .popup-wrapper { 
    position: relative;
    width: 540px; 
 }
.OfferPopup .popup-clouse { 
    position:absolute; 
    top:20px; 
    right:30px;
    color:#FF006A;
cursor: pointer; }
.OfferPopup .popup-clouse:hover,
.OfferPopup .popup-clouse:active { 
    color: #191D24;  }
.OfferPopup .popup-content {
    min-height: 40px;
}
.OfferPopup .popup-content .popup-scroll {
    overflow-y:auto;
    overflow-x:hidden;
    max-height: 220px;
    margin-bottom: 0.75rem;
}
.OfferPopup .popup-content p { font-size: .875rem; line-height: 1.2rem; padding-bottom: 0.75rem; color: #6e6e6e; }
.OfferPopup .mmp-channels { padding-bottom: 0.75rem; }
