body {
background-color: var(--Background, #F4F6F9);
color: var(--Black_titles, #191A26);
}
.page-template-page-vacansii main {
display: flex;
flex-direction: column;
}
.page-template-page-vacansii .page_banner {
order: -1;
margin: 0;
}
.page-vacansii-body {
margin-bottom: 3.75rem;
}
.page-title {
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
margin-bottom: 1.75rem;
}
.page-vacansii__wrapper,
.hr-viddil__wrapper {
padding: 0 1.25rem;
}
.page-vacansii__item__body {
display: flex;
flex-direction: column;
gap: 2.5rem 0;
background-color: var(--white-back-texts, #FFF);
box-shadow: 1px 1px 16px 0px rgba(26, 20, 35, 0.10);
padding: 1.25rem;
transition: max-height 0.333s ease-in-out, gap 0.3333s ease-in-out;
}
.page-vacansii__item__body.closed {
gap: 1.5rem;
}
.page-vacansii__item__body .hide {
animation: fade-in-up 0.45s ease;
}
@keyframes fade-in-up {
0% { transform: translateY( -50px ); opacity: 0.2; }
100% { transform:  translateY( 0 ); opacity: 1; }
}
.page-vacansii__item__top {
display: flex;
flex-wrap: wrap;
gap: 1rem 0;
}
.page-vacansii__item__title {
width: 100%;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
}
.page-vacansii__item__price {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.2;
}
.page-vacansii__item__dop-info {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 0.75rem 1.75rem;
}
.page-vacansii__item__dop-info__item {
display: flex;
align-items: center;
gap: 0.5rem;
}
.page-vacansii__item__description {
display: flex;
flex-direction: column;
gap: 1.5rem;
line-height: 1.5;
}
.page-vacansii__item__description__title {
font-weight: 600;
margin-bottom: 1rem;
}
.page-vacansii__item__description__list__wrapper {
margin-left: 1.125rem;
}
.page-vacansii__item__feedback__button {
padding: 1rem 1.25rem;
width: 100%;
font-size: 1rem;
}
.page-vacansii__items {
gap: 1.5rem;
}
.page-vacansii__scroll-up-down {
font-size: 0.875rem;
line-height: 1;
display: inline-flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
}
.page-vacansii__item__body:not(.closed) .page-vacansii__scroll-up-down .page-vacansii__scroll-down {
display: none;
}
.page-vacansii__item__body.closed .page-vacansii__scroll-up-down .page-vacansii__scroll-up {
display: none;
}
.page-vacansii__scroll-up-down svg {
transition: transform 0.25s ease ;
}
.page-vacansii__item__body.closed .page-vacansii__scroll-up-down svg {
transform: rotateX(180deg);
}
.page-vacansii__hr-viddil {
background-color: var(--white-back-texts, #FFF);
padding-top: 2.5rem;
padding-bottom: 5rem;
}
.hr-viddil__row {
row-gap: 2.5rem;
}
.hr-viddil__title {
font-size: 2rem;
margin-bottom: 1.25rem;
font-weight: 600;
line-height: 1.2;
}
.hr-viddil__title span {
color: var(--Red, #C11D1D);
}
.hr-viddil__description {
line-height: 1.5;
margin-bottom: 2.5rem;
}
.hr-viddil__phones {
font-size: 1.25rem;
font-weight: 600;
line-height: 1;
display: flex;
flex-direction: column;
gap: 1rem;
}
.hr-viddil__phones a {
text-decoration: none;
color: inherit;
}
.hr-viddil__image-content {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
@media screen and ( max-width: 575px ) {
.hr-viddil__image-content {
max-width: 100vw;
margin: 0 -0.5rem;
padding: 0;
width: auto;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
}
@media screen and ( min-width: 992px ) {
.page-title {
margin-bottom: 2.5rem;
font-size: 2rem;
}
.page-vacansii__items {
justify-content: center;
row-gap: 1.625rem;
}
.page-vacansii__item__body {
padding: 1.5rem 2.5rem;
}
.page-vacansii__item__title {
width: 70%;
}
.page-vacansii__item__price {
width: 30%;
text-align: end;
}
.page-vacansii__item__feedback__button {
width: 280px;
}
.page-vacansii__hr-viddil {
padding-top: 3.75rem;
padding-bottom: 7.5rem;
}
.hr-viddil__row {
align-items: center;
}
.hr-viddil__text-conent {
width: min(550px, 50%);
margin-left: 0;
margin-right: auto;
}
}
@media screen and ( min-width: 1024px ) { 
.page-vacansii-body {
margin-bottom: 6.25rem;
}
}