.page-template-page-about main {
display: flex;
flex-direction: column;
color: var(--Black_titles, #191A26);
background-color: var(--Background, #F4F6F9);
}
.page_banner {
order: -1;
margin: 0;
}
.page_banner__slide::before {
z-index: 2;
}
.page_banner #myVideo,
.page_banner #myVideoPlaceholder {
position: absolute;
inset: 0;
z-index: -1;
right: 0;
left: 0;
top: 0;
bottom: 0;
object-fit: cover;
width: 100%;
max-width: 100%;
max-height: 100%;
height: 100%;
height: 100%;
}
.page_banner #myVideoPlaceholder {
z-index: 1;
}
.page_banner #myVideo.played {
z-index: 1;
}
.page_banner__slide__content {
z-index: 2;
}
.page_banner__slide__show-video {
margin-top: 3.75rem;
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 1.25rem;
font-weight: 500;
line-height: 1;
padding: 0.625rem 1.25rem;
justify-content: space-between;
width: min(320px, 100%);
border: 2px solid var(--white-back-texts, #FFF);
cursor: pointer;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.page_banner__slide__show-video:hover {
border: 2px solid var(--Red);
color: var(--Red);
}
.page_banner__next-screen {
bottom: 2.5rem;
text-align: center;
width: 100%;
padding: 0 54px;
z-index: 2;
}
.page_banner__next-screen svg {
min-width: 2rem;
}
.page_pokazateli, 
.page_czinnosti {
margin-bottom: 6.25rem;   
}
.page_pokazateli__wrapper,
.page_czinnosti__wrapper,
.page_pro_komandu__wrapper,
.page_pro_praczevlashtuvannya__wrapper {
padding: 0 1.25rem;
}
.page_pokazateli__title,
.page_czinnosti__title,
.page_czinnosti__item__title,
.page_czinnosti__after-content__text,
.page_pro_komandu__title,
.page_pro_komandu__tab-content__title-text,
.page_pro_praczevlashtuvannya__title {
font-size: 1.5rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: 3.75rem;
}
.page_pokazateli__title span,
.page_czinnosti__title span,
.page_czinnosti__item__title span,
.page_czinnosti__after-content__text span,
.page_pro_komandu__title span,
.page_pro_komandu__tab-content__title-text span,
.page_pro_praczevlashtuvannya__title span {
color: var(--Red, #C11D1D);
}
.page_pokazateli__items {
gap: 3.75rem 0;
}
.page_pokazateli__item__count {
font-size: 4rem;
line-height: 1;
font-weight: 600;
color: var(--Red, #C11D1D);
margin-bottom: 1.25rem;
}
.page_pokazateli__item__text,
.page_czinnosti__subtitle,
.page_czinnosti__item__description,
.page_pro_komandu__tab-content__description,
.page_pro_praczevlashtuvannya__description {
font-size: 1.125rem;
line-height: 1.5;
color: var(--Grey_dark_texts, #393E41);
}
.page_czinnosti__title,
.page_pro_komandu__title {
margin-bottom: 1.75rem;
}
.page_czinnosti__subtitle {
font-size: 1rem;
margin-bottom: 3.75rem;
}
.page_czinnosti__item__body:not(.with-image) {
padding: 2rem 1.25rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
border-radius: 4px;
background: var(--white-back-texts, #FFF);
box-shadow: 1px 1px 16px 0px rgba(26, 20, 35, 0.10);
}
.page_czinnosti__item__body.with-image {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 4px;
box-shadow: 1px 1px 16px 0px rgba(26, 20, 35, 0.10);
}
.page_czinnosti__item__image {
object-fit: cover;
aspect-ratio: 320/140;
width: 100%;
height: 100%;
}
.page_czinnosti__item__dot {
background-color: var(--Grey_middle, #838587);
min-width: 3rem;
width: 3rem;
aspect-ratio: 1/1;
border-radius: 50%;
}
.page_czinnosti__item__dot.has-icon {
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: transparent;
border-radius: 0;
}
.page_czinnosti__item__dot.has-icon img {
width: 100%;
height: auto;
object-fit: contain;
}
.page_czinnosti__item__title {
font-size: 1.25rem;
margin-bottom: 1.125rem;
}
.page_czinnosti__item__description {
font-size: 1rem;
}
.page_czinnosti__items {
display: flex;
flex-wrap: wrap;
margin-bottom: 3.75rem;
}
.page_czinnosti__items, 
.page_czinnosti__items__row {
gap: 1.5rem 0;
}
.page_pro_komandu {
margin-bottom: 4.5rem;
}
.page_pro_komandu__tab-content-wrapper {
display: flex;
flex-direction: column;
gap: 1.5rem 0;
}
.page_pro_komandu__tab-content {
transition: max-height 0.75s ease-out;
overflow: hidden;
}
.page_czinnosti__after-content__text {
font-size: 1.25rem;
margin: 0;
text-align: center;
}
.page_pro_komandu__tab-btn {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
}
.page_pro_komandu__tab-btn svg {
margin-left: 1.5rem;
transition: transform 0.3s ease;
}
.open .page_pro_komandu__tab-btn svg {
transform: rotateX(180deg);
}
.page_pro_komandu__tab-content__title {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.375rem;
margin-bottom: 1.5rem;
}
.page_pro_komandu__tab-content__title-text {
font-size: 1.25rem;
margin: 0;
order: 1;
}
.page_pro_komandu__tab-content__text {
order: 3;
margin-bottom: 1rem;
}
.page_pro_komandu__tab-content__image-wrapper {
margin: 2.5rem 0 3rem;
aspect-ratio: 320/180;
overflow: hidden;
}
.page_pro_komandu__tab__image {
border-radius: 0.25rem;
object-fit: cover;
aspect-ratio: 320/180;
width: 100%;
height: 100%;
}
.page_pro_komandu__tab-content__description {
font-size: 1rem;
margin-bottom: 3rem;
}
.page_pro_komandu__tab-content__charters-list {
list-style-type: none;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.page_pro_komandu__tab-content__charters-list__item {
display: flex;
align-items: center;
gap: 0 1rem;
line-height: 1;
font-weight: 500;
}
.page_pro_komandu__tab-btns,
.page_pro_komandu__tab-content__image-wrapper,
.page_pro_komandu__tab-content__text,
.page_pro_praczevlashtuvannya__image-wrapper {
display: none;
}
.page_pro_praczevlashtuvannya {
margin-bottom: 7.5rem;
}
.page_pro_praczevlashtuvannya__row {
margin: 0;
}
.page_pro_praczevlashtuvannya__content-wrapper {
background-color: var(--white-back-texts, #FFF);
padding: 1.25rem;
display: flex;
flex-direction: column;
gap: 1.75rem 0;
}
.page_pro_praczevlashtuvannya__title {
font-size: 1.25rem;
margin: 0;
}
.page_pro_praczevlashtuvannya__description {
font-size: 1rem;
}
.page_pro_praczevlashtuvannya__link {
font-size: 1rem;
padding: 1rem 1.25rem;
}
@media screen and ( min-width: 768px ) {
.page_banner__next-screen {
display: none;
}
.page_banner__slide__show-video {
margin: 0;
}
.page_pokazateli__item {
display: flex;
justify-content: center;
}
.page_pokazateli__item__body {
width: min(312px, 100%);
}
.page_czinnosti__item__body:not(.with-image) {
flex-direction: row;
align-items: flex-start;
min-height: 288px;
}
.page_pro_komandu__tab-content__charters-list {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
gap: 1.5rem 1.25rem;
}
.page_pro_komandu__tab-content__charters-list__item {
width: 47%;
padding: 0;
}
}
@media screen and ( min-width: 992px ) {
.page_banner__next-screen {
display: flex;
}
.page_pokazateli__title, 
.page_czinnosti__title, 
.page_czinnosti__after-content__text, 
.page_pro_komandu__title, 
.page_pro_praczevlashtuvannya__title {
font-size: 2rem;
margin-bottom: 2.5rem;
}
.page_pokazateli__title {
margin-bottom: 5rem;
}
.page_czinnosti__item__title,
.page_pro_komandu__tab-content__title-text {
font-size: 1.5rem;
}
.page_pokazateli {
margin-bottom: 7.5rem;
}
.page_pokazateli__item__count {
font-size: 6rem;
}
.page_czinnosti {
margin: 0;
padding-top: 5rem;
padding-bottom: 5rem;
background-color: var(--white-back-texts, #FFF);
}
.page_czinnosti__item__body {
height: 100%;
}
.page_czinnosti__items {
gap: 2.5rem 0;
margin-bottom: 4.25rem;
}
.page_czinnosti__items__row:nth-child(even) {
flex-direction: row-reverse;
}
.page_czinnosti__subtitle {
margin-bottom: 4.25rem;
width: 898px;
font-size: 1.25rem;
}
.page_czinnosti__after-content__text {
width: 840px;
margin: 0 auto;
}
.page_pro_komandu {
margin-top: 5rem;
margin-bottom: 5rem;
}
.page_pro_komandu__tab-content .page_pro_komandu__tab-btn {
display: none;
}
.page_pro_komandu__tab-btns {
display: flex;
flex-direction: column;
gap: 1.5rem 0;
border-right: 2px solid var(--Gray_light, #CCC);
align-self: flex-start;
width: 20.387%;
}
.page_pro_komandu__tab-content-wrapper {
width: 79.613%;
padding-left: min(50.98px, 3.7937%);
}
.page_pro_komandu__tab-btn {
width: min(199px, 100%);
transition: font-weight 0.05s linear, color 0.3s ease-in-out;
cursor: pointer;
}
.page_pro_komandu__tab-btn:hover,
.page_pro_komandu__tab-btn.active {
color: var(--Red, #C11D1D);
}
.page_pro_komandu__tab-btn.active {
font-weight: 600;
}
.page_pro_komandu__tab-content__image-wrapper {
display: flex;
width: 43.356%;
padding-left: 11px;
aspect-ratio: unset;
}
.page_pro_komandu__tab__image {
aspect-ratio: 424/238;
}
.page_pro_komandu__tab-content__text {
display: block;
order: unset;
width: 56.644%;
}
.page_pro_komandu__tab-content {
align-items: flex-start;
}
.page_pro_komandu__tab-content:not(.open) {
max-height: 0px;
display: none;
}
.page_pro_komandu__tab-content__title {
margin-bottom: 1.25rem;
gap: 1rem;
}
.page_pro_komandu__tab-content__title-icon {
width: 3.5rem;
}
.page_pro_komandu__tab-content__description {
margin-bottom: 2.25rem;
}
.page_pro_komandu__tab-content__text,
.page_pro_komandu__tab-content__image-wrapper {
margin: 0;
}
.page_pro_praczevlashtuvannya {
background-color: var(--white-back-texts, #FFF);
margin: 0;
padding: 5rem 0 6.25rem;
}
.page_pro_praczevlashtuvannya__row {
margin: 0 -0.75rem;
align-items: center;
}
.page_pro_praczevlashtuvannya__content-wrapper {
gap: 2.5rem 0;
padding: 0 0.75rem;
}
.page_pro_praczevlashtuvannya__title {
margin-bottom: 0;
}
.page_pro_praczevlashtuvannya__description {
font-size: 1.25rem;
}
.page_pro_praczevlashtuvannya__link {
width: 280px;
}
.page_pro_praczevlashtuvannya__image-wrapper {
display: block;
}
}