.vacation {width:100%;padding:0 40px;margin-left:auto;margin-right:auto;margin-top:50px}.vacation__col {margin:20px;flex-basis:calc((100% / 2) - 40px)}.vacation__row {display:flex;flex-wrap:wrap;margin:-10px}.vacation__content.--body {gap:16px;display:flex}.vacation__content.--right {display:flex;padding:5px}.vacation__pic {background:#f4f4f4;border-radius:12px;padding:40px 25px}.vacation__pic-center {width:142px;height:64px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.vacation__img {width:110px;height:auto}.vacation__body {margin:8px 0}.vacation__dolg {margin-bottom:5px}.vacation__place {text-transform:uppercase;font-size:11px;font-weight:500;color:#e5007d}.vacation__dolg {font-size:20px;line-height:28px;font-weight:500;max-width:400px}.vacation__oplata {font-size:14px;font-weight:500}.vacation__footer {display:flex;gap:16px;align-items:center}.vacation__string {display:flex;align-items:center;gap:16px}.vacation__phone {display:flex;align-items:baseline;border:2px solid #d6d6d6;border-radius:8px;padding:6px 10px;font-size:14px;font-weight:500;gap:6px}.vacation__phone:hover {border:2px solid #000}.vacation__mail {font-size:14px;font-weight:500}.vacation__more {margin:40px 0;text-align:center}.vacation__more .button-more {display:inline-flex;align-items:center;justify-content:center;padding:0 24px;height:54px;color:#000;font-weight:700;background:#fff;cursor:pointer;transition:all .3s ease;font-size:16px;letter-spacing:.1em;border-radius:6px;text-transform:uppercase;border:2px solid #000}.vacation__more .button-more:hover {background:#e5007d;border:2px solid #e5007d;color:#fff}.vacation .icon--hh {background:#d6001c;width:40px;height:32px;border-radius:8px;padding:8px;transition:.6s}.vacation .icon--hh:hover {opacity:.8}
.vacation_empty{position:fixed;margin:auto;text-align:center;width:100%;top:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-left:-20px}
@media screen and (max-width:1280px) {.vacation__col {margin:10px;flex-basis:calc((100% / 2) - 20px) }}@media screen and (max-width:522px) {.vacation {padding:0 }.vacation__col {margin:20px;flex-basis:calc((100% / 1) - 40px) }.vacation__content.--body {flex-direction:row-reverse;justify-content:space-between }.vacation__pic {display:flex;align-items:center;justify-content:center;padding:12px 19px }.vacation__pic-center {width:100px }.vacation__footer {flex-direction:column;align-items:flex-start }.vacation__img {width:80px }.vacation__dolg {font-size:16px }.vacation_empty{margin-left:0 }}