#main-section.hidden .header {
    transform: translateY(-200px);
}

#main-section.hidden .main-content {
    transform: translateX(-100vw);
}

#main-section.hidden .footer-bar {
    transform: translateY(200px);
}

.hide-group {
    opacity: 0;
    pointer-events: none;
}

.form-group-1.hide-group,
.form-group-2.hide-group {
    transform: translateX(-200px);
}

#main-section,
.header,
.main-content,
.footer-bar {
    transition: all 0.8s ease-in-out;
}
.hide-title{
    opacity: 0;
    pointer-events: none;
    display: none;
}
.contacts-items.hide-group{
    max-height: 0;
}