.ticket-promo-modal .modal-close-box{
    position: absolute;
    width: 100%;
}

.ticket-promo-modal-body, .ticket-promo-modal-body:last-child{
    padding: 0;
}

.ticket-promo-modal.modal-container{
    position: fixed;
}

.ticket-promo-modal .modal-box{
    max-width: 572px;
}

.ticket-promo-modal-close{
    width: 33px;
    height: 33px;
    z-index: 999;
    display: block;
    right: 8px;
    top: 9px;
    position: absolute;
    cursor: pointer;
}

.ticket-promo-modal-close:before{
    content: '';
    background: url("../../images/ticket-promo-modal-close.png") center;
    width: 33px;
    height: 33px;
    display: block;
}

.tickets-index-promo__box{
    width: 100%;
    max-width: 1170px;
}

.tickets-index-promo__body{
    padding: 25px;
}

.tickets-index-promo__title{
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}

.tickets-index-promo__close{
    display: block;
    float: right;
    padding: 10px;
}

.tickets-index-promo__close:before{
    content: '';
    background: url("../../images/tickets-promo-close.png") center;
    width: 17px;
    height: 17px;
    display: block;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.tickets-index-promo__banner{
    height: 273px;
    background: url("../../images/ticket-index-bg.png") no-repeat;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 0 15px 1px rgba(0,0,0, 0.08);
}

.tickets-index-promo__banner:before{
    content: url("../../images/barboskini1.png");
    display: block;
    position: absolute;
    left: 55px;
    top: 40px;
    z-index: 10;
}

.tickets-index-promo__banner:after{
    content: url("../../images/barboskini2.png");
    display: block;
    position: absolute;
    right: 55px;
    top: 25px;
    z-index: 10;
}

.tickets-index-promo__text{
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.tickets-index-promo__text-container{
    z-index: 20;
}

.tickets-index-promo__text--top{
    font-size: 40px;
    color: #29aae3;
}

.tickets-index-promo__text--code{
    font-size: 56px;
    display: inline;
    color: #ef0041;
    position: relative;
}

.tickets-index-promo__text--code:after{
    content: url("../../images/tickets-index-underline.png");
    position: absolute;
    bottom: -19px;
    left: 0;
    color: #ef0041;
}

.tickets-index-promo__text--bottom{
    font-size: 30px;
    color: #29aae3;
}

.tickets-index-promo__manual{
    font-size: 18px;
    text-align: left;
    list-style: none;
    padding: 0;
}

.tickets-index-promo__manual li:before{
    content: '· ';
}

.tickets-index-promo__manual li:last-child{
    margin-top: 20px;
}

.tickets-index-promo__manual li:last-child:before{
    content: '* ';
}

.tickets-index-promo__manual__title{
    font-weight: bold;
}

.tickets-index-promo__manual--blue{
    color: #29aae3;
}

.tickets-index-promo__manual--pink{
    color: #ef0041;
}

@media screen and (max-width: 768px){
    .tickets-index-promo__banner:after, .tickets-index-promo__banner:before{
        content: '';
    }
}


@media (min-width: 769px) and (max-width: 1100px){
    .tickets-index-promo__banner:after{
        right: 0;
    }

    .tickets-index-promo__banner:before{
        left: 0;
    }
}

@media screen and (max-width: 678px){
    .tickets-index-promo__text--bottom{
        margin-top: 10px;
        font-size: 20px;
    }

    .tickets-index-promo__body{
        padding: 0;
    }

    .tickets-index-promo__title{
        padding: 10px;
    }

    .tickets-index-promo__manual{
        padding: 10px;
    }
}