.chat-select{
    width: 310px;
    height: auto;
    background-color: #fff;
    margin: 0 auto 0;
    border-radius: 4px;
    padding: 19px 24px;
    padding-top: 34px;
    position: relative;
}
.chat-select .mfp-close{
    position: absolute;
    top: 0;
    right: 0;
}
.chat-select__row{
    width: 100%;
    position: relative;
    padding-left: 40px;
    font-size: 17px;
    display: block;
    text-align: left;
    color: #000;
    margin-bottom: 24px;
}
.chat-select__row:before{
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    -webkit-background-size: 100%;
    background-size: 100%;
}

.chat-select__title{
    text-align: justify;
    -ms-text-align-last: justify;
    text-align-last: justify;
    font-size: 17px !important;
    font-weight: 400;
    color: #778f9b;
    margin: 0 0 24px 0;


}

.whatsapp-icon::before{
    background-image: url(../images/whatsapp.svg);
}
.vk-icon::before{
    background-image: url(../images/vk.svg);
}
.telegram-icon::before{
    background-image: url(../images/telegram.svg);
}
.chat-icon::before{
    background-image: url(../images/chat-blue.svg);
}
.viber-icon::before{
    background-image: url(../images/viber.svg);
}

.button-bar{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
	z-index: 100000;
}
.button-bar__phone-button{
    width: 50%;
    height: 100%;
    float: right;
    background-color: #13ce66;
    border: none;
    line-height: 50px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.button-bar__phone-button::before{
    background-image: url(img/phone.svg);
}
.button-bar__chat-button{
    width: 50%;
    height: 100%;
    float: left;
    background-color: #2d8eff;
    border: none;
    line-height: 50px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.button-bar__chat-button::before{
    background-image: url(img/chat.svg);
}

.button-bar__chat-button:hover,
.button-bar__chat-button:active,
.button-bar__phone-button:hover,
.button-bar__phone-button:active{
    color: #fff;
}

.button-bar__chat-button::before,.button-bar__phone-button::before{
    display: inline-block;
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 13px;
    vertical-align: middle;
}
@media all and (orientation:portrait) and (max-width: 480px){
    .button-bar{
        display: block;
    }
}