.promo-message{

    text-align: center;
    position: relative;
    padding:8px;



}
.top-message{
    width: 100%;



    /*position: relative;*/
}
.top-message .icon-exit:hover{
    cursor:pointer;
}
.top-message .icon-exit{
    position: absolute;
    right: 15px;
    top: 0px;
    line-height: 25px;
}

.top-message span{
    text-align: center;
    font-size: 13px;

    /*line-height: 16px;*/
    color: #fff;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*letter-spacing: 1px;*/
}
.top-message span a:hover,
.top-message span a:focus,
.top-message span a:active{
    opacity:0.8;
    text-decoration: none;
    cursor: pointer;
}
.top-message span a{
    text-align: center;
    font-size: 13px;
    letter-spacing: .02em;
    line-height: 16px;

    /*font-weight: 600;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
@media (max-width: 480px) {
.top-message span{
    /*font-size:10px;*/
}

.top-message span a{
    font-size: 12px;
}

    .top-message .icon-exit::before{

        font-size: 12px;

    }

}