@charset "UTF-8";
@font-face{
    font-family:Inter;
    src:url(../fonts/Inter-Regular.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:Inter;
    src:url(../fonts/Inter-SemiBold.woff2) format("woff2");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:Inter;
    src:url(../fonts/Inter-Medium.woff2) format("woff2");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:Inter;
    src:url(../fonts/Inter-Bold.woff2) format("woff2");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:Inter;
    src:url(../fonts/Inter-Black.woff2) format("woff2");
    font-weight:800;
    font-style:normal;
    font-display:swap
}
.btn{
    cursor:pointer;
    font-size:1rem
}
.btn--primary{
    background:var(--color-primary);
    border:none;
    color:#000;
    border-radius:8px;
    text-decoration:none;
    transition:all .3s
}
.btn--primary:hover{
    opacity:.8
}
.btn--secondary{
    border:none;
    background:var(--color-bg-lgray);
    color:#000;
    font-size:.875rem;
    padding:12px 18px;
    border-radius:8px
}
.btn--link{
    background:none;
    border:none;
    text-decoration:underline;
    padding:0;
    margin:0
}
.btn--size-md{
    padding:14px 36px
}
.btn--size-lg{
    padding:18px 36px
}
.btn--secondary:hover{
    opacity:.9
}
.burger-btn{
    width:30px;
    height:30px;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    background:none
}
.burger-btn img{
    width:100%
}
.side-menu{
    position:fixed;
    inset:0;
    background:#fff;
    background:var(--color-primary-light);
    color:#343434;
    z-index: 60;
    overflow-x:hidden;
    overflow-y:auto;
    transition:opacity .25s,visibility .25s;
    opacity:0;
    visibility:hidden;
    display:flex;
    flex-direction:column;
    gap:30px;
    padding:30px
}
.side-menu__close-button{
    padding:0;
    background-color:transparent;
    border:0;
    position:absolute;
    top:15px;
    right:10px;
    font-size:1.5rem
}
.side-menu__nav{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    gap:10px;
    flex-direction:column;
    font-size:1.1rem
}
.side-menu__nav a{
    color:#000;
    text-decoration:none
}
.side-menu__nav a:hover{
    opacity:.7
}
.side-menu__phone{
    font-size:2rem;
    text-decoration:none;
    font-weight:500;
    margin-bottom:5px;
    color:#000
}
.side-menu__callback{
    width:100%
}
.side-menu--is-open{
    opacity:1;
    visibility:visible
}
.side-menu-shadow{
    position:absolute;
    top:0;
    left:0;
    display:none;
    poInter-events:none
}
.side-menu-shadow--is-active{
    transition:all .4s ease-in-out;
    display:block;
    width:100%;
    height:100%;
    z-index:94;
    background-color:#000000b3;
    position:fixed;
    top:0;
    left:0;
    poInter-events:all
}
.header{
    padding:10px 0
}
.header__container{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    gap:15px
}
.header__contacts{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:25px
}
@media (max-width: 1024px){
    .header__nav{
        display:none
    }
}
@media (max-width: 650px){
    .header__callback-btn{
        display:none
    }
}
.header__burger{
    display:none
}
@media (max-width: 1024px){
    .header__burger{
        display:block
    }
}
.header--fixed{
    position:fixed;
    top:0;
    width:100%;
    background:#fff;
    z-index:20;
    box-shadow:0 0 15px #00000010
}
.header-nav{
    list-style:none;
    display:flex;
    flex-direction:row;
    gap:15px;
    margin:0;
    padding:0;
    color:#000;
    cursor:pointer;
    font-size:1rem
}
.header-nav a{
    text-decoration:none;
    color:inherit;
    transition:all .3s
}
.header-nav a:hover{
    opacity:.7
}
.header-phone{
    text-align:right
}
.header-phone a{
    font-weight:700;
    font-size:1.25rem;
    text-decoration:none;
    color:#000;
    transition:all .3s
}
.header-phone a:hover{
    opacity:.9
}
@media (max-width: 480px){
    .header-phone{
        display:none
    }
}
.hero{
    background:url(../img/hero--bg.webp) center center/cover no-repeat;
    padding-top:70px;
    overflow:hidden
}
.hero__container{
    position:relative;
    display:flex;
    flex-direction:row
}
@media (max-width: 768px){
    .hero__container{
        flex-direction:column
    }
}
.hero__content{
    display:flex;
    flex-direction:column;
    gap:30px;
    padding:40px 0 120px;
    max-width:60%;
    z-index:10
}
@media (max-width: 768px){
    .hero__content{
        max-width:100%;
        padding-bottom:650px
    }
}
.hero h1{
    font-size:1rem;
    color:var(--color-gray-700);
    font-weight:400
}
.hero__title{
    margin-bottom: .6em;
}
.hero__avatars{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin: 20px 0;
}
@media (max-width: 1024px){
    .hero__avatars{
        flex-direction:column;
        gap:0
    }
}
.hero__avatars-images img{
    width:100%
}
.hero__avatars-caption{
    /* max-width:30%; */
    line-height:1rem
}
@media (max-width: 1024px){
    .hero__avatars-caption{
        max-width:70%
    }
}
.hero__buttons{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:20px
}
@media (max-width: 1024px){
    .hero__buttons{
        gap:10px;
        flex-direction:column
    }
}
.hero__btn-secondary{
    display:inline-flex;
    text-align:center;
    flex-direction:column;
    align-items:center;
    border:none;
    background:none;
    padding:0;
    margin:0;
    cursor:pointer
}
.hero__btn-secondary span{
    text-decoration:underline
}
.hero__images ._man{
    position:absolute;
    bottom: -100px;
    z-index:10;
    width: 600px
}
@media (max-width: 1024px){
    .hero__images ._man{
        width:400px
    }
}
.hero__images ._car{
    position:absolute;
    z-index:5;
    bottom:-100px;
    right:-20%
}
@media (max-width: 1024px){
    .hero__images ._car{
        width:650px;
        bottom:-70px
    }
}
.hero__badge{
    padding:15px;
    background:#ffffffde;
    border-radius:5px;
    position:absolute;
    bottom:30px;
    right: 80px;
    font-size:var(--fz-sm);
    z-index:15;
    color:#000
}
/* @media (max-width: 1024px){
    .hero__badge{
        top:-30px
    }
} */
@media (max-width: 768px){
    .hero__badge{
        inset:auto auto 500px 0
    }
}
.services__main-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 20px;
}
@media (max-width: 480px) {
  .services__main-list {
    grid-template-columns: 1fr;
  }
}
/* .services__main-list{
    display:flex;
    flex-direction:row;
    gap:20px;
    flex-wrap: wrap;
}
@media (max-width: 768px){
    .services__main{
        flex-wrap:wrap
    }
}
.services__main-item{
    min-width: 350px;
    max-width: 48%;
    width: 100%;
}
@media (max-width: 768px){
    .services__main-item{
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }
} */
.services__main-col{
    flex:1 1 50%;
    display:flex;
    flex-direction:column;
    gap:10px
}
.services__additional{
    display:flex;
    flex-direction:row;
    gap:10px;
    margin-top:20px;
    align-items:stretch;
    justify-content:stretch
}
.services__show-all{
    text-align: center;
    margin-top: 30px;
}
.services__additional div{
    flex:1
}
@media (max-width: 768px){
    .services__additional{
        flex-direction:column
    }
}
.services__tags{
    justify-content: center;

}
.service-card{
    border-radius:15px;
    overflow:hidden
}
.service-card__content{
    padding:35px;
    display:flex;
    flex-direction:column;
    gap:35px;
    z-index:2
}
.service-card__desc a{
    color: inherit;
    display: block;
    margin-top: 5px;
}
.service-card__title{
    font-weight:700
}
.service-card__cta-wrapper{
    display:flex;
    flex-direction:row;
    gap:15px
}
@media (max-width: 1024px){
    .service-card__cta-wrapper{
        flex-direction:column-reverse
    }
}
.service-card--main{
    height:100%;
    display:flex;
    justify-content:flex-end;
    align-items:flex-end
}
.service-card--main video{
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    transform:translate(-50%,-50%);
    object-fit:cover;
    z-index:1
}
.service-card--main video::-webkit-media-controls{
    display:none!important;
    -webkit-appearance:none
}
@media (max-width: 768px){
    .service-card--main{
        padding-top:500px;
        height:800px
    }
}
.service-card__video-wrapper{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.service-card--outline{
    background:none;
    border:1px solid var(--color-gray-300)
}
.service-card--yellow{
    background:var(--color-primary-light);
    border:1px solid var(--color-gray-300)
}
.service-card--small .service-card__content{
    padding:20px;
    background:#fff;
    gap:15px;
    height:100%
}
.service-card--bg-image{
    position:relative;
    background:#161617 center center/cover no-repeat;
    color:#fff
}
.service-card--bg-image .service-card__content{
    background:linear-gradient(90deg,#000,#000000b3 40%,#0003);
    /* background: linear-gradient(0deg, #000, #000000cc 15%, #000000e3 25%, #00000047 50%, #0000); */
}
.service-card--bg-image .service-card__title{
    color:var(--color-primary)
}
.service-card--bg-image .service-card__more{
    color:#fff
}
.service-card__price{
    font-weight: bold;
    display: inline-flex;
    border: 1px solid var(--color-primary);
    padding:12px 18px;
    border-radius: 8px;
    line-height: 1;
    align-items: center;
    max-width: 140px;
    justify-content: center;
}
.service-card.service-card--bg-image.service-card--main .service-card__content{
    padding-top:300px;
    /* background:linear-gradient(0deg,#000,#000000b3 70%,#0000) */
    background: linear-gradient(0deg, #000, #000000cc 15%, #000000e3 25%, #00000047 50%, #0000);
}
.feature-card{
    display:flex;
    flex-direction:row;
    gap:20px
}
.feature-card__content{
    display:flex;
    flex-direction:column;
    gap:15px
}
.feature-card__icon,.feature-card__icon img{
    width:30px
}
.feature-card__title,.feature-card__desc{
    margin:0;
    padding:0
}
.case-card{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:flex-end;
    min-height:750px;
    background:#dadada center center/cover no-repeat;
    border-radius:15px;
    overflow:hidden;
    position: relative;
}
.case-card__badges{
    position: absolute;
    top: 20px;
    left: 20px;
    
}
@media (max-width: 500px){
    .case-card__badges{
        display: flex;
        flex-wrap: wrap;
        gap: 5px
    }
}
.case-card__badge{
    font-size: 14px;
    background: #F5F5F580;
    color: #000;
    border-radius: 8px;
    padding: 13px 30px;
    margin-right: 5px;
    text-decoration: none;
}
.case-card__content{
    color:#fff;
    display:flex;
    flex-direction:column;
    gap:15px;
    background:linear-gradient(0deg,#000,#0000);
    padding:150px 30px 30px;
    width:100%
}
.case-card__title{
    font-size:1.875rem
}
.case-card__bullets{
    display:flex;
    flex-direction:row;
    gap:50px
}
@media (max-width: 480px){
    .case-card__bullets{
        margin-top:20px;
        gap:10px;
        flex-direction:column
    }
}
.case-card__price-title{
    font-size:1.125rem
}
.case-card__price-sum{
    color:var(--color-primary);
    font-size:1.5625rem
}
.faq-card{
    border:1px solid var(--color-gray-300);
    border-radius:10px
}
.faq-card__title{
    margin:0;
    background:var(--color-bg-lgray);
    padding:15px 25px;
    border-bottom:1px solid var(--color-gray-300);
    font-size:1.125rem;
    text-decoration: none;
    color: inherit;
    display: block;
}
.faq-card__answer{
    padding:15px 25px;
    background:#fff
}
.simple-form{
    display: flex;
    flex-direction: column;
    /* gap:30px; */
    align-items:flex-start;
    width:100%;
    position: relative;
}
.simple-form__content{
    display:inline-flex;
    gap:30px;
    align-items:flex-end;
    width:100%
}
.simple-form__item{
    position:relative;
    width:100%
}
.simple-form__label{
    color:var(--color-gray-700)
}
.simple-form__input{
    outline:none;
    background:#fff;
    box-shadow:inset 0 0 0 100px #fff;
    border:1px solid var(--color-gray-300);
    border-radius:5px;
    color:var(--color-gray-700);
    font-size:1rem;
    line-height:1.5625rem;
    padding:15px 20px;
    box-sizing:border-box;
    display:block;
    width:100%;
    transition:all .3s;
    margin-top:5px
}
.simple-form__input:focus{
    border-color:#000
}
.simple-form__input-text-error{
    color:var(--color-error);
    font-size:.875rem;
    position:absolute;
    bottom:-1.2rem;
    left:0
}
.simple-form__submit{
    padding:15px 65px;
    font-size:1rem;
    line-height:1.5625rem
}
.simple-form__submit:disabled{
    cursor:auto;
    background:var(--color-gray-300);
    color:var(--color-gray-700)
}
.simple-form__input--error{
    border:1px solid var(--color-error)
}
.simple-form__content--vertical{
    flex-direction:column;
    align-items:flex-start
}
.simple-form--sending{
    opacity:.7;
    position:relative
}
.simple-form--sending input{
    background:var(--color-gray-300);
    color:var(--color-gray-700)
}
.simple-form--sending:before{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#cccccc50;
    /* margin:-3% -5%; */
    border-radius:8px;
    z-index:20
}
.simple-form--sending:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:20px;
    height:20px;
    border:3px solid #000;
    border-radius:50%;
    z-index:25
}
  .form-message {
 /* margin-top: 1rem; */ 
    padding: 0.8rem 1rem;
    border-radius: 4px;
    font-size: 14px;
    animation: fadeIn 0.3s ease;
    z-index: 555;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: var(--fz-h2);
}

.form-message--success {
  background: #e6f9f0;
  color: #0a8f55;
  border: 1px solid #0a8f55;
}

.form-message--error {
  background: #fdeaea;
  color: #c62828;
  border: 1px solid #c62828;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

:root{
    --color-primary: #FBEB34;
    --color-primary-light: #F9F4E9;
    --color-bg-lgray: #F5F5F5;
    --color-gray-300: #D9D9D9;
    --color-gray-700: #3D3D3D;
    --color-error: #b61919;
    --fz-h1: 2.1875rem;
    --fz-h2: 1.875rem;
    --fz-h3: 1.5625rem;
    --fz-h4: 1.3125rem;
    --fz-h5: 1.125rem;
    --fz-h6: 1rem;
    --fz-sm: .875rem;
    --fz-xs: .75rem
}
*{
    box-sizing:border-box;
    font-family:Inter,Arial,Helvetica,sans-serif
}
html{
    scroll-behavior:smooth
}
.body{
    background:#fff;
    margin:0;
    padding:70px 0 0;
    font-size:16px
}
.body--is-fixed{
    overflow:hidden
}
p a{
    color:#8b831c
}
.title--h1{
    font-size:var(--fz-h1);
    line-height: 1.3em;
}
.title--h2{
    font-size:var(--fz-h2)
}
.title--h3{
    font-size:var(--fz-h3)
}
.title--h4{
    font-size:var(--fz-h4)
}
.title--h5{
    font-size:var(--fz-h5)
}
.container{
    max-width:1140px;
    width:100%;
    margin:0 auto;
    padding:0 10px
}
.hystmodal__window{
    padding:30px;
    border-radius:20px
}
.section{
    padding:30px 0
}
.section__title{
    margin: 20px 0;
}
.section--services{
    background:var(--color-bg-lgray)
}
.benefits-section{
    padding:60px 0 50px
}
.benefits-section__title{
        margin-bottom: 35px;
    }
    .benefits-section__cols{
        display: flex;
        flex-direction: row;
        gap: 40px;
        margin-bottom: 50px;
    }
    @media (max-width: 700px){
        .benefits-section__cols{
            flex-direction: column;
        }
    }
    .benefits-section__col{
        flex-shrink: 1;
    }
    .benefits-section__col:first-child{
        flex: 0 0 30%;
    }
    .benefits-section__col:last-child {
        flex: 1 1 auto;
    }
    .benefits-section__col ul{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .benefits-section__col li{
        margin-bottom: 10px;    
    }
    .benefits-video figcaption{
        color: var(--color-gray-700);
        font-size: 14px;
        margin-top: 10px;
    }
.benefits-section__list{
    display:flex;
    gap:30px;
    padding:0 30px;
    flex-wrap:wrap
}
.benefits-section__item{
    flex:1 1 calc(25% - 30px);
    box-sizing:border-box
}
@media (max-width: 768px){
    .benefits-section__item{
        flex:1 1 calc(50% - 30px)
    }
}
.benefits-section__item-title{
    font-weight:700;
    margin-bottom:8px
}
.benefits-section__text{
    font-size:.875rem;
    line-height:1.4
}
.about-section{
    background:#fff url(../img/about-bg.webp) bottom left/contain no-repeat;
    overflow:hidden;
    position:relative
}
.about-section__container{
    display:flex;
    flex-direction:row-reverse;
    gap:60px
}
@media (max-width: 768px){
    .about-section__container{
        flex-direction:column-reverse
    }
}
.about-section__content{
    margin-left:auto;
    max-width:50%;
    display:flex;
    flex-direction:column;
    gap:10px;
    z-index:2
}
@media (max-width: 768px){
    .about-section__content{
        max-width:100%
    }
}
.about-section__badges{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 30px 0;
}
.about-section__badges .about-badge{
    /* flex-basis: 48%; */
    max-width: 47%;
    width: 100%;
}
@media (max-width: 500px){
    .about-section__badges .about-badge{
        max-width: 100%;
    }
}
.about-badge{
    background: #fff;
    box-shadow: 0 0 50px #00000010;
    padding: 18px 22px;
    border-radius: 10px;
}
.about-badge__title{
    font-weight: bold;
}

.about-section__photo-wrapper{
    display:flex;
    align-items:flex-end
}
.about-section__photo{
    margin-bottom:-40px
}
@media (max-width: 1024px){
    .about-section__photo{
        max-width:400px
    }
}
@media (max-width: 768px){
    .about-section__photo{
        max-width:200px
    }
}
.about-section:after{
    content:"";
    position:absolute;
    bottom:0;
    width:100%;
    height:250px;
    background:url(../img/clouds.webp) top center/cover no-repeat;
    z-index:1
}
@media (max-width: 768px){
    .about-section:after{
        background-position:top center;
        top:270px
    }
}
@media (max-width: 768px){
    .about-section{
        flex-direction:column-reverse;
        background-position:top center
    }
}
.check-section__content{
    display:flex;
    flex-direction:row-reverse;
    gap:60px
}
@media (max-width: 768px){
    .check-section__content{
        gap:0
    }
}
.check-section__item{
    flex:1 1 50%
}
.check-section__feature{
    opacity:.5;
    transition:all .5
}
.check-section__feature.is-active{
    opacity:1
}
.check-section__list{
    display:flex;
    flex-direction:column;
    gap:50px
}
@media (max-width: 768px){
    .check-section__list{
        flex-basis:70%
    }
}
.check-section__image{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:flex-start
}
.check-section__image img{
    position:sticky;
    width:100%;
    top:0
}
@media (max-width: 768px){
    .check-section__image img{
        top:45px
    }
}
@media (max-width: 768px){
    .check-section__image{
        flex-basis:20%
    }
}
.avito-section__container{
    display:flex;
    flex-direction:row;
    gap:120px
}
@media (max-width: 768px){
    .avito-section__container{
        flex-direction:column
    }
}
.avito-section__col{
    flex:1 1 50%
}
.avito-section__content{
    display:flex;
    flex-direction:column;
    gap:30px
}
.avito-section__img{
    max-width:100%;
    width:100%;
    border-radius:15px;
    box-shadow:0 4px 20px #00000010
}
.cases-section__grid{
    display:flex;
    gap:40px;
    flex-wrap:wrap
}
.cases-section__case-card{
    flex:1 1 calc(50% - 30px);
    min-width:280px
}
@media (max-width: 768px){
    .cases-section__case-card{
        flex-basis:100%
    }
}
.cities-section{
    background:#f8f8f8
}
.cities-section__grid{
    gap:20px;
    justify-items:center;
    margin-top:30px;
    display:flex;
    flex-wrap:wrap
}
.cities-section__grid a{
    background:#fff;
    display:inline-block;
    padding:20px;
    border-radius:12px;
    box-shadow:0 2px 8px #0000001a;
    font-weight:600;
    transition:transform .3s,box-shadow .3s;
    cursor:default;
    text-decoration: none;
    color: #000;

}
.cities-section__grid div:hover{
    transform:translateY(-5px);
    box-shadow:0 6px 15px #00000026
}
.faq-section__grid{
    display:flex;
    gap:20px;
    flex-wrap:wrap
}
.faq-section__faq-card{
    flex:1 1 calc(50% - 30px);
    min-width:280px;
    overflow: hidden;
}
@media (max-width: 768px){
    .faq-section__faq-card{
        flex-basis:100%
    }
}
.faq-section__contacts{
    display:flex;
    flex-direction:column;
    gap:60px;
    justify-content:center;
    align-items:center;
    text-align:center;
    margin:70px 0
}
.seo-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 40px;
}
.seo-tags._hide{
    display: none;
}
.seo-tags a {
  padding: 6px 10px;
  background: #f1f1f1;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
}
.seo-tags a:hover {
  background: #e2e2e2;
}

@media (max-width: 768px){
    .faq-section__form .simple-form__content{
        flex-direction:column
    }
}
.photos-section__masorny{
    position:relative
}
.photos-section .grid-sizer,.photos-section .grid-item{
    width:calc(25% - 10px)
}
@media (max-width: 768px){
    .photos-section .grid-sizer,.photos-section .grid-item{
        width:calc(50% - 10px)
    }
}
.photos-section .grid-item{
    margin-bottom:10px
}
.photos-section .grid-item__desc{
    margin-top:10px;
    margin-bottom:25px
}
.photos-section .grid-item img{
    display:block;
    width:100%;
    height:auto;
    border-radius:5px
}
.footer{
    background:var(--color-bg-lgray);
    border-top:1px solid var(--color-gray-300);
    padding:30px 0;
    margin-top:50px
}
.footer__container{
    display:flex;
    flex-direction:column;
    gap:20px;
    text-align:center;
    align-items:center;
    justify-content:center
}
.footer a{
    text-decoration:none;
    color:var(--color-gray-700)
}
.list{
    margin:0;
    display:flex;
    flex-direction:column;
    gap:8px
}
.list--stop{
    list-style:none;
    padding-left:15px
}
.image-list{
    list-style:none;
    padding-left:0
}
.image-list li{
    position:relative;
    padding-left:30px;
    margin-bottom:8px
}
.image-list li:before{
    content:"";
    position:absolute;
    left:0;
    top:.2rem;
    width:20px;
    height:20px;
    background-size:contain;
    background-repeat:no-repeat
}
.image-list--stop li:before{
    background-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='23'%20viewBox='0%200%2022%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%201.5L1%207.656V15.5L7%2021.5H15L21%2015.5V7.656L15%201.5H7Z'%20stroke='%23FB6D6D'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15%2011.5H7'%20stroke='%23FB6D6D'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e")
}
.image-list--check li:before{
    background-image:url("data:image/svg+xml,%3csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.4999%2012.1999L3.1499%207.8499L3.8499%207.1499L7.4999%2010.7999L13.1499%205.1499L13.8499%205.8499L7.4999%2012.1999Z'%20fill='black'/%3e%3cpath%20d='M8.5%2017C3.8%2017%200%2013.2%200%208.5C0%203.8%203.8%200%208.5%200C13.2%200%2017%203.8%2017%208.5C17%2013.2%2013.2%2017%208.5%2017ZM8.5%201C4.35%201%201%204.35%201%208.5C1%2012.65%204.35%2016%208.5%2016C12.65%2016%2016%2012.65%2016%208.5C16%204.35%2012.65%201%208.5%201Z'%20fill='%23FBEB34'/%3e%3c/svg%3e")
}
.socials{
    display:flex;
    flex-direction:row;
    gap:8px
}
.socials a{
    text-decoration:none
}
.qr-codes{
    display:flex;
    flex-direction:row;
    gap:8px;
    flex-wrap: wrap;
}
.qr-codes__item{
    display:flex;
    flex-direction:column;
    align-items:center
}
.qr-codes__text{
    opacity:.8;
    color:#000
}
.qr-codes__img{
    max-width:200px
}
@media (max-width: 480px){
    .qr-codes{
        flex-direction:column
    }
}
:root{
    --hystmodal-speed: .2s;
    --hystmodal-zindex: 70
}
.hystmodal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    poInter-events:none;
    display:grid;
    grid-template-columns:100%;
    grid-template-rows:0px min-content 0px;
    justify-content:center;
    align-content:space-between;
    visibility:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.hystmodal::-webkit-scrollbar{
    display:none
}
.hystmodal:before{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    display:block;
    background-color:#000;
    opacity:0;
    poInter-events:none
}
.hystmodal--animated:before{
    transition:opacity var(--hystmodal-speed) ease
}
.hystmodal--active:before{
    opacity:.6
}
.hystmodal--moved,.hystmodal--active{
    opacity:1;
    poInter-events:none;
    visibility:visible
}
.hystmodal--active{
    poInter-events:auto
}
.hystmodal__wrap{
    display:block;
    min-width:0;
    grid-row:2 / 3
}
.hystmodal__window{
    min-width:0;
    grid-row:2 / 3;
    position:relative;
    z-index:10;
    box-sizing:border-box;
    flex-shrink:0;
    flex-grow:0;
    background:#fff;
    width:600px;
    max-width:100%;
    overflow:visible;
    transform:scale(.95);
    opacity:0;
    margin:50px auto
}
.hystmodal__window--loading{
    min-height:400px;
    background-image:url("data:image/svg+xml,%0A%3Csvg width='105' height='105' viewBox='0 0 105 105' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='0s' dur='1s' values='1;
    .2;
    1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='12.5' cy='52.5' r='12.5' fill-opacity='.5'%3E%3Canimate attributeName='fill-opacity' begin='100ms' dur='1s' values='1;
    .2;
    1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='300ms' dur='1s' values='1;
    .2;
    1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='52.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='600ms' dur='1s' values='1;
    .2;
    1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='800ms' dur='1s' values='1;
    .2;
    1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='52.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='400ms' dur='1s' values='1;
    .2;
    1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='12.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='700ms' dur='1s' values='1;
    .2;
    1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='500ms' dur='1s' values='1;
    .2;
    1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='200ms' dur='1s' values='1;
    .2;
    1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A");
    background-position:50%;
    background-repeat:no-repeat;
    background-size:48px
}
.hystmodal--animated .hystmodal__window{
    transition:transform var(--hystmodal-speed) ease 0s,opacity var(--hystmodal-speed) ease 0s
}
.hystmodal--active .hystmodal__window{
    transform:none;
    opacity:1
}
.hystmodal__close{
    position:absolute;
    z-index:10;
    top:15px;
    right:15px;
    display:block;
    width:25px;
    height:25px;
    background-color:transparent;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
    background-size:100% 100%;
    border:none;
    font-size:0;
    cursor:pointer;
    outline:none
}
.hystmodal__close--wh{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E")
}
.hystmodal__close:hover{
    opacity:.95
}
.hystmodal__close:focus{
    outline:2px dotted rgba(0,0,0,.7);
    outline-offset:2px
}
.hystmodal__close--wh:focus{
    outline:2px dotted rgba(255,255,255,.7)
}
@media all and (max-width:767px){
    .hystmodal__close{
        top:10px;
        right:10px;
        width:24px;
        height:24px
    }
    .hystmodal__window{
        margin-top:0;
        margin-bottom:0
    }
}
: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);
    -webkit-backdrop-filter:var(--f-button-backdrop-filter);
    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);
    position:relative;
    z-index:1
}
.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:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);
    padding:0;
    width:var(--f-spinner-width);
    height:var(--f-spinner-height);
    border-radius:var(--f-spinner-border-radius);
    border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);
    border-top-color:var(--f-spinner-color-2);
    animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both
}
@keyframes f-spinner{
    to{
        transform: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;
    -webkit-user-select: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:1
}
.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;
    -webkit-user-select:none;
    user-select:none
}
.f-panzoom__protected{
    position:absolute;
    inset:0;
    z-index:1;
    -webkit-user-select:none;
    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)
}
.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)
}
.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);
    -webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);
    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__column{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-content:flex-start;
    gap:var(--f-toolbar-gap, 0);
    poInter-events:none
}
.f-carousel__toolbar__column.is-left{
    justify-self:flex-start;
    justify-content:flex-start
}
.f-carousel__toolbar__column.is-middle{
    justify-content:center
}
.f-carousel__toolbar__column.is-right{
    justify-self:flex-end;
    justify-content:flex-end;
    flex-flow:nowrap
}
.f-carousel__toolbar__column>*{
    poInter-events:all
}
.f-counter{
    position:relative;
    display:flex;
    flex-direction:row;
    cursor:default;
    -webkit-user-select:none;
    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-z-index: 1;
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-clip-width: 46px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-fit: cover;
    --f-thumb-opacity: 1;
    --f-thumb-transition: opacity .3s ease, transform .15s ease;
    --f-thumb-border: none;
    --f-thumb-border-radius: 4px;
    --f-thumb-transfors: none;
    --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-thumbs{
    flex-shrink:0;
    margin:var(--f-thumbs-margin);
    padding:0;
    background:var(--f-thumbs-bg);
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    user-select:none;
    transition:max-height .3s ease,max-width .3s ease;
    position:relative;
    overflow:hidden;
    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 + var(--f-thumbs-gap) * 2)
}
.f-thumbs.is-vertical{
    max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)
}
.f-thumbs.is-ltr{
    direction:ltr
}
.f-thumbs.is-rtl{
    direction:rtl
}
.f-thumbs__viewport{
    margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
    overflow:visible;
    display:grid
}
.f-thumbs.is-vertical .f-thumbs__viewport{
    height:calc(100% - var(--f-thumbs-padding-y) * 2)
}
.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;
    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:none;
    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__slide img{
    display:block;
    width:100%;
    height:100%;
    object-fit:var(--f-thumb-fit);
    border-radius:inherit;
    poInter-events:none
}
.f-thumbs__slide img.has-lazyerror{
    display:none
}
.f-thumbs.is-classic{
    --f-carousel-slide-width: var(--f-thumb-width);
    --f-carousel-slide-height: var(--f-thumb-height);
    --f-carousel-gap: var(--f-thumbs-gap)
}
.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);
    margin-inline:calc(var(--f-carousel-slide-width) * -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
}
: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);
    -webkit-user-select:none;
    user-select:none;
    poInter-events:none;
    animation-name:f-progressbar;
    animation-play-state:running;
    animation-timing-function:linear
}
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{
    width:100%;
    height:100vh;
    max-height:unset;
    max-width:unset;
    padding:0;
    margin:0;
    border:0;
    overflow:hidden;
    background:transparent;
    touch-action:none
}
.fancybox__dialog:focus{
    outline:none
}
.fancybox__dialog::backdrop{
    opacity:0
}
@supports (height: 100dvh){
    .fancybox__dialog{
        height:100dvh
    }
}
div.fancybox__dialog{
    position:fixed;
    inset:0;
    z-index:1050
}
.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;
    --f-arrow-border-radius: 50%;
    --f-arrow-bg: rgba(54, 54, 54, .65);
    --f-arrow-color: #ddd;
    --f-arrow-hover-color: #fff;
    --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;
    position:absolute;
    inset:0;
    overflow:hidden;
    outline:none;
    display:flex;
    flex-direction:column
}
.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
}
.fancybox__container::backdrop{
    background-color:transparent
}
.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__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.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__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){
    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__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){
    animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut
}
.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)
}
.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-close-btn{
    padding-top:34px
}
.fancybox__slide .f-button[data-fancybox-close]{
    --f-button-width: var(--f-close-button-width, 34px);
    --f-button-height: var(--f-close-button-height, 34px);
    --f-button-border-radius: var(--f-close-border-radius, 4px);
    --f-button-color: var(--f-close-button-color, #fff);
    --f-button-hover-color: var(--f-close-button-hover-color, #fff);
    --f-button-bg: var(--f-close-button-bg, transparent);
    --f-button-hover-bg: var(--f-close-button-hover-bg, transparent);
    --f-button-active-bg: var(--f-close-button-active-bg, transparent);
    --f-button-svg-width: var(--f-close-button-svg-width, 22px);
    --f-button-svg-height: var(--f-close-button-svg-height, 22px);
    position:absolute;
    top:calc(var(--f-button-height) * -1);
    right:0;
    z-index:40
}
.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{
    overflow:visible
}