@charset "UTF-8";
:root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
.swiper-slide,
.swiper-cube-shadow {
transform-style: preserve-3d;
}
} .swiper-css-mode {
> .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {
display: none;
}
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
&.swiper-horizontal {
> .swiper-wrapper {
scroll-snap-type: x mandatory;
}
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-slides-offset-before);
scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
> .swiper-wrapper > .swiper-slide:last-child {
margin-inline-end: var(--swiper-slides-offset-after);
}
}
&.swiper-vertical {
> .swiper-wrapper {
scroll-snap-type: y mandatory;
}
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-slides-offset-before);
scroll-margin-block-start: var(--swiper-slides-offset-before);
}
> .swiper-wrapper > .swiper-slide:last-child {
margin-block-end: var(--swiper-slides-offset-after);
}
}
&.swiper-free-mode {
> .swiper-wrapper {
scroll-snap-type: none;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
}
&.swiper-centered {
> .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
}
&.swiper-centered.swiper-horizontal {
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
}
&.swiper-centered.swiper-vertical {
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
}
}  .swiper-3d {
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom,
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
.swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

@font-face {
font-family: "Alexander";
src: url(//pansionat-vladikavkaz.ru/wp-content/themes/academy/assets/fonts/Alexander/Alexander.otf) format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Manrope";
src: url(//pansionat-vladikavkaz.ru/wp-content/themes/academy/assets/fonts/Manrope/Manrope-VariableFont_wght.ttf) format("truetype-variations");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Good Vibes Pro";
src: url(//pansionat-vladikavkaz.ru/wp-content/themes/academy/assets/fonts/GoodVibesPro/GoodVibesCyr.ttf) format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--third-family: 'Alexander', sans-serif; --second-family: 'Good Vibes Pro', sans-serif;
--font-family: 'Manrope', sans-serif;
--main-accent: #997B4D;
--light-accent: #d4aa69;
--blue-color: #383633;
--text-color: #756B5D;
--border-color: #bdbcbc;
}
body {
margin: 0;
padding: 0;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
color: var(--text-color);
background-color: white;
}
h1, h2, h3, h4, h5, ul {
margin: 0px;
padding: 0px;
}
img {
max-width: 100%;
}
body * {
box-sizing: border-box;
}
@media (max-width: 600px) {
body {
font-size: 14px;
line-height: normal;
}
}
.container, #ai-text {
max-width: 1340px;
padding: 0px 30px;
margin: auto;
width: 100%;
}
.container #ai-text,
.container .container{
max-width: 100% !important;
padding: 0px !important;
margin: unset !important;
width: 100% !important;
}
@media (max-width: 1400px) {
.container, #ai-text {
max-width: 1200px;
}
}
@media (max-width: 600px) {
.container, #ai-text {
padding: 0px 10px;
}
}
.btn {
padding: 11px 15px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 113%;
letter-spacing: 0.03em;
color: #2e2e2e;
border: 2px solid var(--light-accent);
width: -moz-fit-content;
width: fit-content;
display: block;
transition: all 0.2s linear, transform 0.1s linear;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.btn_blue {
background: #997B4D;
color: white;
border: 2px solid #997B4D;
}
.btn_blue:hover {
background: #7C623B !important;
border: 2px solid #7C623B !important;
}
.btn.clicked {
transform: scale(0.98);
}
.btn:hover {
background: var(--main-accent);
border-color: var(--main-accent);
color: #fff;
}
@media (max-width: 600px) {
.btn {
font-size: 14px;
line-height: normal;
}
}
a {
text-decoration: none;
}
.overlay {
width: 100%;
height: 100%;
z-index: 9;
position: fixed;
left: 0px;
top: 0px;
background-color: rgba(0, 0, 0, 0.6);
transition: all 0.2s ease;
opacity: 0;
pointer-events: none;
cursor: pointer;
}
.overlay.visible {
opacity: 1;
pointer-events: all;
}
.section {
margin-top: 100px;
}
.section__tag,
.home #ai-text .ad2-small-note {
font-family: var(--font-family);
font-weight: 200;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--main-accent);
margin-bottom: 12px;
}
.section__title {
font-family: var(--second-family);
font-weight: 500;
font-size: 52px;
letter-spacing: 0.03em; color: #383633;
font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
font-feature-settings: "liga" on, "dlig" on, "calt" on;
text-rendering: optimizeLegibility;
margin-bottom: 25px;
}
.section__text {
max-width: 750px;
}
.section__btn {
margin: auto;
margin-top: 40px;
cursor: pointer;
display: block;
}
@media (max-width: 1000px) {
.section {
margin-top: 50px;
}
}
@media (max-width: 600px) {
.section__title {
font-size: 34px;
line-height: 1.2;
}
.section__tag,
.home #ai-text .ad2-small-note {
font-size: 16px;
}
}
p {
padding: 0px;
padding-bottom: 24px;
line-height: 156%;
margin: 0px;
}
main {
padding-top: 105px;
}
.row {
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
align-items: center;
}
.row .col {
width: 50%;
}
.row .col.image {
display: flex;
justify-content: center;
align-items: center;
}
.row .col.image img {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
box-shadow: -3px 6px 16px 0 rgba(0, 0, 0, 0.1), -14px 25px 29px 0 rgba(0, 0, 0, 0.09), -31px 57px 39px 0 rgba(0, 0, 0, 0.05), -56px 101px 46px 0 rgba(0, 0, 0, 0.01), -87px 157px 50px 0 rgba(0, 0, 0, 0);
}
.row.multiple-images .col.image {
width: calc((50% - 25px) / 2);
}
@media (max-width: 1000px) {
.row {
flex-direction: column;
row-gap: 40px;
}
.row .col {
width: 100%;
}
.row .col.image {
order: -1;
}
} .header {
padding: 15px 0px; background: #fff;
height: 105px;
position: fixed;
top: 0px;
width: 100%;
left: 0px;
z-index: 11;
}
.header__container {
display: flex;
justify-content: space-between;
-moz-column-gap: 24px;
column-gap: 24px;
align-items: end;
}
.header__logo {
flex-shrink: 0;
aspect-ratio: 206/70;
width: 206px;
height: auto;
}
.header__logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.header__center {
display: flex;
align-items: center;
padding-bottom: 4px;
-moz-column-gap: 22px;
column-gap: 22px;
}
.header__center nav {
display: flex;
-moz-column-gap: 22px;
column-gap: 22px;
}
.header__center nav a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 120%;
letter-spacing: 0.03em;
text-align: center; color: var(--blue-color)
}
.header__center nav ul {
list-style-type: none;
display: flex;
-moz-column-gap: 22px;
column-gap: 22px;
}
.header__center nav ul li {
position: relative;
cursor: pointer;
align-content: center;
height: 44px;
transition: padding-left 0.2s ease;
}
.header__center nav ul > li.has-submenu{
padding-right: 14px;
}
.header__center nav ul li .nav__submenu {
position: absolute;
left: 0;
background-color: white;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
padding: 10px 15px;
opacity: 0;
top: 50%;
transition: all 0.3s ease;
pointer-events: none;
flex-direction: row;
row-gap: 10px;
border-radius: 12px;
width: -moz-fit-content;
width: fit-content;
min-width: 500px;
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
z-index: 2;
scrollbar-width: thin;
scrollbar-color: var(--main-accent) white;
padding-right: 20px;
flex-wrap: wrap;
max-width: unset;
}
.header__center nav ul li .nav__submenu li {
height: -moz-fit-content;
height: fit-content;
width: calc((100% - 22px) / 2);
}
.header__center nav ul li .nav__submenu li:hover {
padding-left: 6px;
}
.header__center nav ul li .nav__submenu.visible {
right: 0px;
opacity: 1;
pointer-events: all;
}
.header__center nav ul li .nav__submenu::-webkit-scrollbar {
width: 10px;
}
.header__center nav ul li .nav__submenu::-webkit-scrollbar-track {
background: #fff;
}
.header__center nav ul li .nav__submenu::-webkit-scrollbar-thumb {
background-color: var(--blue-color);
border-radius: 20px;
border: 3px solid var(--blue-color);
}
.header__center nav ul li .nav__submenu a {
transition: all 0.2s ease;
color: var(--blue-color);
}
.header__center nav ul li a > svg {
position: absolute;
width: 14px;
margin-top: 3px;
}
.header__center nav ul li a > svg path {
transition: all 0.2s linear;
}
.header__center nav ul li:hover .nav__submenu {
opacity: 1;
top: 100%;
pointer-events: all;
}
.header__center nav ul li:hover > a {
color: var(--light-accent);
}
.header__center nav ul li:hover svg path {
stroke: var(--light-accent);
}
.header__center nav ul li:hover::before {
width: 4px;
}
.header__elements {
display: flex;
align-items: center;
-moz-column-gap: 22px;
column-gap: 22px;
}
.header__location, .header__phone {
display: flex;
-moz-column-gap: 8px;
column-gap: 8px;
align-items: center;
}
.header__location svg, .header__phone svg {
flex-shrink: 0;
}
.header__location span, .header__phone span {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 120%;
letter-spacing: 0.03em;
text-align: center; color: var(--blue-color);
}
.header__location a, .header__phone a {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 120%;
text-align: center; color: var(--blue-color);
position: relative;
}
.header__location a, .header__phone a, .header__center nav a {
transition: all 0.2s linear;
}
.header__location a:hover, .header__phone a:hover, .header__center nav a:hover {
color: var(--light-accent);
transform: translateY(-1px);
}
.header__phone_btn {
display: none;
}
.header__btn {
font-family: var(--font-family);
font-weight: 400;
letter-spacing: 0.03em; color: var(--blue-color);
cursor: pointer;
}
.header__toggler {
display: none;
}
@media (max-width: 1400px) {
.header__elements {
flex-direction: column;
row-gap: 6px;
align-items: start;
}
.header__elements svg {
width: 20px;
}
.header__center {
-moz-column-gap: 16px;
column-gap: 16px;
}
.header__center nav {
-moz-column-gap: 16px;
column-gap: 16px;
}
}
@media (max-width: 1200px) {
.header__center {
-moz-column-gap: 32px;
column-gap: 32px;
flex: 1;
justify-content: end;
}
.header__center nav {
display: none;
}
.header__toggler {
display: flex;
flex-direction: column;
row-gap: 3px;
align-items: center;
width: 56px;
height: 30px;
justify-content: space-between;
cursor: pointer;
transition: all 0.2s linear;
}
.header__toggler.clicked {
transform: scale(0.8);
}
.header__toggler .line {
background-color: var(--light-accent);
width: 100%;
height: 3px;
border-radius: 6px;
transition: all 0.1s linear;
position: relative;
}
.header__toggler.active .line:first-child {
transform: rotate(45deg) translate(14px, 10px);
top: -2px;
}
.header__toggler.active .line:last-child {
transform: rotate(-45deg) translate(13px, -8px);
top: 3px;
}
.header__toggler.active .line:nth-child(2) {
display: none;
}
}
@media (max-width: 800px) {
.header__btn {
display: none;
}
}
@media (max-width: 600px) {
.header {
padding: 10px 0px;
}
.header__container {
flex-direction: column;
row-gap: 10px;
align-items: start;
}
.header__logo{
width: 160px;
}
.header__toggler {
position: absolute;
right: 10px;
top: 26px;
margin: auto;
}
.header__center{
width: 100%;
}
.header__elements{
flex-direction: row;
justify-content: space-between;
width: 100%;
column-gap: 4px;
}
}
@media (max-width: 500px) {
.header__phone_btn {
height: 30px;
width: 30px;
right: 45px;
}
.header__phone_btn svg {
width: 14px;
height: 14px;
}
}
@media(max-width: 350px){
.header__phone_btn {
display: flex;
justify-content: center;
align-items: center;
height: 40px;
width: 40px;
position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
right: 45px;
}
.header__phone_btn svg{
width: 18px;
height: 18px;
}
.header__toggler.active .line:first-child
{
transform: rotate(45deg) translate(9px, 9px);
top: -2px;
}
.header__toggler.active .line:last-child
{
transform: rotate(-45deg) translate(8px, -8px);
top: 3px;
}
.header__phone{
display: none;
}
.header__toggler{
top: 0px;
margin: auto;
width: 30px;
height: 22px;
bottom: 0px;
}
} .mobile-menu {
position: fixed;
top: 105px;
height: calc(100% - 105px);
z-index: 10;
pointer-events: none;
transform: translateX(100%);
transition: all 0.5s ease;
right: 0px;
background-color: var(--blue-color);
opacity: 0;
max-width: 100%;
width: 400px;
padding: 20px 30px;
display: flex;
flex-direction: column;
row-gap: 40px;
align-items: end;
max-height: calc(100% - 105px);
overflow-y: auto;
overflow-x: hidden;
}
.mobile-menu a {
color: white;
}
.mobile-menu.visible {
opacity: 1;
pointer-events: all;
transform: translateX(0px);
}
.mobile-menu__nav {
display: flex;
flex-direction: column;
row-gap: 10px;
text-align: left;
}
.mobile-menu__nav > a {
position: relative;
display: flex;
justify-content: start;
}
.mobile-menu__submenu {
background-color: white;
width: 100%;
display: flex;
flex-direction: column;
height: 0;
overflow: hidden;
transition: all 0.5s ease;
width: 100%;
row-gap: 3px;
padding: 0px 15px;
}
.mobile-menu__submenu a {
color: var(--blue-color);
}
.mobile-menu__link-wrapper {
display: flex;
-moz-column-gap: 6px;
column-gap: 6px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.mobile-menu__btn {
font-family: var(--font-family);
font-weight: 400;
letter-spacing: 0.03em;
color: #fff;
cursor: pointer;
transition: all 0.2s linear;
display: none;
}
.mobile-menu__btn:hover {
background: var(--main-accent);
border-color: var(--main-accent);
}
.mobile-menu__icon {
color: white;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: all 0.2s linear;
font-size: 20px;
}
.mobile-menu__icon.clicked {
transform: scale(0.96);
}
@media (max-width: 800px) {
.mobile-menu__btn {
display: block;
}
}
@media (max-width: 600px) {
.mobile-menu {
padding: 20px 10px;
}
.mobile-menu a{
font-size: 16px;
}
.mobile-menu__submenu{
row-gap: 6px;
}
}
@media(max-width: 500px){
.mobile-menu{
width: 100%;
}
} .main {
position: relative;
height: 700px;
}
.main__container {
display: flex;
justify-content: end;
height: 100%;
}
.main__container > img {
position: absolute;
width: 60%;
height: 100%;
top: 0px;
left: 0px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: -1;
}
.main__container::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(89.86deg, #fff 45.41%, rgba(227, 225, 213, 0) 74.33%);
transform: rotate(180deg);
z-index: 2;
pointer-events: none;
z-index: 1;
}
.main__content {
padding: 108px 0px 40px;
position: relative;
width: 546px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 2;
}
.main__title {
font-family: var(--second-family);
font-weight: 500;
font-size: 50px; color: #383633;
line-height: normal;
font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
font-feature-settings: "liga" on, "dlig" on, "calt" on;
text-rendering: optimizeLegibility;
margin-bottom: 23px;
}
.main__text {
font-family: var(--font-family);
font-weight: 400;
line-height: 156%;
letter-spacing: 0.03em;
color: var(--text-color);
margin-bottom: 37px;
}
.main__advantages {
display: flex;
justify-content: space-between;
}
.main__advantages .card {
width: 33%;
border-left: 0.5px solid var(--main-accent);
padding: 11px 12px;
}
.main__advantages .card__title {
font-family: var(--second-family);
font-weight: 500;
font-size: 30px;
letter-spacing: 0.03em;
color: var(--main-accent);
margin-bottom: 9px;
}
.main__advantages .card__text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.03em;
color: var(--text-color);
}
@media (max-width: 1400px) {
.main {
padding: 20px 0px;
}
.main__content {
padding: 40px 20px;
border-radius: 12px;
backdrop-filter: blur(6px);
}
}
@media (max-width: 1000px) {
.main {
height: auto;
}
.main__content {
width: 50%;
}
.main__advantages {
flex-direction: column;
row-gap: 10px;
}
.main__advantages .card {
width: 100%;
border-left: none;
border-bottom: 1px solid var(--main-accent);
}
.main__advantages .card:last-child {
border-bottom: none;
}
}
@media (max-width: 800px) {
.main__container {
flex-direction: column;
row-gap: 40px;
}
.main__container > img {
width: 100%;
}
.main__container::after {
display: none;
}
.main__container > img {
position: relative;
border-radius: 10px;
}
.main__title {
font-size: 36px;
margin-bottom: 16px;
}
.main__content {
padding: 0px;
width: 100%;
}
.main__text {
margin-bottom: 24px;
}
.main__advantages {
flex-direction: row;
}
.main__advantages .card {
border-bottom: 0px;
border-left: 1px solid var(--main-accent);
}
}
@media (max-width: 600px) {
.main__container {
row-gap: 20px;
}
.main__container > img {
aspect-ratio: 1440/1000;
height: auto;
width: 100%;
}
.main__title {
font-size: 30px;
padding-top: 10px;
}
.main__title br {
display: none;
}
.main__text {
margin-bottom: 12px;
}
.main__advantages {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
-moz-column-gap: 24px;
column-gap: 24px;
}
.main__advantages .card {
width: 100%;
}
.main__advantages .card br {
display: none;
}
} .services__slider {
margin-top: 60px;
position: relative;
}
.services__slider .swiper-slide {
height: -webkit-fill-available;
height: -moz-available;
height: auto;
}
.services__list{
display: flex;
column-gap: 24px;
flex-wrap: wrap;
row-gap: 12px;
}
.services__list .service-card{
width: calc((100% - 72px) / 4);
}
.services .pagination {
margin-top: 40px;
display: flex;
width: 100%;
justify-content: center;
-moz-column-gap: 10px;
column-gap: 10px;
}
.services .pagination .page-numbers {
border-radius: 12px;
padding: 5px 10px;
border: 1px solid var(--blue-color);
background: white;
color: var(--blue-color);
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: all 0.2s linear;
}
.services .pagination .page-numbers:hover {
transform: scale(0.98);
}
.services .pagination .page-numbers.current {
background: var(--blue-color);
color: white;
}
.services .pagination .page-numbers.current:hover {
transform: scale(1);
}
.services .pagination .page-numbers.dots {
border: none;
padding: 5px 0px;
}
.services__slider .service-card,
.services__list .service-card {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: 0.5px solid var(--border-color);
height: -webkit-fill-available;
height: -moz-available;
height: stretch;
display: flex;
flex-direction: column;
}
.services__slider .service-card__image,
.services__list .service-card__image {
aspect-ratio: 300/200;
width: 100%;
height: auto;
overflow: hidden;
}
.services__slider .service-card img,
.services__list .service-card img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
transition: all 0.5s ease;
}
.services__slider .service-card__content,
.services__list .service-card__content {
padding: 16px 10px 20px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.services__slider .service-card__number,
.services__list .service-card__number {
font-family: var(--second-family);
font-weight: 500;
font-size: 30px;
letter-spacing: 0.03em;
color: var(--main-accent);
margin-bottom: 16px;
}
.services__slider .service-card__title,
.services__list .service-card__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--blue-color);
height: 54px;
margin-bottom: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}
.services__slider .service-card__text,
.services__list .service-card__text {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 156%;
letter-spacing: 0.03em;
color: var(--text-color);
margin-bottom: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
box-orient: vertical;
}
.services__slider .service-card__more,
.services__list .service-card__more {
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 100%;
letter-spacing: 3%;
color: var(--main-accent);
}
.services__slider .service-card:hover img,
.services__list .service-card:hover img {
transform: scale(1.03);
}
.services__btns {
display: flex;
-moz-column-gap: 45px;
column-gap: 45px;
align-items: center;
width: auto;
justify-content: end;
}
.services__btns-wrapper {
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
align-items: end;
justify-content: space-between;
}
.services__btns > div {
cursor: pointer;
transition: all 0.2s linear;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
pointer-events: auto;
opacity: 1;
}
.services__btns > div.clicked {
transform: scale(0.7);
}
.services__btns > div svg {
pointer-events: none;
width: 17px;
height: 34px;
}
.services__btns > div.disabled svg {
opacity: 0.5;
}
.services__btns > div:hover {
transform: scale(0.9);
}
.services .section__text {
flex: 1;
}
.services__container {
position: relative;
}
@media(max-width: 1200px){
.services__list .service-card{
width: calc((100% - 48px) / 3);
}
}
@media (max-width: 1000px) {
.services__slider {
margin-top: 40px;
}
.services__list{
column-gap: 12px;
}
.services__list .service-card{
width: calc((100% - 24px) / 3);
}
}
@media (max-width: 800px) {
.services__slider .service-card__title,
.services__list .service-card__title{
font-size: 18px;
height: 46px;
}
.services__list .service-card{
width: calc((100% - 12px) / 2);
}
}
@media (max-width: 600px) {
.services__slider {
margin-top: 10px;
}
.services__slider .service-card {
height: auto;
max-width: 400px;
margin: auto;
}
.services__list .service-card{
width: 100%;
max-width: 400px;
margin: auto;
height: auto;
}
.services__slider .service-card__title,
.services__list .service-card__title{
height: auto;
}
.services__slider .service-card__text,
.services__list .service-card__text{
line-height: normal;
font-size: 14px;
}
.services__slider .service-card__more,
.services__list .service-card__more {
font-size: 14px;
}
.services__btns-wrapper {
align-items: center;
}
.services .pagination .page-numbers.next,
.services .pagination .page-numbers.prev{
display: none;
} 
.services__slider .swiper-slide{
height: fit-content;
}
}
@media (max-width: 500px) {
.services__btns-wrapper {
flex-direction: column;
row-gap: 10px;
}
} .quote {
padding: 133px 0px 32px;
background: #43403B;
}
.quote_white {
background-color: white;
padding-top: 0px;
}
.quote__container {
display: flex;
flex-direction: column;
row-gap: 49px;
align-items: center;
}
.quote__saying {
font-family: var(--third-family);
font-weight: 400;
font-size: 30px;
text-align: center;
color: var(--light-accent);
max-width: 581px;
}
.quote__author {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 156%;
letter-spacing: 0.03em;
color: var(--border-color);
text-align: center;
}
.quote__title { text-align: center;
color: #fff;
margin-bottom: 20px;
}
.quote__subtitle {
text-align: center;
color: #fff;
}
.quote_titled {
padding-top: 30px;
}
.quote_titled .quote__saying {
max-width: 1280px;
}
@media (max-width: 600px) {
.quote {
padding: 60px 0px 30px;
}
.quote_white {
padding: 0px;
}
.quote__container {
row-gap: 32px;
}
.quote__saying {
font-size: 24px;
}
.quote__author {
font-size: 14px;
}
} .authorquote {
display: flex;
flex-direction: column;
row-gap: 25px;
}
.authorquote__text {
font-family: var(--third-family);
font-weight: 400;
font-size: 30px;
text-align: justify;
color: var(--main-accent);
}
.authorquote__author {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 156%;
letter-spacing: 0.03em;
color: var(--border-color);
}
@media (max-width: 1400px) {
.authorquote__text {
font-size: 28px;
}
}
@media (max-width: 1000px) {
.authorquote {
max-width: 600px;
margin: auto;
}
.authorquote__text {
font-size: 24px;
}
}
@media (max-width: 600px) {
.authorquote {
padding: 0px 20px;
}
.authorquote__text {
font-size: 22px;
}
}
@media (max-width: 400px) {
.authorquote {
padding: 0px;
}
.authorquote__text {
font-size: 20px;
}
} .about .row p:last-child {
padding-bottom: 0px;
}
.about .row.top {
margin-bottom: 60px;
}
.about .row.top .col.image img {
aspect-ratio: 373/249;
width: 373px;
height: auto;
}
.about .row.middle {
margin-bottom: 60px;
}
.about .row.middle .col.image img {
aspect-ratio: 396/264;
width: 396px;
height: auto;
}
@media (max-width: 600px) {
.about .row.top, .about .row.middle {
margin-bottom: 40px;
}
} .form-section {
position: relative;
min-height: 700px;
padding: 150px 0px;
}
.form-section::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.form-section__background {
position: absolute;
top: 0px;
left: 0px;
z-index: -2;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.form-section__inner {
backdrop-filter: blur(90px);
background: rgba(255, 255, 255, 0.02);
padding: 50px;
max-width: 745px;
min-height: 391px;
}
.form-section__title {
font-family: var(--second-family);
font-weight: 500;
font-size: 30px;
letter-spacing: 0.03em; color: #fff;
margin-bottom: 24px;
}
.form-section__form {
width: 100%;
max-width: 425px;
}
@media (max-width: 600px) {
.form-section {
padding: 80px 0px;
min-height: unset;
}
.form-section__title {
font-size: 26px;
}
.form-section__inner {
padding: 30px 20px;
}
} .dosug .row.top {
margin-top: 49px;
}
.dosug .row.top .col.image img {
aspect-ratio: 1/1;
height: auto;
width: 461px;
}
.dosug .row.multiple-images {
margin-top: 60px;
}
.dosug .row.multiple-images img {
aspect-ratio: 297/198;
width: 297px;
max-width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.dosug ul {
list-style: none;
display: flex;
flex-direction: column;
row-gap: 20px;
}
.dosug ul li {
font-family: var(--third-family);
font-weight: 400;
font-size: 30px;
text-align: justify;
color: var(--main-accent);
position: relative;
padding-left: 35px;
}
.dosug ul li::after {
content: "";
width: 19px;
height: 17px;
background-image: url(//pansionat-vladikavkaz.ru/wp-content/themes/academy/assets/icons/leaf.svg);
position: absolute;
left: 0px;
top: 9px;
background-size: contain;
}
@media (max-width: 1200px) {
.dosug ul {
row-gap: 12px;
}
.dosug ul li {
font-size: 28px;
}
}
@media (max-width: 1000px) {
.dosug .row.multiple-images .col.image {
width: 100%;
}
}
@media (max-width: 800px) {
.dosug ul li {
font-size: 26px;
}
}
@media (max-width: 600px) {
.dosug ul li {
font-size: 20px;
padding-left: 28px;
}
.dosug ul li::after {
top: 4px;
transform: scale(0.9);
}
.dosug .row.multiple-images, .dosug .row.top {
margin-top: 40px;
}
} .schedule .trackline {
width: 100%;
height: 1px;
background-color: var(--main-accent);
display: flex;
margin-top: 76px;
}
.schedule .trackline .cutline {
flex: 1;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.schedule .trackline .cutline__icon {
content: "";
position: absolute;
left: -4.5px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: var(--main-accent);
top: -4.5px;
cursor: pointer;
transition: all 0.2s linear;
}
.schedule .trackline .cutline__icon_last {
left: unset;
right: 0px;
width: 5px;
height: 5px;
top: -2px;
}
.schedule .trackline .cutline__time {
position: absolute;
bottom: 14px;
transition: all 0.2s linear;
left: -4.5px;
max-width: 100%;
}
.schedule .trackline .cutline__text {
position: absolute;
top: 14px;
transition: all 0.2s linear;
left: -4.5px;
max-width: 100%;
}
.schedule .trackline .cutline:hover .cutline__text,
.schedule .trackline .cutline:hover .cutline__time {
color: var(--main-accent);
}
.schedule .trackline .cutline:hover .cutline__icon {
transform: scale(1.1);
}
.schedule .trackline .cutline__hidden {
display: none;
}
.schedule .trackline .cutline:first-child {
width: 30px;
flex: unset;
}
.schedule .trackline .cutline:first-child .cutline__icon {
width: 5px;
height: 5px;
top: -2px;
left: 0px;
}
.schedule .trackline .cutline:last-child {
width: 30px;
flex: unset;
}
.schedule .trackline .cutline.active .cutline__text,
.schedule .trackline .cutline.active .cutline__time {
color: var(--main-accent);
}
.schedule__inner {
display: flex;
flex-direction: column;
row-gap: 100px;
}
.schedule-card {
display: flex;
-moz-column-gap: 22px;
column-gap: 22px;
}
.schedule-card__col {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 12px;
}
.schedule-card__col.image {
flex: unset;
width: 359px;
aspect-ratio: 359/240;
}
.schedule-card__col.image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.schedule-card__hint {
width: 522px;
max-width: 100%;
margin: 0 auto;
display: flex;
-moz-column-gap: 33px;
column-gap: 33px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 156%;
letter-spacing: 0.03em;
color: #bfb1b1;
z-index: 3;
}
.schedule-card__hint span {
display: flex;
align-items: end;
}
.schedule-card__hint svg {
flex-shrink: 0;
overflow: visible;
}
.schedule-card__hint svg {
animation: handTap 2.4s infinite ease-in-out;
transform-origin: center;
} .schedule-card__hint svg::before,
.schedule-card__hint svg::after {
content: '';
} .schedule-card__hint {
position: relative;
}
.schedule-card__hint svg {
position: relative;
z-index: 2;
} .schedule-card__hint::before,
.schedule-card__hint::after {
content: '';
position: absolute;
left: 15px;
top: 15px;
width: 12px;
height: 12px;
border: 2px solid rgba(191,177,177,.45);
border-radius: 50%;
transform: translate(-50%, -50%) scale(.2);
opacity: 0;
pointer-events: none;
}
.schedule-card__hint::before {
animation: ripple 2.4s infinite;
}
.schedule-card__hint::after {
animation: ripple 2.4s infinite .6s;
}
@keyframes handTap {
0% {
transform: translateY(0) scale(1);
}
8% {
transform: translateY(4px) scale(.97);
}
16% {
transform: translateY(0) scale(1);
}
24% {
transform: translateY(4px) scale(.97);
}
32% {
transform: translateY(0) scale(1);
}
100% {
transform: translateY(0) scale(1);
}
}
@keyframes ripple {
0% {
opacity: 0;
transform: translate(-50%, -50%) scale(.2);
}
10% {
opacity: .6;
}
45% {
opacity: 0;
transform: translate(-50%, -50%) scale(4.5);
}
100% {
opacity: 0;
transform: translate(-50%, -50%) scale(4.5);
}
}
.schedule-card__text {
border: 0.5px solid var(--border-color);
padding: 22px 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: var(--text-color);
line-height: 139%;
letter-spacing: 0.03em;
}
.schedule-card__text p {
padding: 0px;
}
.schedule-card__title {
font-weight: 500;
font-size: 18px;
color: var(--main-accent);
margin-bottom: 10px;
}
.schedule-card img,
.schedule-card__text strong,
.schedule-card__text p {
transition: .25s ease;
}
.schedule__content{
position: relative;
}
.schedule__content::after{
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(12px);
opacity: 0;
transition: all 0.1s linear;
z-index: 2;
pointer-events: none;
}
.schedule__content.loading::after{
opacity: 1;
}
@media(max-width: 1400px){
.cutline__text{
font-size: 14px;
}
}
@media (max-width: 1200px) {
.schedule .trackline {
width: 300px;
height: unset;
background-color: unset;
flex-direction: column;
row-gap: 10px;
padding-left: 20px;
border-left: 1px solid var(--main-accent);
margin-top: 40px;
flex-shrink: 0;
}
.schedule .trackline .cutline__text, .schedule .trackline .cutline__time {
position: relative;
left: 0px;
top: 0px;
}
.schedule .trackline .cutline__icon {
left: -25.5px;
top: 0px;
bottom: 0px;
margin: auto;
}
.schedule .trackline .cutline:first-child .cutline__icon {
left: -23px;
}
.schedule .trackline .cutline:last-child .cutline__icon {
display: none;
}
.schedule .trackline .cutline:last-child .cutline__icon_last {
display: block;
left: -71px;
}
.schedule__inner {
flex-direction: row;
justify-content: space-between;
}
.schedule__content {
position: sticky;
height: -moz-fit-content;
height: fit-content;
top: 110px;
flex: 1;
}
.schedule-card {
flex-direction: column;
row-gap: 30px;
}
.schedule-card__col {
order: 2;
}
.schedule-card__col.image {
order: 1;
margin: auto;
}
}
@media (max-width: 1000px) {
.schedule-card__hint {
width: 100%;
}
}
@media (max-width: 800px) {
.schedule__inner{
flex-direction: column;
row-gap: 30px;
align-items: center;
}
.schedule-card__col.image,
.schedule-card__text{
display: none;
}
.schedule-card__hint{
position: relative;
width: fit-content;
}
.schedule__content{
position: relative;
top: 0px;
width: fit-content;
order: -1;
}
.schedule .trackline {
width: 100%;
margin-top: 0px;
}
.schedule .trackline .cutline {
padding: 10px;
border: 1px solid var(--main-accent);
}
.schedule .trackline .cutline__hidden {
display: flex;
flex-direction: column;
row-gap: 6px;
margin-top: 10px;
height: 0;
overflow: hidden;
opacity: 0;
transition:
height .45s cubic-bezier(.4,0,.2,1),
opacity .3s ease,
margin-top .3s ease;
margin-top: 0;
}
.schedule .trackline .cutline__hidden > * {
padding: 0px;
}
.schedule .trackline .cutline__hidden strong{
color: var(--main-accent);
}
.schedule .trackline .cutline.active .cutline__hidden {
opacity: 1;
margin-top: 14px;
}
.schedule .trackline .cutline__time, .schedule .trackline .cutline__text {
font-size: 18px;
}
.schedule .trackline .cutline:first-child, .schedule .trackline .cutline:last-child {
padding: 0px;
border: none;
}
}
@media(max-width: 600px){
.schedule-card__hint{
font-size: 14px;
column-gap: 16px;
}
.schedule .trackline .cutline__time, .schedule .trackline .cutline__text{
font-size: 16px;
}
} .prices__cards {
margin-top: 90px;
display: flex;
align-items: center;
}
.prices .price-card {
height: 701px;
padding: 30px 24px;
border: 0.5px solid var(--border-color);
flex: 1;
background-color: white;
}
.prices .price-card_main {
height: 775px;
position: relative;
transform: scale(1.05);
border: 0.5px solid var(--main-accent);
padding: 30px 60px;
box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.1), 0 37px 37px 0 rgba(0, 0, 0, 0.09), 0 82px 49px 0 rgba(0, 0, 0, 0.05), 0 146px 59px 0 rgba(0, 0, 0, 0.01), 0 229px 64px 0 rgba(0, 0, 0, 0);
align-content: center;
}
.prices .price-card_main .price-card__title, .prices .price-card_main .price-card__time {
color: var(--main-accent);
}
.prices .price-card__content {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
color: var(--text-color);
}
.prices .price-card__content ul {
list-style: none;
line-height: 238%;
}
.prices .price-card__content ul li {
position: relative;
padding-left: 20px;
}
.prices .price-card__content ul li::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
position: absolute;
display: block;
background-color: var(--text-color);
left: 8px;
top: 17px;
}
.prices .price-card__title {
font-family: var(--second-family);
font-weight: 500;
font-size: 30px;
letter-spacing: 0.03em;
text-align: center;
color: var(--blue-color);
margin-bottom: 25px;
}
.prices .price-card__time {
margin-bottom: 25px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.03em;
text-align: center;
color: var(--text-color);
}
.prices .price-card_alone {
height: auto;
width: 100%;
max-width: 892px;
flex: unset;
margin: auto;
}
.prices .price-card_alone .price-card__content {
font-family: var(--font-family);
font-weight: 400;
letter-spacing: 0.03em;
text-align: center;
line-height: normal;
}
.prices .price-card_alone .price-card__content p {
padding: 0px;
}
.prices .section__btn {
margin-top: 70px;
}
.prices__label {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
text-align: center;
color: #ac6e0e;
margin-top: 98px;
margin-bottom: 59px;
}
@media (max-width: 1400px) {
.prices .price-card {
height: -webkit-fill-available;
height: -moz-available;
height: stretch;
padding: 30px;
}
.prices .price-card_main {
height: -webkit-fill-available;
height: -moz-available;
height: stretch;
padding: 30px 40px;
}
.prices .price-card__content {
font-size: 14px;
}
.prices .price-card__content ul {
line-height: 200%;
}
.prices .price-card__content ul li::before {
top: 12px;
}
.prices .price-card__title, .prices .price-card__time {
margin-bottom: 16px;
}
}
@media (max-width: 1000px) {
.prices__cards {
flex-direction: column;
row-gap: 16px;
margin-top: 60px;
}
.prices .price-card {
position: relative;
height: fit-content;
}
.prices .price-card_main {
order: -1;
height: auto;
transform: unset;
padding: 30px;
box-shadow: none;
}
.prices__label {
margin-top: 60px;
margin-bottom: 40px;
}
}
@media (max-width: 600px) {
.prices__cards {
margin-top: 40px;
}
.prices .price-card__title {
font-size: 26px;
margin-bottom: 12px;
}
.prices__label {
font-size: 18px;
margin-top: 40px;
margin-bottom: 30px;
}
}
@media (max-width: 400px) {
.prices .price-card {
padding: 30px 20px;
}
} .instruction__cards {
display: flex;
gap: 60px;
flex-wrap: wrap;
margin-top: 60px;
}
.instruction-card {
width: calc((100% - 60px) / 2);
border: 0.5px solid #bdbcbc;
padding: 30px 117px;
display: flex;
-moz-column-gap: 50px;
column-gap: 50px;
}
.instruction-card__number {
position: relative;
overflow: hidden;
border-right: 0.5px solid var(--main-accent);
flex-shrink: 0;
width: 45px;
}
.instruction-card__number img {
position: absolute;
height: 100%;
width: auto;
-o-object-fit: contain;
object-fit: contain;
right: -10px;
transition: all 0.4s ease;
}
.instruction-card__content {
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 40px;
}
.instruction-card__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--blue-color);
}
.instruction-card__text {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 156%;
letter-spacing: 0.03em;
color: var(--text-color);
}
.instruction-card:hover .instruction-card__number img {
right: 0px;
}
.instruction-card:first-child .instruction-card__number img {
right: -4px;
transform: scale(0.85);
}
.instruction-card:first-child:hover .instruction-card__number img {
right: 0px;
}
.instruction-card:first-child, .instruction-card:last-child {
background: rgba(212, 170, 105, 0.06);
}
@media (max-width: 1400px) {
.instruction__cards {
gap: 24px;
}
.instruction-card {
padding: 30px 90px;
}
.instruction-card__content {
row-gap: 12px;
}
}
@media (max-width: 1200px) {
.instruction-card {
padding: 30px 40px;
}
}
@media (max-width: 1000px) {
.instruction__cards {
flex-direction: column;
align-items: center;
}
.instruction-card {
width: 100%;
max-width: 600px;
}
}
@media (max-width: 600px) {
.instruction__cards {
margin-top: 40px;
}
.instruction-card {
-moz-column-gap: 24px;
column-gap: 24px;
padding: 20px;
}
.instruction-card__title {
font-size: 18px;
}
.instruction-card__text {
font-size: 14px;
line-height: normal;
}
.instruction-card__number img {
transform: scale(0.7);
right: -6px;
}
.instruction-card:first-child .instruction-card__number img {
transform: scale(0.7);
}
} .vacancies__row {
display: flex;
-moz-column-gap: 60px;
column-gap: 60px;
margin-top: 60px;
}
.vacancies__col {
flex: 1;
}
.vacancies__col:first-child {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.vacancies__col.form-vacancies {
flex: unset;
width: 525px;
padding: 50px;
box-shadow: -3px 6px 16px 0 rgba(0, 0, 0, 0.1), -14px 25px 29px 0 rgba(0, 0, 0, 0.09), -31px 57px 39px 0 rgba(0, 0, 0, 0.05), -56px 101px 46px 0 rgba(0, 0, 0, 0.01), -87px 157px 50px 0 rgba(0, 0, 0, 0);
background: #fff;
}
.vacancies__col.form-vacancies .form-vacancies__text {
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--main-accent);
}
.vacancies__col.form-vacancies .form-vacancies__text a {
color: black !important;
}
.vacancies__image {
aspect-ratio: 694/217;
height: auto;
width: 100%;
margin-bottom: 31px;
}
.vacancies__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.vacancies__text {
border: 0.5px solid var(--border-color);
padding: 30px;
width: 100%;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
letter-spacing: 0.03em;
color: #474040;
}
.vacancies__text ul {
list-style: none;
display: flex;
-moz-column-gap: 60px;
column-gap: 60px;
flex-wrap: wrap;
row-gap: 10px;
}
.vacancies__text ul li {
position: relative;
padding-left: 15px;
width: calc((100% - 60px) / 2);
}
.vacancies__text ul li::before {
content: "—";
position: absolute;
display: block;
top: 0px;
left: 0px;
}
.vacancies__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--main-accent);
margin-bottom: 25px;
}
@media (max-width: 1200px) {
.vacancies__row {
flex-direction: column;
row-gap: 20px;
align-items: center;
}
.vacancies__image {
margin-bottom: 20px;
}
}
@media (max-width: 800px) {
.vacancies__text ul {
flex-direction: column;
}
.vacancies__text ul li {
width: 100%;
}
.vacancies__col.form-vacancies {
width: 100%;
}
}
@media (max-width: 600px) {
.vacancies__row {
margin-top: 40px;
}
.vacancies__title {
margin-bottom: 12px;
font-size: 18px;
}
.vacancies__text {
padding: 20px 30px;
font-size: 14px;
}
.vacancies__col.form-vacancies {
padding: 20px 30px;
}
.vacancies__col.form-vacancies .form-vacancies__text {
font-size: 16px;
}
.vacancies__col.form-vacancies .form-vacancies__text p {
padding-bottom: 12px;
}
}
@media (max-width: 500px) {
.vacancies__col.form-vacancies {
padding: 20px;
}
} .documents__row {
display: flex;
margin-top: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
}
.documents__row .document {
flex: 1;
border: 0.5px solid var(--border-color);
padding: 30px 80px;
background-color: white;
font-family: var(--font-family);
line-height: 156%;
letter-spacing: 0.03em;
color: var(--text-color);
}
.documents__row .document_colored {
background-color: rgba(212, 170, 105, 0.06);
}
.documents__row .document__tag {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 156%;
letter-spacing: 0.03em;
text-transform: lowercase;
color: var(--main-accent);
}
.documents__row .document strong, .documents__row .document b, .documents__row .document h3 {
padding: 16px 0px;
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--blue-color);
display: block;
}
.documents__row .document p {
padding: 0px;
}
@media (max-width: 1200px) {
.documents__row {
-moz-column-gap: 24px;
column-gap: 24px;
}
.documents__row .document {
padding: 30px;
}
}
@media (max-width: 800px) {
.documents__row {
flex-direction: column;
row-gap: 20px;
}
.documents__row .document {
width: 100%;
}
}
@media (max-width: 600px) {
.documents__row {
margin-top: 40px;
}
.documents__row .document {
padding: 20px;
}
.documents__row .document__tag {
font-size: 14px;
}
.documents__row .document strong {
font-size: 18px;
padding: 10px 0px;
}
} .gallery__list {
display: flex;
-moz-column-gap: 40px;
column-gap: 40px;
}
.gallery__col {
width: calc((100% - 40px) / 2);
flex-shrink: 0;
display: flex;
flex-direction: column;
row-gap: 40px;
}
.gallery__row {
display: flex;
-moz-column-gap: 32px;
column-gap: 32px;
}
.gallery__row img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
aspect-ratio: 297/198;
}
.gallery__img {
position: relative;
width: calc((100% - 32px) / 2);
height: auto;
}
.gallery__img.big {
width: 100%;
}
.gallery__img.big img {
aspect-ratio: 620/414;
}
@media (max-width: 1200px) {
.gallery__list {
-moz-column-gap: 24px;
column-gap: 24px;
}
.gallery__col {
width: calc((100% - 24px) / 2);
row-gap: 24px;
}
.gallery__row {
-moz-column-gap: 24px;
column-gap: 24px;
}
.gallery__img {
width: calc((100% - 24px) / 2);
}
}
@media (max-width: 800px) {
.gallery__list {
flex-direction: column;
row-gap: 24px;
}
.gallery__col {
width: 100%;
}
.gallery__row.big {
order: -1;
}
}
@media (max-width: 600px) {
.gallery__col, .gallery__list {
row-gap: 12px;
}
.gallery__row {
flex-direction: column;
row-gap: 12px;
}
.gallery__img {
width: 100%;
}
} .footer {
background: #43403B;
padding: 30px 0px;
}
.footer__title {
color: white;
}
.footer-top {
display: flex;
-moz-column-gap: 55px;
column-gap: 55px;
padding-bottom: 25px;
margin-bottom: 40px;
border-bottom: 0.5px solid var(--border-color);
}
.footer-top__col {
flex: 1;
}
.footer__form {
width: 521px;
flex: unset;
}
.footer-main {
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
justify-content: space-between;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.03em;
color: var(--border-color);
padding-bottom: 37px;
margin-bottom: 27px;
border-bottom: 0.5px solid var(--border-color);
}
.footer-main__logo {
width: 100%;
height: auto;
margin-bottom: 18px;
display: block;
}
.footer-main__col {
flex: 1;
max-width: 739px;
}
.footer-main__col_first {
width: 300px;
flex: unset;
text-align: justify;
}
.footer-nav {
display: flex;
-moz-column-gap: 40px;
column-gap: 40px;
}
.footer-nav__col {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 24px;
}
.footer-nav__col:first-child {
width: 113px;
flex: unset;
}
.footer-nav__col:nth-child(2) {
width: 236px;
flex: unset;
}
.footer-nav a, .footer-nav p {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.03em;
color: #fff;
display: block;
padding: 0px;
transition: all 0.2s linear;
}
.footer-nav a.colored, .footer-nav p.colored {
color: #d9d9d9;
}
.footer-nav a:hover {
color: var(--light-accent);
}
.footer-nav__title {
font-family: var(--font-family);
font-weight: 200;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: lowercase;
color: var(--light-accent);
margin-bottom: 25px;
}
.footer-nav .links {
display: flex;
flex-direction: column;
row-gap: 20px;
}
.footer-nav__divider {
width: 100%;
height: 0.5px;
background-color: var(--border-color);
}
.footer-nav .socs {
display: flex;
align-items: center;
-moz-column-gap: 15px;
column-gap: 15px;
}
.footer-nav .socs > * {
transition: all 0.2s linear;
}
.footer-nav .socs > *:hover {
transform: scale(0.97);
}
.footer-bottom {
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
justify-content: space-between;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.03em;
color: #fff;
}
.footer-bottom .license-text {
color: #d9d9d9;
}
@media (max-width: 1200px) {
.footer-main {
flex-direction: column;
row-gap: 10px;
}
.footer-main__col_first {
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
width: 100%;
max-width: 100%;
align-items: center;
}
.footer-main__logo {
width: 300px;
flex-shrink: 0;
}
}
@media (max-width: 800px) {
.footer-top {
flex-direction: column;
row-gap: 20px;
}
.footer__form {
width: 100%;
}
.footer-main__col_first {
flex-direction: column;
row-gap: 10px;
}
.footer-nav {
flex-direction: column;
row-gap: 20px;
}
.footer-nav__title {
margin-bottom: 12px;
}
.footer-nav .links {
row-gap: 10px;
}
.footer-nav__col {
row-gap: 12px;
}
.footer-bottom {
flex-direction: column;
row-gap: 10px;
}
} .popup-form {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
height: -moz-fit-content;
height: fit-content;
width: 530px;
max-width: 90%;
max-height: 80%;
overflow-y: auto;
padding: 50px;
background-color: var(--blue-color);
z-index: 11;
opacity: 0;
transform: scale(0.8);
pointer-events: none;
transition: all 0.2s ease;
}
.popup-form.visible {
pointer-events: all;
opacity: 1;
transform: scale(1);
}
.popup-form__title {
color: white;
text-align: center;
}
.popup-form__text {
color: white;
line-height: 25px;
}
.popup-form__close {
position: absolute;
right: 20px;
top: 20px;
width: 20px;
height: 20px;
cursor: pointer;
transition: all 0.2s linear;
}
.popup-form__close:hover {
transform: scale(0.96);
}
.popup-form__close.clicked {
transform: scale(0.9);
}
.popup-form__close::after, .popup-form__close::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: var(--light-accent);
top: 0px;
bottom: 0px;
left: 0px;
margin: auto;
transform: rotate(-45deg);
}
.popup-form__close::after {
transform: rotate(45deg);
}
@media (max-width: 600px) {
.popup-form {
padding: 50px 24px;
}
}
@media (max-width: 370px) {
.popup-form {
padding: 50px 16px;
}
} .breadcrumbs {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 120%;
letter-spacing: 0.03em;
text-align: center;
color: var(--text-color);
margin: 25px 0px;
}
.breadcrumbs__wrapper {
display: flex;
-moz-column-gap: 8px;
column-gap: 8px;
align-items: center;
flex-wrap: wrap;
row-gap: 4px;
}
.breadcrumbs__separator {
display: flex;
justify-content: center;
align-items: center;
}
.breadcrumbs a {
color: var(--text-color);
} .page__title {
font-family: var(--second-family);
font-weight: 500;
font-size: 40px;
letter-spacing: 0.03em; color: var(--blue-color);
text-align: center;
width: 100%;
font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
font-feature-settings: "liga" on, "dlig" on, "calt" on;
text-rendering: optimizeLegibility;
margin-bottom: 60px;
}
.page__content h2:not(.section__title),
main .page h2:not(.section__title) {
padding-bottom: 25px;
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
text-align: justify;
color: var(--main-accent);
}
@media (max-width: 800px) {
.page__title {
font-size: 38px;
margin-bottom: 40px;
}
}
@media (max-width: 600px) {
.page__title {
font-size: 34px;
margin-bottom: 40px;
}
} .contacts-page__cards {
display: flex;
-moz-column-gap: 26px;
column-gap: 26px;
row-gap: 16px;
flex-wrap: wrap;
}
.contacts-page__row {
display: flex;
-moz-column-gap: 25px;
column-gap: 25px;
margin-top: 40px;
}
.contacts-page__col.contacts-map {
flex: 1;
padding: 20px;
border: 1px solid var(--border-color);
padding: 20px;
align-content: center;
}
.contacts-page__col.contacts-map iframe {
height: 299px;
}
.contacts-page__col.contacts-info {
width: 470px;
padding: 30px;
background-color: var(--blue-color);
color: white;
}
.contacts-page__col.contacts-info p {
padding: 0px;
}
.contacts-page__col.contacts-info .contacts-info__title {
font-family: var(--second-family);
font-weight: 500;
font-size: 30px;
letter-spacing: 0.03em; color: var(--light-accent);
}
.contacts-page__col.contacts-info .contacts-info-card {
padding: 11px 0px;
border-bottom: 0.5px solid var(--border-color);
}
.contacts-page__col.contacts-info .contacts-info-card__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: lowercase;
color: var(--light-accent);
margin-bottom: 11px;
}
.contacts-page__col.contacts-info .contacts-info-card:last-child {
border-bottom: none;
}
.contacts-card {
width: calc((100% - 78px) / 4);
border: 0.5px solid var(--border-color);
padding: 20px;
}
.contacts-card__label {
font-family: var(--font-family);
font-weight: 200;
font-size: 18px;
letter-spacing: 0.03em;
color: var(--main-accent);
margin-bottom: 15px;
}
.contacts-card a {
color: var(--text-color);
transition: color 0.2s linear;
}
.contacts-card a:hover {
color: var(--light-accent);
}
@media (max-width: 1200px) {
.contacts-card {
width: calc((100% - 26px) / 2);
}
.contacts-page__row {
-moz-column-gap: 12px;
column-gap: 12px;
}
.contacts-page__col.contacts-info {
flex: 1;
}
}
@media (max-width: 1000px) {
.contacts-page__row {
flex-direction: column;
row-gap: 20px;
}
.contacts-page__col.contacts-info {
width: 100%;
}
.contacts-page__col.contacts-info .contacts-info__title {
font-size: 26px;
}
}
@media (max-width: 600px) {
.contacts-card {
width: 100%;
}
.contacts-card__label {
margin-bottom: 10px;
font-size: 16px;
}
.contacts-page__col.contacts-info .contacts-info-card__title {
font-size: 16px;
margin-bottom: 6px;
}
} .advantages__cards {
display: flex;
flex-wrap: wrap;
gap: 40px;
margin-top: 60px;
}
.advantages__cards .advantage-card {
width: calc((100% - 80px) / 3);
min-height: 178px;
}
.advantages__cards .advantage-card.text {
border: 0.5px solid var(--border-color);
padding: 30px 20px;
}
.advantages__cards .advantage-card.image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.advantages__cards .advantage-card__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--blue-color);
margin-bottom: 16px;
}
.advantages__cards .advantage-card__image {
height: 100%;
}
@media (max-width: 1200px) {
.advantages__cards {
justify-content: space-evenly;
}
.advantages__cards .advantage-card {
width: calc((100% - 40px) / 2);
}
}
@media (max-width: 800px) {
.advantages__cards {
margin-top: 40px;
gap: 12px;
}
.advantages__cards .advantage-card {
width: 100%;
min-height: unset;
}
}
@media (max-width: 600px) {
.advantages__cards .advantage-card.text {
padding: 20px 15px;
}
.advantages__cards .advantage-card__title {
font-size: 18px;
margin-bottom: 8px;
}
} .faq__row {
display: flex;
-moz-column-gap: 70px;
column-gap: 70px;
margin-top: 60px;
}
.faq__col {
flex: 1;
}
.faq__col.image {
flex: unset;
width: 500px;
aspect-ratio: 500/333;
top: 110px;
height: -moz-fit-content;
height: fit-content;
position: sticky;
max-width: 100%;
}
.faq__col.image img {
height: auto;
width: 100%;
aspect-ratio: 500/333;
}
.faq .question {
border-bottom: 1px solid var(--border-color);
padding: 26px 50px 24px 26px;
cursor: pointer;
transition: all 0.3s ease;
}
.faq .question:first-child {
border-top: 1px solid var(--border-color);
}
.faq .question__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03em;
color: var(--main-accent);
position: relative;
transition: color 0.2s ease;
}
.faq .question__content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
padding-top: 0;
padding-bottom: 0;
}
.faq .question.open .question__content {
opacity: 1;
padding-top: 25px;
}
.faq .question.open .question__icon .line.vertical {
height: 0px;
}
.faq .question__icon {
width: 16px;
height: 16px;
position: absolute;
top: 0px;
bottom: 0px;
right: -25px;
margin: auto;
}
.faq .question__icon .line {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
background: var(--main-accent);
border-radius: 5px;
transition: all 0.1s linear;
}
.faq .question__icon .line.horizontal {
width: 100%;
height: 2px;
}
.faq .question__icon .line.vertical {
width: 2px;
height: 100%;
transition: all 0.2s ease;
}
.faq .question:hover .question__title {
color: var(--light-accent);
}
.faq .question:hover .question__icon .line {
background: var(--light-accent);
}
@media (max-width: 1400px) {
.faq .question__title {
font-size: 22px;
}
.faq .question.open .question__content {
padding-top: 12px;
}
}
@media (max-width: 1200px) {
.faq__row {
flex-direction: column;
row-gap: 20px;
align-items: center;
}
.faq__col.image {
position: static;
}
.faq .question {
padding: 20px 40px 20px 26px;
}
.faq .question__icon {
right: -28px;
}
}
@media (max-width: 800px) {
.faq__row {
margin-top: 40px;
}
.faq .question {
padding: 20px 40px 20px 20px;
}
.faq .question__icon {
right: -27px;
}
}
@media (max-width: 600px) {
.faq .question {
padding: 20px 20px 20px 10px;
}
.faq .question__icon {
right: -18px;
}
.faq .question__title {
font-size: 18px;
}
.faq .question__content {
font-size: 14px;
}
}  #ai-text.akademiya-rnd-page {
--third-family: 'Alexander', sans-serif;
--second-family: 'Good Vibes Pro', sans-serif;
--font-family: 'Manrope', sans-serif;
--main-accent: #997B4D;
--second-accent: #7C623B;
--light-accent: #d4aa69;
--blue-color: #383633;
--text-color: #756B5D;
--grey-color: #bdbcbc;
--soft-bg: #faf8f4;
--shadow: 0 9px 20px #0000001A;
--max: 1180px;
background: #fff;
color: var(--text-color);
font-family: var(--font-family);
}
#ai-text.akademiya-rnd-page * {
box-sizing: border-box;
}
#ai-text.akademiya-rnd-page a {
color: inherit;
text-decoration: none;
}
#ai-text.akademiya-rnd-page h1,
#ai-text.akademiya-rnd-page h2,
#ai-text.akademiya-rnd-page .h3{
margin: 0;
text-align: left;
}
#ai-text .ad2-wrap {
width: 100%;
margin: 0 auto;
}
#ai-text .ad2-section {
padding: 54px 0;
background: #fff;
}
#ai-text .ad2-section--compact {
padding-top: 34px;
}
#ai-text .ad2-title {
color: var(--blue-color);
font-family: var(--second-family);
font-size: clamp(25px, 3vw, 35px);
font-weight: 400;
line-height: 1.16;
letter-spacing: .04em; }
#ai-text .ad2-title--main {
font-size: clamp(31px, 4.5vw, 36px);
max-width: 760px;
}
#ai-text .ad2-lead {
margin-top: 20px;
}
#ai-text .ad2-small-note {
display: block;
margin-bottom: 10px;
color: var(--main-accent);
font-family: var(--third-family);
font-size: 20px;
font-weight: 400;
letter-spacing: .05em;
}
#ai-text .ad2-hero {
padding: 34px 0 58px;
}
#ai-text .ad2-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
gap: 46px;
align-items: center;
}
#ai-text .ad2-hero__text {
position: relative;
padding-top: 16px;
}
#ai-text .ad2-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 18px;
align-items: center;
margin-top: 30px;
}
#ai-text .header__btn.btn.open_popup,
#ai-text .ad2-link-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 14px 28px;
font-family: var(--font-family);
cursor: pointer;
transition: .2s ease;
}
#ai-text .header__btn.btn.open_popup {
color: #fff;
background: var(--main-accent);
border: 0.5px solid var(--main-accent);
}
#ai-text .header__btn.btn.open_popup:hover {
background: var(--second-accent);
border-color: var(--second-accent);
}
#ai-text .ad2-hero__photo {
position: relative;
padding: 0 0 28px 28px;
}
#ai-text .ad2-hero__photo::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 62%;
height: 58%;
background: var(--soft-bg);
z-index: 0;
}
#ai-text .ad2-hero__photo img {
position: relative;
z-index: 1;
display: block;
width: 100%;
aspect-ratio: 560 / 460;
height: auto;
object-fit: cover;
box-shadow: var(--shadow);
}
#ai-text .ad2-hero__caption {
position: relative;
z-index: 2;
width: calc(100% - 42px);
margin: -34px 0 0 auto;
padding: 18px 20px;
background: #fff;
box-shadow: var(--shadow);
}
#ai-text .ad2-hero__caption span {
display: block;
color: var(--main-accent);
margin-bottom: 5px;
font-weight: 500;
}
#ai-text .ad2-license {
display: grid;
grid-template-columns: minmax(280px, .86fr) minmax(0, 1.14fr);
gap: 34px;
align-items: start;
}
#ai-text .ad2-license__stamp {
padding: 26px;
background: var(--soft-bg);
border: 0.5px solid var(--main-accent);
}
#ai-text .ad2-license__stamp span {
display: block;
color: var(--main-accent);
font-family: var(--third-family);
font-size: 22px;
margin-bottom: 12px;
font-style: italic;
}
#ai-text .ad2-license__text p + p {
margin-top: 14px;
}
#ai-text .ad2-list-line {
margin-top: 24px;
display: grid;
gap: 14px;
}
#ai-text .ad2-line-item {
display: grid;
grid-template-columns: 90px 1fr;
gap: 20px;
align-items: start;
padding: 0 0 14px;
border-bottom: 0.5px solid var(--border-color);
}
#ai-text .ad2-line-item:last-child {
border-bottom: 0;
padding-bottom: 0;
}
#ai-text .ad2-line-item__mark {
color: var(--main-accent);
font-family: var(--third-family);
font-size: 24px;
line-height: 1;
}
#ai-text .ad2-line-item span {
color: var(--main-accent);
font-size: 17px;
margin-bottom: 4px;
}
#ai-text .ad2-manifest {
display: grid; gap: 42px;
align-items: center;
}
#ai-text .ad2-manifest__image-set img {
width: 100%;
display: block;
object-fit: cover;
box-shadow: var(--shadow);
}
#ai-text .ad2-feature-menu {
margin-top: 26px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px 28px;
color: var(--main-accent);
font-family: var(--third-family);
font-size: 22px;
line-height: 1.35;
}
#ai-text .ad2-feature-menu span {
position: relative;
padding-left: 20px;
font-style: italic;
}
#ai-text .ad2-feature-menu span::before {
content: "♣";
position: absolute;
left: 0;
top: 0;
font-size: 15px;
}
#ai-text .ad2-alerts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
margin-top: 30px;
}
#ai-text .ad2-alert {
padding: 24px 0 0;
border-top: 0.5px solid var(--main-accent);
}
#ai-text .ad2-alert .h3 {
color: var(--blue-color);
font-size: 18px;
margin-bottom: 10px;
}
#ai-text .ad2-text{
margin-top: 20px;
padding-left: 34px;
border-left: 0.5px solid var(--main-accent);
}
#ai-text .ad2-care {
display: grid; gap: 34px;
align-items: start;
} #ai-text .ad2-care__intro p {
margin-top: 18px;
}
#ai-text .ad2-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 26px;
}
#ai-text .ad2-care-group {
padding: 26px;
background: #fff;
border: 0.5px solid var(--main-accent);
}
#ai-text .ad2-care-group--calm {
background: var(--soft-bg);
border: 0;
}
#ai-text .ad2-care-group .h3 {
color: var(--main-accent);
font-family: var(--third-family);
font-size: 25px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 18px;
font-style: italic;
}
#ai-text .ad2-care-list {
display: grid;
}
#ai-text .ad2-care-list > div {
display: grid;
grid-template-columns: 12px 1fr;
gap: 12px;
}
#ai-text .ad2-care-list .design {
width: 8px;
height: 8px;
margin-top: 20px;
background: var(--main-accent);
transform: translate(50%, 50%);
}
#ai-text .ad2-care-list span {
color: var(--blue-color);
}
#ai-text .ad2-price {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
gap: 36px;
align-items: stretch;
padding: 34px 0;
border-top: 0.5px solid var(--border-color);
border-bottom: 0.5px solid var(--border-color);
}
#ai-text .ad2-price__body p {
margin-top: 18px;
}
#ai-text .ad2-price__factors {
padding-left: 34px;
border-left: 0.5px solid var(--main-accent);
font-style: italic;
}
#ai-text .ad2-price__factors .h3 {
color: var(--main-accent);
font-family: var(--third-family);
font-size: 25px;
font-weight: 400;
line-height: 1.25;
margin-bottom: 16px;
}
#ai-text .ad2-price__factors ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 12px;
}
#ai-text .ad2-price__factors li {
position: relative;
padding-left: 20px;
}
#ai-text .ad2-price__factors li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 8px;
height: 8px;
background: var(--main-accent);
}
#ai-text .ad2-final {
margin-top: 34px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 24px;
align-items: center;
padding: 28px 0 0;
}
#ai-text .ad2-final p {
max-width: 720px;
margin-top: 12px;
}
#ai-text p,
#ai-text .indent{
padding: 0px;
margin-block-start: 1em;
margin-block-end: 1em;
}
@media (max-width: 980px) {
#ai-text .ad2-hero__grid,
#ai-text .ad2-license,
#ai-text .ad2-manifest,
#ai-text .ad2-care,
#ai-text .ad2-price,
#ai-text .ad2-final {
grid-template-columns: 1fr;
}
#ai-text .ad2-care__intro {
position: static;
}
#ai-text .ad2-price__factors {
padding-left: 0;
border-left: 0;
padding-top: 24px;
border-top: 0.5px solid var(--main-accent);
}
}
@media (max-width: 720px) {
#ai-text.akademiya-rnd-page {
font-size: 15px;
}
#ai-text .ad2-section {
padding: 42px 0;
}
#ai-text .ad2-hero {
padding-top: 24px;
}
#ai-text .ad2-hero__photo {
padding: 0;
}
#ai-text .ad2-hero__photo::before {
display: none;
}
#ai-text .ad2-hero__caption {
width: 100%;
margin: 0;
box-shadow: none;
border: 0.5px solid var(--border-color);
}
#ai-text .ad2-line-item,
#ai-text .ad2-columns,
#ai-text .ad2-alerts,
#ai-text .ad2-feature-menu,
#ai-text .ad2-manifest__image-set {
grid-template-columns: 1fr;
}
#ai-text .ad2-line-item {
gap: 8px;
}
#ai-text .header__btn.btn.open_popup,
#ai-text .ad2-link-btn {
width: 100%;
}
}
#ai-text .ad2-feature-cards {
margin-top: 28px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px 26px;
}
#ai-text .ad2-feature-card {
position: relative;
padding: 5px 5px 5px 20px;
background: #fff;
border-bottom: 0.5px solid var(--grey-color);
}
#ai-text .ad2-feature-card::before {
content: "";
position: absolute;
left: -4px;
top: 34px;
color: var(--main-accent);
font-family: var(--third-family);
font-size: 20px;
line-height: 1;
transform: translate(50%, -50%);
width: 8px;
height: 8px;
background: var(--main-accent);
}
#ai-text .ad2-feature-card__num {
display: none;
}
#ai-text .ad2-feature-card p { font-family: var(--third-family);
font-size: 20px;
line-height: 1.35;
}
#ai-text .ad2-feature-card:hover {
border-bottom-color: var(--light-accent);
}
@media (max-width: 720px) {
#ai-text .ad2-feature-cards {
grid-template-columns: 1fr;
gap: 8px;
}
#ai-text .ad2-feature-card {
padding: 13px 14px 13px 40px;
}
#ai-text .ad2-feature-card::before {
left: 14px;
top: 39px;
}
} .consultation{
background: var(--blue-color);
padding: 30px 0px;
}
.consultation .section__tag{
color: var(--light-accent);
}
.consultation__title,
.consultation__text{
color: white;
}
.consultation__row{
display: flex;
column-gap: 33px;
align-items: end;
}
.consultation__col{
flex: 1;
}
.consultation__col.consultation-form{
flex: unset;
width: 546px;
flex-shrink: 0;
}
@media(max-width: 1200px){
.consultation__row{
flex-direction: column;
row-gap: 40px;
align-items: start;
}
.consultation__col.consultation-form{
width: 100%;
}
}
@media(max-width: 600px){
.consultation__row{
row-gap: 20px;
}
} .cookie-notice {
position: fixed;
left: 20px;
right: 20px;
bottom: 20px;
z-index: 9999999999;
display: none;
color: var(--blue-color);
background-color: #fff;
border-radius: 16px;
padding: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.cookie-notice a{
color: var(--main-accent);
text-decoration: underline;
}
.cookie-notice.show {
display: block;
animation: cookieFade .3s ease;
}
.cookie-notice__content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.cookie-notice p {
margin: 0;
font-size: 14px;
line-height: 1.5;
padding-bottom: 0px;
}
.cookie-notice__actions {
display: flex;
gap: 10px;
flex-shrink: 0;
}
.cookie-notice__btn {
border: none;
padding: 12px 18px;
border-radius: 10px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transition: .2s;
}
.cookie-notice__btn--accept {
color: #fff;
background-color: var(--blue-color);
}
.cookie-notice__btn--accept:hover {
opacity: .85;
}
@keyframes cookieFade {
from {
opacity: 0;
transform: translateY(15px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.cookie-notice__content {
flex-direction: column;
align-items: flex-start;
}
.cookie-notice__actions {
width: 100%;
}
.cookie-notice__btn {
flex: 1;
}
} .not-found{
padding-top: 100px;
}
.not-found__tag,
.not-found__text,
.not-found__title,
.not-found__link{
text-align: center;
width: 100%;
margin: auto;
}
.not-found__tag{
margin-bottom: 25px;
}
.not-found__title{
font-size: 40px;
margin-bottom: 25px;
}
.not-found__text{
font-family: var(--font-family);
font-size: 16px;
line-height: 25px;
letter-spacing: 3%;
max-width: 662px;
margin-bottom: 60px;
}
.not-found__link{
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 100%;
letter-spacing: 3%;
color: var(--main-accent);
display: block;
transition: color 0.2s linear;
}
.not-found__link:hover{
color: var(--light-accent);
}
@media(max-width: 1200px){
.not-found__title{
font-size: 36px;
}
}
@media(max-width: 1000px){
.not-found{
padding-top: 50px;
}
}
@media(max-width: 800px){
.not-found__title{
font-size: 32px;
}
.not-found__tag{
font-size: 16px;
margin-bottom: 16px;
}
.not-found__text{
margin-bottom: 40px;
}
.not-found__link{
font-size: 16px;
}
}
@media(max-width: 600px){
.not-found__text{
font-size: 14px;
margin-bottom: 30px;
}
.not-found__link{
font-size: 14px;
}
.not-found__title{
font-size: 30px;
margin-bottom: 12px;
}
} .gallery-filter{
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}
.gallery-filter button{
background-color: transparent;
border: none;
color: var(--main-accent);
}
.gallery-filter button.active{
background-color: var(--blue-color);
color: white;
}
.gallery-filter button:hover{
background-color: transparent;
color: var(--light-accent);
transform: translateY(-2px);
}
.gallery-filter button.active:hover{
background-color: var(--main-accent);
color: white;
}
.gallery-grid {
display: flex;
gap: 24px;
flex-wrap: wrap;
margin-top: 60px;
}
.gallery-grid > a{
width: calc((100% - 72px) / 4);
aspect-ratio: 1/1;
height: auto;
object-fit: cover;
object-position: center;
display: block;
}
.gallery-grid > a img{
width: 100% !important;
height: 100%;
object-fit: cover;
object-position: center;
}
@media(max-width: 1200px){
.gallery-grid > a{
width: calc((100% - 48px) / 3);
}
}
@media(max-width: 800px){
.gallery-grid > a{
width: calc((100% - 24px) / 2);
}
}
@media(max-width: 600px){
.gallery-grid{
row-gap: 12px;
margin-top: 40px;
}
.gallery-grid > a{
width: 100%;
max-width: 450px;
margin: auto;
}
}  .page-template-default ul{
padding-left: 22px;
margin-bottom: 24px;
}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font);text-wrap:balance}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}