.job-vacancies{background-color:#000;padding:2em 0}.job-vacancies .vacancies{flex-wrap:wrap}.job-vacancies .vacancies .vacancy.hidden-vacancy{opacity:0;transition:.3s ease-in-out}.job-vacancies .vacancies .vacancy{min-height:220px;width:32.33333%;background:#2257ec;background:linear-gradient(135deg,#2257ec,#53c5dc);position:relative;text-decoration:none;opacity:1;margin:.5%;height:100%}.job-vacancies .vacancies .vacancy.virtual{background:#ee78a9;background:linear-gradient(135deg,#ee78a9,#f8d05a)}.job-vacancies .vacancies .vacancy:after{display:block;position:absolute;content:"";background-color:#000;width:98%;height:98%;top:1%;left:1%;opacity:1;transition:.3s ease-in-out}.job-vacancies .vacancies .vacancy .vacancy-content{padding:2em;flex-direction:column;height:100%;justify-content:space-between}.job-vacancies .vacancies .vacancy .vacancy-content h4{font-size:1rem;text-transform:uppercase;z-index:2;color:#fff;transition:.3s ease-in-out}.job-vacancies .vacancies .vacancy .vacancy-content p{margin:0;z-index:2;color:#fff;transition:.3s ease-in-out}.job-vacancies .vacancies .vacancy:hover:after{opacity:0}.job-vacancies .vacancies .vacancy:hover .vacancy-content h4,.job-vacancies .vacancies .vacancy:hover .vacancy-content p{color:#000}.job-vacancies .vacancies .vacancy:hover .vacancy-content h4{text-decoration:underline}.job-vacancies .vacancies .vacancy:hover .vacancy-content p{text-decoration:none}@media only screen and (max-width:767px){.job-vacancies .vacancies .vacancy{width:100%;margin:1em 0}}