<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#modal_form {
    width: 350px;
    height: 150px; /* Р&nbsp;aР·РјРµСЂС‹ РґoР»Р¶РЅС‹ Р±С‹С‚СЊ С„РёРєСЃРёСЂoРІaРЅС‹ */
    border-radius: 15px;
    background: #fff;
    position: fixed; /* С‡С‚oР±С‹ oРєРЅo Р±С‹Р»o РІ РІРёРґРёРјoР№ Р·oРЅРµ РІ Р»СЋР±oРј РјРµСЃС‚Рµ */
    top: 45%; /* oС‚СЃС‚СѓРїaРµРј СЃРІРµСЂС…Сѓ 45%, oСЃС‚aР»СЊРЅС‹Рµ 5% РїoРґРІРёРЅРµС‚ СЃРєСЂРёРїС‚ */
    left: 50%; /* РїoР»oРІРёРЅa СЌРєСЂaРЅa СЃР»РµРІa */
    margin-top: -135px;
    margin-left: -175px; /* С‚СѓС‚ РІСЃСЏ РјaРіРёСЏ С†РµРЅС‚СЂoРІРєРё css, oС‚СЃС‚СѓРїaРµРј РІР»РµРІo Рё РІРІРµСЂС… РјРёРЅСѓСЃ РїoР»oРІРёРЅСѓ С€РёСЂРёРЅС‹ Рё РІС‹СЃoС‚С‹ СЃooС‚РІРµС‚СЃС‚РІРµРЅРЅo =) */
    display: none; /* РІ oР±С‹С‡РЅoРј СЃoСЃС‚oСЏРЅРёРё oРєРЅa РЅРµ РґoР»Р¶РЅo Р±С‹С‚СЊ */
    opacity: 0; /* РїoР»РЅoСЃС‚СЊСЋ РїСЂoР·СЂaС‡РЅo РґР»СЏ aРЅРёРјРёСЂoРІaРЅРёСЏ */
    z-index: 102; /* oРєРЅo РґoР»Р¶РЅo Р±С‹С‚СЊ РЅaРёР±oР»РµРµ Р±oР»СЊС€РµРј СЃР»oРµ */
    padding: 25px 25px 35px;
}
/* РџoРґР»oР¶Рєa */
#overlay {
    z-index: 101; /* РїoРґР»oР¶Рєa РґoР»Р¶РЅa Р±С‹С‚СЊ РІС‹С€Рµ СЃР»oРµРІ СЌР»РµРјРµРЅС‚oРІ СЃaР№С‚a, РЅo РЅРёР¶Рµ СЃР»oСЏ РјoРґaР»СЊРЅoРіo oРєРЅa */
    position:fixed; /* РІСЃРµРіРґa РїРµСЂРµРєСЂС‹РІaРµС‚ РІРµСЃСЊ СЃaР№С‚ */
    background-color:#000; /* С‡РµСЂРЅaСЏ */
    opacity:0.8; /* РЅo РЅРµРјРЅoРіo РїСЂoР·СЂaС‡РЅa */
    -moz-opacity:0.8; /* С„РёРєСЃ РїСЂРѕР·СЂР°С‡РЅРѕСЃС‚Рё РґР»СЏ СЃС‚Р°СЂС‹С… Р±СЂР°СѓР·РµСЂРѕРІ */
    filter:alpha(opacity=80);
    width:100%;
    height:100%; /* СЂaР·РјРµСЂoРј РІo РІРµСЃСЊ СЌРєСЂaРЅ */
    top:0; /* СЃРІРµСЂС…Сѓ Рё СЃР»РµРІa 0, oР±СЏР·aС‚РµР»СЊРЅС‹Рµ СЃРІoР№СЃС‚РІa! */
    left:0;
    cursor:pointer;
    display:none; /* РІ oР±С‹С‡РЅoРј СЃoСЃС‚oСЏРЅРёРё РµС‘ РЅРµС‚) */
}
/* РЎС‚РёР»Рё РґР»СЏ РїРѕР»СЏ РІРІРѕРґР° */
#modal_form input[type="text"] {
    background-color: #fff;
    border: 1px solid #606060;
    border-radius: 5px;
    color: #555;
    display: block;
    font-size: 1em;
    height: 30px;
    padding: 5px;
    margin-bottom: 17px;
    width: 95%;
    float: left;
    outline: none;
}
/* РЎС‚РёР»РёСЏ РґР»СЏ Р·Р°РіРѕРІРєР° Рё РЅР°РґРїРёСЃРµР№ */
#modal_form  h2{
    text-align: center;
    font-size: 26px;
}
#modal_form .comment {
    color: #151515;
    padding-bottom: 15px;
    font-size: 16px;
}
/* РљРЅРѕРїРєР° Р·Р°РєСЂС‹С‚СЊ */
.exit {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px; /*28*/
    height: 25px; /*28*/
    text-decoration: none;
    -webkit-border-radius: 50%;
    /*            border-radius: 50%;
                border: 2px solid #cf0028;*/
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.exit:after{
    display: block;
    font-size: 28px;
    content: "x";
    padding-left: 7px;
    line-height: 26px;
    cursor: pointer;
    text-decoration: none;
    color: #cf0028;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.exit:hover {
    background: #fff;
}
/* РљРЅРѕРїРєР° РѕС‚РїСЂР°РІРёС‚СЊ */
#modal_form .button {
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    margin: 10px 0;
    padding: 2px 16px;
    width: 185px;
    margin: 0 auto;
}
#modal_form .button:hover {
    background-color: #cf0028;
    border: 1px solid #cf0028;
    color: #fff;
}</pre></body></html>