#__supported.modal .modal-dialog {
    margin: 100px auto;
    max-width: inherit;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

#__supported .modal-content {
    max-width: 600px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    border: none;
    background-clip: border-box;
}

#__supported .modal-header {
    min-width: 70px;
    border: none;
    padding: 0;
    text-align: center;
    margin-bottom: 50px;
    height: auto;
    box-shadow: none;
}

#__supported .modal-header{
    padding: 50px 100px 0;
    height: auto;
}

#__supported .modal-title{
    width: 100%;
    text-align: center;
    color: var(--ifc-gray-900);
}

#__supported .modal-body{
    padding: 0 100px 50px;
    height: auto;
    overflow: auto;
}

#__supported .close {
    opacity: 1!important;
    font-weight: 400!important;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 15px 15px 0 0;
    float: right;
}

body[dir=rtl] #__supported .close {
    margin: 15px 0px 0px 15px;
}

#__supported  .modal-content .modal-up-body .modal-header .close .close-row-1 {
    width: 20px;
    background: #fff;
    height: 20px;
    opacity: .5;
    background: url(/images/popup/popup-sprits.svg);
    background-position: -2px -1px;
}

#__supported .supp_block{
    width: 48px;
    height: 48px;
    margin-right: 0;
    background-size: contain;
    background: url(/images/support/modal-social-contacts.png);
}

body[dir=rtl] #__supported .supp_block{
    margin-left: 0;
}

.modal-body>div,
.modal-body>a{
    margin-bottom: 30px;
}

#__supported .supp_block{
    margin-bottom: 15px;
}


#__supported .liveChat {background-position: -192px -48px; cursor: pointer;}
#__supported .skype    {background-position: -144px 0;}
#__supported .messenger{background-position: -96px 0;}
#__supported .telegram {background-position: -192px 0;}
#__supported .whatsapp {background-position: -48px 0;}
#__supported .call_back{background-position: -96px -48px;}
#__supported .zalo     {background-position: -144px -48px;}
#__supported .qq       {background-position: -48px -48px;}
#__supported .we_chat  {background-position: 0px -48px;}
#__supported .instagram  {
    background-image: url(/images/support/social-contacts.png);
    background-position: 0px -96px;
    background-size: 240px;
}


.modal-body>div>div:last-child,
.modal-body>a>div:last-child{
    font-size: 0.9375rem;
    font-weight: normal;
    color: var(--ifc-gray-900);
    line-height: 1;
}

#__supported .close{
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

body[dir=rtl] #__supported .close{
    left: 0;
    right: auto;
}

#__supported .close:focus{
    outline-color: #fff;
}

@media (max-width: 767px) and (min-width: 320px){
    #__supported .modal-content {
        width: 90%!important;
    }
}

@media (max-width: 575px) {
    #__supported .modal-body{
        padding: 0 20px 20px;
    }
    #__supported .modal-title{
        padding-bottom: 40px;
    }
    #__supported .modal-header{
        padding: 40px 15px 0;
    }
    #__supported .modal-header{
        margin-bottom: 0;
    }
}
