/*
Стили дополнительного сообщения
*/
#formOrderOneClick .overlay_message {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
#formOrderOneClick .popummessage {
    /*background-color: #fff;*/
    /*border: 1px solid #fff;*/
    display: inline-block;
    left: 50%;
    opacity: 0;
    /*padding: 15px;*/
    /*width: 300px;*/
    height: auto;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 999999;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
    border-radius: 4px;
    background-color: #f0eee9;
    padding: 40px 100px;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    white-space: nowrap;
    /*display: block;*/
    /*left: 50%;*/
}
#formOrderOneClick .popummessage .close_message {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    padding:2px;
    top: 0px;
    right: 0px;
    cursor: pointer;
    color: #fff;
    border-radius: 0px 10% 0px 0px;
    text-align: center;
    background-color: #f1ce7e;
    background-image: url('data:image/svg+xml,%3Csvg fill=\'%23000000\' height=\'200px\' width=\'200px\' version=\'1.1\' id=\'Layer_1\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' viewBox=\'0 0 500 500\' enable-background=\'new 0 0 500 500\' xml:space=\'preserve\'%3E%3Cg id=\'SVGRepo_bgCarrier\' stroke-width=\'0\'%3E%3C/g%3E%3Cg id=\'SVGRepo_tracerCarrier\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3E%3C/g%3E%3Cg id=\'SVGRepo_iconCarrier\'%3E%3Cpath d=\'M283.9,154.7L250,188.7l-33.9-33.9c-3.1-3.1-8.2-3.1-11.3,0c-3.1,3.1-3.1,8.2,0,11.3l33.9,33.9l-33.9,33.9 c-3.1,3.1-3.1,8.2,0,11.3c3.1,3.1,8.2,3.1,11.3,0l33.9-33.9l33.9,33.9c3.1,3.1,8.2,3.1,11.3,0c3.1-3.1,3.1-8.2,0-11.3L261.3,200 l33.9-33.9c3.1-3.1,3.1-8.2,0-11.3C292.1,151.6,287.1,151.6,283.9,154.7z\'%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
    font-size: 0px;
}

#formOrderOneClick .popummessage .close_message:before {
    content: '';
    display: block;
    background-image: url('data:image/svg+xml,%3Csvg fill=\'%23000000\' height=\'200px\' width=\'200px\' version=\'1.1\' id=\'Layer_1\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' viewBox=\'0 0 500 500\' enable-background=\'new 0 0 500 500\' xml:space=\'preserve\'%3E%3Cg id=\'SVGRepo_bgCarrier\' stroke-width=\'0\'%3E%3C/g%3E%3Cg id=\'SVGRepo_tracerCarrier\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3E%3C/g%3E%3Cg id=\'SVGRepo_iconCarrier\'%3E%3Cpath d=\'M283.9,154.7L250,188.7l-33.9-33.9c-3.1-3.1-8.2-3.1-11.3,0c-3.1,3.1-3.1,8.2,0,11.3l33.9,33.9l-33.9,33.9 c-3.1,3.1-3.1,8.2,0,11.3c3.1,3.1,8.2,3.1,11.3,0l33.9-33.9l33.9,33.9c3.1,3.1,8.2,3.1,11.3,0c3.1-3.1,3.1-8.2,0-11.3L261.3,200 l33.9-33.9c3.1-3.1,3.1-8.2,0-11.3C292.1,151.6,287.1,151.6,283.9,154.7z\'%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 27px;
    height: 33px;
}

@media (max-width: 535px) and (min-width: 484px) {
    #formOrderOneClick .popummessage {
    padding: 40px 70px 40px 70px;
    }
}
@media (max-width: 483px) and (min-width: 433px) {
    #formOrderOneClick .popummessage {
        padding: 30px 60px 30px 60px;
        font-size: 22px;
    }
    #formOrderOneClick .popummessage .close_message:before {
        width: 38px;
        height: 42px;
    }
}
@media (max-width: 483px) and (min-width: 433px) {
    #formOrderOneClick .popummessage {
        padding: 30px 60px 30px 60px;
        font-size: 22px;
    }
    #formOrderOneClick .popummessage .close_message:before {
        width: 38px;
        height: 42px;
    }
}
@media (max-width: 432px) and (min-width: 376px) {
    #formOrderOneClick .popummessage {
        padding: 40px 40px 30px 40px;
        font-size: 20px;
    }
    #formOrderOneClick .popummessage .close_message:before {
        width: 32px;
        height: 39px;
    }
}
@media (max-width: 375px) and (min-width: 320px) {
    #formOrderOneClick .popummessage {
        padding: 40px 20px 20px 20px;
        font-size: 20px;
    }
}