/*Модальное окно*/

#overlay{z-index:28;position:fixed;width:100%;height:100%;top:0;left:0;cursor:pointer;display:none; background: rgb(0 0 0 / 70%); backdrop-filter: blur(21.98057174682617px);}
#modal_form input[type="text"]{background-color:#fff;border:1px solid #DFDFDF;border-radius:6px;color:#555;display:block;font-size:1em;height:35px;padding:5px;margin-bottom:17px;width:100%;float:left;}
#modal_form input[type="text"].error{border:1px solid red;}
#modal_form h3{text-align:center;font-size:2em;text-transform:uppercase;color:#000; margin: 0;}
#modal_form .comment{color:#272727;padding-bottom:15px;font-size:14px;text-align:left;padding-top:10px;}
.exit{background:#d0d0d0;display:block !important;border-radius:50%;right:-30px;top:-20px;position:absolute;opacity:1;WIDTH:33PX;HEIGHT:33px;line-height:30px;font-size:36px;-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:23px;content:"x";padding-left:9px;line-height:24px;cursor:pointer;text-decoration:none;font-weight:bold;color:#000000;-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{text-decoration:none;}
#modal_form .button{display:block;background-color:#4c74b1;border:0px solid #ccc;border-radius:0px;color:#ffffff;cursor:pointer;font-size:17px;font-weight:bold;height:40px;margin:10px 0;padding:2px 16px;width:210px;margin:0 auto;-webkit-transition:all 0.12s ease-in;-o-transition:all 0.12s ease-in;-moz-transition:all 0.12s ease-in;transition:all 0.12s ease-in;}
#modal_form .button:hover{background-color:#4c74b1;}
#modal_form .error{border:1px solid red;}
#modal_form {
    width: 520px;
    padding: 43px 41px;
    /* border: 5px solid #00ff95; */
    background-color: #FFF;
    background: #fff;
    position: fixed;
    top: 45%;
    left: 50%;
    margin-top: -165px;
    margin-left: -225px;
    display: none;
    opacity: 0;
    z-index: 30;
}

.zakaz {top: 34% !important;}


#modal_form2 input[type="text"]{background-color:#fff;border:1px solid #DFDFDF;border-radius:6px;color:#555;display:block;font-size:1em;height:35px;padding:5px;margin-bottom:17px;width:95%;float:left;}
#modal_form2 input[type="text"].error{border:1px solid red;}
#modal_form2 h3{text-align:center;font-size:2em;text-transform:uppercase;color:#000; margin: 0;}
#modal_form2 .comment{color:#272727;padding-bottom:15px;font-size:14px;text-align:left;padding-top:10px;}
.exit{background:white;display:block !important;border-radius:50%;right:5px;top:9px;position:absolute;opacity:1;WIDTH:33PX;HEIGHT:33px;line-height:30px;font-size:36px;-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:23px;content:"x";padding-left:9px;line-height:24px;cursor:pointer;text-decoration:none;font-weight:bold;color:#000000;-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{text-decoration:none;}
#modal_form2 .button{display:block;background-color:#ffd400;border:0px solid #ccc;border-radius:0px;color:#000;cursor:pointer;font-size:17px;font-weight:bold;height:40px;margin:10px 0;padding:2px 16px;width:210px;margin:0 auto;-webkit-transition:all 0.12s ease-in;-o-transition:all 0.12s ease-in;-moz-transition:all 0.12s ease-in;transition:all 0.12s ease-in;}
#modal_form2 .button:hover{background-color:#feea01;}
#modal_form2 .error{border:1px solid red;}
#modal_form2 {
    width: 520px;
    padding: 43px 41px;
    /* border: 5px solid #00ff95; */
    background-color: #FFF;
    background: #fff;
    position: fixed;
    top: 34%;
    left: 50%;
    margin-top: -165px;
    margin-left: -225px;
    display: none;
    opacity: 0;
    z-index: 30;
}