/*forms*/
.pForm .msg,
.pform .msg {display: none; font-size: 12px}
.pForm .invalid + .msg, 
.pform .invalid + .msg { color: #cc0e0e; display: block; font-weight: 500;}
.pForm .invalid,
.pform .invalid{ border: 1px solid #E91111;}
.pForm .rodoModal {display: none}
.pForm .rodoModal.active { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999; background-color: rgba(0,0,0,0.5);}

/*modal*/
.pFormModal { color: #000; opacity: 0; pointer-events: none; position: fixed; z-index: 99999999; left: 0; top: -100%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); overflow: auto;
    transition: opacity .15s ease-in-out;
    -ms-transform: opacity .15s ease-in-out;
    -webkit-transform: opacity .15s ease-in-out;
}
.pFormModal.rodo { z-index: 99999998;}
.pFormModal.active { opacity: 1; pointer-events: all; top: 0; cursor: pointer;}
.pFormModal.rodo.active {cursor: inherit}
.pFormModal.active > .item { margin: 0 auto; width: 600px; max-width: 100%; position: relative; top: 50%; text-align: center; 
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.pFormModal.active > .item > div { background-color: #fff; border-radius: 3px; padding: 30px; display: inline-block; max-width: 100%; cursor: initial; box-shadow: 0 0 5px rgba(0,0,0,0.2); border: 2px solid #eee;}
.pFormModal.active > .item button { display: inline-block; border: 1px solid #aaa; background-color: #fff; color: #666; font-weight: 600; line-height: 100%; padding: 5px 20px 7px; cursor: pointer; border-radius: 3px;}
.pFormModal.active > .item button:hover {color: #222}
.pFormModal.active > .item .content { margin-bottom: 20px;}
.pFormModal a {display: inline-block}