.pole {position: relative;}
.pole.email, .pole.buttonsend {float: left;}
.pole.email {width: 65%;}
.pole.email input {width: 100%;}
.pole.buttonsend {width: 30%; margin-left: 5%;}
.modul .pole.buttonsend .wyslij {width: 100%;}
.pole.zgoda {clear: both; width: 100%;}
.pole.zgoda input {display: none;}
.komunikat.blad {display: none;}
.komunikat.blad.show {display: block; margin-bottom: 8px;}

.modul .pole input, .modul .pole textarea {margin-bottom: 35px;}
.modul .pole.wrong label {position: absolute; bottom: 14px; font-size: 0.8em; left: 0; width: 100%;}

input[type=checkbox] {display: none;}

.pole.wrong::after, .pole.wrong::before {
    content: ""; position: absolute; left: -30px; display: block; height: 10px; width: 2px; background-color: silver;
}
.pole.wrong::after {top: 6px; transform: rotate(-45deg);}
.pole.wrong::before {top: 12px; transform: rotate(45deg);}

.checkbox-change {
    width: 20px;
    display: block;
    height: 20px;
    float: left;
    border: 1px solid #1068b2;
    border-radius: 3px;
    margin: 0 10px 25px 0;
    position: relative;
}

.pole.active .checkbox-change::after, .pole.active .checkbox-change::before {
    content: ""; position: absolute; display: block; width: 2px; background-color: #1068b2;
}
.pole.active .checkbox-change::after {top: 8px; transform: rotate(-30deg); height: 7px; left: 7px;}
.pole.active .checkbox-change::before {top: 5px; transform: rotate(30deg); height: 10px; left: 11px;}

.agreement-text {font-size: 15px;}

input#mail {
    background-color: white;
    color: black;
}