/* Root */
:root{
    --bg:#f2f2ef;
    --white:#fff;
    --black:#000;
    --grey: #6d6d6d;
    --light-grey: #a4a3a3;
    --red: #cb2603;
    --brown: #8d8a6e;
    --blue: #6993d3;

    --cubic-bezier:cubic-bezier(.4,0,0,1);
    --cubic-bezier-1:cubic-bezier(.6,0,0,1);
    --cubic-bezier-2:cubic-bezier(0,0,0,1.4);

    ---60: -60px;
    ---40: -40px;
    ---30: -30px;
    ---24: -24px;
    ---20: -20px;
    ---16: -16px;
    ---12: -12px;
    ---10: -10px;
    ---8: -8px;
    ---4: -4px;
    ---2: -2px;
    ---1: -1px;
    --1: 1px;
    --2: 2px;
    --3: 3px;
    --4: 4px;
    --6: 6px;
    --8: 8px;
    --10: 10px;
    --12: 12px;
    --14: 14px;
    --16: 16px;
    --18: 18px;
    --19: 19px;
    --20: 20px;
    --22: 22px;
    --24: 24px;
    --28: 28px;
    --30: 30px;
    --32: 32px;
    --36: 36px;
    --40: 40px;
    --42: 42px;
    --48: 48px;
    --52: 52px;
    --56: 56px;
    --60: 60px;
    --64: 64px;
    --72: 72px;
    --80: 80px;
    --84: 84px;
    --96: 96px;
    --100: 100px;
    --112: 112px;
    --114: 114px;
    --120: 120px;
    --128: 128px;
    --136: 136px;
    --148: 148px;
    --157: 157px;
    --160: 160px;
    --172: 172px;
    --180: 180px;
    --200: 200px;
    --218: 218px;
    --284: 284px;
    --354: 354px;
    --440: 440px;
    --470: 470px;
    --670: 670px;

    /* --- */
	--439: 439px;
	--605: 605px;
	--688: 688px;
	--910: 910px;
	--1090: 1090px;

    /* -40,-30,-24,-20,-16,-12,-10,-8,-4,-2,-1,1,2,4,6,8,10,12,14,16,18,19,20,24,28,30,32,36,40,42,48,52,56,60,64,72,80,84,96,100,112,114,120,128,136,148,160,172,180,200,354,440,670 */
}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
input, textarea, button, select, a, img, div{-webkit-tap-highlight-color: transparent;}
/* Doc */
html{height:100%;width:100%;position:relative;background:var(--bg);}
body{font-size:var(--18);width:100%;height:100%;position:relative;font-family:'Geologica', sans-serif;font-weight:200;font-style:normal;color:var(--black);min-width:300px;background:var(--bg);-webkit-transition:background 1s;-o-transition:background 1s;transition:background 1s;}
/* a */
a,a:visited,a:active,a:focus{color:var(--black);outline:none;text-decoration:none;}
.desktop a:hover{text-decoration:none;}
:active,:hover,:focus{outline:0;outline-offset:0;}
a img{border:0;}
input,button{-webkit-box-sizing:border-box;box-sizing:border-box;}
input{-webkit-appearance:none;}
/* text */
p{color:var(--black);font-size: var(--18); line-height:1.4em;margin-bottom:0;font-weight:200;transition: all 0.2s ease;}
img{outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition: all 0.2s ease;}
ul{list-style:none;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.nowrap{white-space:nowrap;}
/* div */
.overflow{overflow:hidden;}
.relative{position:relative;}
.w-100{width:100%;}
.h-100{height:100%;}
.h-app-100{min-height:100dvh;}
*::selection{color:var(--black);background:var(--blue);}
/* h1 - h6 */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.caps{color:var(--black);margin:0;font-family:'Unbounded', sans-serif;font-weight:400;}
h1,.h1{font-size:4em;line-height:1em;text-transform:uppercase;}
h2,.h2{font-size:2.5em;line-height:1.2em;}
h3,.h3{font-size:1.75em;line-height:1.28571428em;}
h4,.h4{font-size:1.25em;line-height:1.4em;}
h5,.h5{font-size:1em;line-height:1.5em;font-weight:500;}
h6,.h6,.small{font-size:.875em;line-height:1.42857142em;}
.caps{font-size:.75em;line-height:1.66666666em;letter-spacing:.03em;text-transform:uppercase;font-weight:500;}
.subtitle{flex: 0 0 auto;max-width:286px;font-size: var(--24);font-weight: 700;}
.subtitle_light {font-weight: 200;}
.bold{font-weight:700;}
.highlight{position: relative;display: block; padding: var(--10) 0;}
.highlight > * {display: block;padding-left:var(--30);margin:0;}
.highlight:before{content: '';position: absolute;top: 0; width: 2px;height: 100%;background-color: var(--white);}

.highlight-block {padding: 40px!important; border-radius: 20px;}
/* ---------------------------------------------- MAIN ---------------------------------------------- */
.main{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;display:none;}
.ready .main{opacity:1;display:block;}
/* Scroll */
.main-scroll{position:relative;width:100%;min-width:300px;height:100%;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;pointer-events:none;will-change:transform;}
.scroll-container{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%!important;pointer-events:auto;will-change:transform;transform:translateZ(0);}
.scroll-content{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;will-change:transform;transform:translateZ(0);}
.scrollbar-track{z-index:9999!important;will-change:transform;}
.scrollbar-track-y{right:0!important;width:var(--8)!important;background:transparent!important;}
.scrollbar-track-y:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--blue15);opacity:0;transform:scaleX(.5);transform-origin:right center;transition:opacity .3s, transform .3s;}
.scrollbar-thumb{background:transparent!important;border-radius:0!important;width:100%!important;}
.scrollbar-track-y .scrollbar-thumb:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--light);transform:scaleX(.5);transform-origin:right center;opacity:.5;transition:opacity .3s, transform .3s;}
.desktop .scrollbar-track-y:hover .scrollbar-thumb:before{transform:scaleX(1);opacity:1;}
.desktop .scrollbar-track-y:hover:before{transform:scaleX(1);opacity:1;}

/* ---------------------------------------------- HEADER ---------------------------------------------- */
.header{position:absolute;top:0;left:0;width:100%;padding:var(--48) 0;z-index:999;background:transparent;transition:padding 1s, background 1s;}

/*.header.fixed{padding:var(--20) 0;background:var(--black);}*/

.logo{display:block;height:var(--28);transition:opacity .3s;}
.logo svg{display:block;height:100%;}
.desktop .logo:hover{opacity:.5;}

/* ---- */

.title-podpis {
    position: absolute;
    bottom:10%;
    left:35%;
    width: 411px;
    /*height: 243px;*/
    /*background-image: url('../img/podpis.png');
    background-size: cover;
    background-repeat: no-repeat;
    animation: sprite 5.5s steps(42) 1 forwards;*/
}

.title-podpis:before{
    content:'';
    display:block;
    width:100%;
    padding-top:59.05224787%;
    background-image: url('../img/podpis.png');
    background-size: cover;
    background-repeat: no-repeat;
    animation: sprite 3.5s steps(42) 1 forwards;
}

@keyframes sprite {
  from { background-position: 0 0%; }
  to { background-position: 100% 0; }
}

/* ---------------------------------------------- FOOTER ---------------------------------------------- */
.footer {background-color: var(--red); padding: 35px 0 55px;}
.footer-text {font-size: var(--16); color: var(--white);}

.footer-container {
    gap: var(--40);
}

.title-podpis-footer {
    position: absolute;
    right: 100px;
    top: -40px;
}

/* ---- */

.gap-xxl-20 {gap: var(--20);}
.gap-xxl-48 {gap: var(--48);}

.section {position: relative; padding-top: var(--60); padding-bottom: var(--60);}
.section-container {padding-left: var(--60); padding-right: var(--60);}

/*.section-2 .section-content {margin-left: 6%;}*/
.section-5, .section-8, .section-10 {margin-right: var(--60); border-radius: 0 50px 50px 0;}
.section-10 {overflow: hidden;}
.section-content{gap: var(--80);}

.section-5 .section-container {margin-right: -60px;}

.section-tip {position: absolute; display: block; width: 283px; padding: 10px 20px!important; font-size: var(--24); font-weight: 700; text-align: center; border: 1px dashed #000; border-radius: 20px;}
.section-tip_text-left {text-align: left;}
.section-bg_red .section-tip,
.section-bg_brown .section-tip {border-color: var(--white); color: var(--white);}

.section-photo {display: flex; flex-direction: column; gap: var(--24); position: absolute; padding: 0 !important; width: 100%; transition: transform 0.2s ease;}
.section-gallery .section-photo {width: auto; height: auto;}
.section-gallery .section-photo:hover {z-index: 1;}

.section-photo_relative{position: relative;}
.section-photo-img {border-radius: 20px; box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.25);}
.section-photo-description {font-size: var(--16); font-weight: 200; color: var(--grey);}

.section-gallery{position: relative; height: 930px; z-index: 10;}

.section-gallery .section-photo img {width: 100%;}
.section-gallery .section-photo:nth-of-type(1) {top: 5%; left: 5%; transform: rotate(-5.02deg);}
.section-gallery .section-photo:nth-of-type(1) img {width: 428px;}
.section-gallery .section-photo:nth-of-type(2) {top: 10%; left: 47%; transform: translateX(-50%) rotate(4.87deg);}
.section-gallery .section-photo:nth-of-type(2) img {width: 780px;}
.section-gallery .section-photo:nth-of-type(3) {top: 0; left: 66%; transform: rotate(-3.79deg);}
.section-gallery .section-photo:nth-of-type(3) img {width: 572px;}

.photo-gallery-block {
    position: relative;
}

.photo-gallery-block-s8 {
    height: 569px;
}

.photo-gallery-block-s10 {
    height: 1097px;
}

.photo-gallery-block-s11 {
    height: 1210px;
    margin-right: var(---60);
}

.photo-gallery-block-s12 {
    height: 750px;
}

.gallery-item {
    position: absolute;
    display: flex;
}

.photo-gallery-block-s8 .gallery-item {
    border: 4px solid var(--white);
    border-radius: 10px;
}

.photo-gallery-block-s10 .gallery-item {
    box-shadow: 11px 9px 20px rgba(0, 0, 0, 0.25);
}

.gallery-item img {
    width: 100%;
}

.photo-gallery-block-s8 .gallery-item:nth-of-type(1) {
    top: -26%;
    left: 6%;
    width: 606px;
    transform: translateX(-50%) rotate(11.45deg);
}

.photo-gallery-block-s8 .gallery-item:nth-of-type(2) {
    left: 41%;
    width: 653px;
    transform: translateX(-50%) rotate(-5.57deg);
    z-index: 1;
}

.photo-gallery-block-s8 .gallery-item:nth-of-type(3) {
    top: -5%;
    left: 83%;
    width: 744px;
    transform: translateX(-50%) rotate(13.24deg);
    border: none;
}

/* 10 */

.photo-gallery-block-s10 .gallery-item:nth-of-type(1) {
    top: 0;
    left: 20%;
    width: 584px;
    transform: translateX(-50%);
    z-index: 3;
}

.photo-gallery-block-s10 .gallery-item:nth-of-type(1) img {
    border-radius: 10px;
}

.photo-gallery-block-s10 .gallery-item:nth-of-type(2) {
    top: 0;
    left: 6%;
    width: 1409px;
    transform: translateX(-50%) rotate(5.65deg);
    z-index: 2;
}

.photo-gallery-block-s10 .gallery-item:nth-of-type(3) {
    top: 20%;
    left: 40%;
    width: 1405px;
    transform: translateX(-50%) rotate(-11.24deg);
    z-index: 1;
}

.photo-gallery-block-s10 .gallery-item:nth-of-type(4) {
    top: 30%;
    left: 70%;
    width: 1291px;
    transform: translateX(-50%) rotate(-23.53deg);
}

/* 10-1 */
.photo-gallery-block-s11 .gallery-item {
    transition: all 0.2s ease;
}

.photo-gallery-block-s11 .gallery-item:hover {
    transform: scale(1.3);
    filter: drop-shadow(9px 11px 20px rgba(0, 0, 0, 0.25));
    z-index: 1;
}


.photo-gallery-block-s11 .gallery-item img {
    border-radius: 20px;
}

.photo-gallery-block-s11 .gallery-item:nth-of-type(1) {
    top: 0;
    left: 0;
    width: 568px;
}

.photo-gallery-block-s11 .gallery-item:nth-of-type(2) {
    top: 0;
    left: calc(568px + 38px);
    width: 678px;
}

.photo-gallery-block-s11 .gallery-item:nth-of-type(3) {
    top: 0;
    left: calc(568px + 38px + 678px + 31px);
    width: 1267px;
}

.photo-gallery-block-s11 .gallery-item:nth-of-type(4) {
    bottom: 0;
    left: 0;
    width: 568px;
}

.photo-gallery-block-s11 .gallery-item:nth-of-type(5) {
    bottom: 0;
    left: calc(568px + 38px);
    width: 984px;
}

.photo-gallery-block-s11 .gallery-item:nth-of-type(6) {
    bottom: 0;
    left: calc(568px + 38px + 984px + 31px);
    width: 806px;
}

/* 10-2 */

.photo-gallery-block-s12 .gallery-item img {
    mix-blend-mode: multiply;
}

.photo-gallery-block-s12 .gallery-item:nth-of-type(1) {
    top: 7%;
    left: -3.5%;
    width: 294px;
}

.photo-gallery-block-s12 .gallery-item:nth-of-type(2) {
    top: 61%;
    left: -1%;
    width: 352px;
}

.photo-gallery-block-s12 .gallery-item:nth-of-type(2) img {
    transform: rotate(-10.29deg);
}

.photo-gallery-block-s12 .gallery-item:nth-of-type(3) {
    top: 23%;
    left: 15%;
    width: 637px;
}

.photo-gallery-block-s12 .gallery-item:nth-of-type(3) img {
    transform: rotate(6.48deg);
}

.photo-gallery-block-s12 .gallery-item:nth-of-type(4) {
    top: 0;
    right: var(---60);
    width: 830px;
}

.text-block-grey {
    margin: 106px auto 0;
    padding: var(--40);
    background-color: #D0D0D0;
    border-radius: 20px;
}

.text-block-grey p {
    font-size: var(--24);
    font-weight: 400;
    line-height: 130%;
}

.s9-items {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--48);
    height: 324px;
}

.s9-items .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--20);
    width: 240px;
    height: 240px;
    background-color: #6993D3;
    background-size: cover;
    border-radius: 100%;
    cursor: pointer;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.2s ease;
}

.s9-items .item-1 {
    background-image: url('../img/s9/s9-item-1.png');
}

.s9-items .item-2 {
    background-image: url('../img/s9/s9-item-2.png');
}

.s9-items .item-3 {
    background-image: url('../img/s9/s9-item-3.png');
}

.s9-items .item-4 {
    background-image: url('../img/s9/s9-item-4.png');
}

.s9-items .item-5 {
    background-image: url('../img/s9/s9-item-5.png');
}

.s9-items .item-text {
    position: absolute;
    top: calc(100% + 20px);
    font-size: var(--18);
    font-weight: 100;
    line-height: 130%;
    color: var(--black);
    text-align: center;
    opacity: 0;
    transition: opacity 0.2s ease;
}

@media (hover: hover) {
    .s9-items .item:hover {
        background-color: #D82803;
        width: 324px;
        height: 324px;
    }
}

.s9-items .item:hover .item-text {
    opacity: 1;
}

.s10-row {
    position: relative;
    display: flex;
}

.s10-row .subtitle {
    max-width: 100%;
}

.s10-row > div {
    margin-top: var(--120);
    gap: var(--24);
}

.s10-row > span {
    position: absolute;
    top: var(--120);
    left: var(--180);
    font-size: var(--36);
    font-weight: 700;
    color: var(--white);
}


@media (min-width: 1024.98px) {
    .section-gallery .section-photo:nth-of-type(1):hover {
        transform: rotate(-1.02deg) translateX(20%) translateY(10%) scale(1.15);
    }

    .section-gallery .section-photo:nth-of-type(2):hover {
        transform: translateX(-50%) rotate(1.87deg) scale(1.15);
    }

    .section-gallery .section-photo:nth-of-type(3):hover {
        transform: rotate(-0.79deg) translateX(-20%) translateY(-10%) scale(1.15);
    }
}


.section-5 > img:nth-of-type(1) {position: absolute; top: 10%; transform: rotate(-10.73deg); mix-blend-mode: multiply; left: 6%; width: 382px;}
.section-5 > img:nth-of-type(2) {position: absolute; top: 20%; mix-blend-mode: multiply; right: 0; width: 424px;}

.scroll-gallery {
    position: relative;
}

.scroll-gallery_s6 {
    margin-top: 100px;
}

.scroll-gallery_s6 .scroll-gallery-direction span {
    color: var(--black);
}

.scroll-gallery_s6 .scroll-gallery-direction .arrow {
    background-color: var(--black);
}

.scroll-gallery_s6 .scroll-gallery-direction .arrow:before {
    border-left-color: var(--black);
}

.scroll-gallery-direction {
    display: flex;
    align-items: center;
    gap: var(--24);
}

.scroll-gallery-direction span {
    font-size: var(--18);
    color: var(--white);
}

.scroll-gallery-direction .arrow {
    position: relative;
    display: flex;
    height: 2px;
    width: 90%;
    background-color: var(--white);
}

.scroll-gallery-direction .arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -2px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid var(--white);
    transform: translateY(-50%);
}

.s7-arrow-block {
    position: absolute;
    top: 50%;
    left: 0;
    height: 100%;
    width: 14px;
    padding-left: var(--16);
    padding-right: var(--8);
    transform: translateY(-50%);
    background-color: var(--blue);
    z-index: 1;
}

.s7-arrow-block-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 80%;
    padding-top: 20px;
    padding-bottom: 10px;
    transform: translateY(-50%);
}

.s7-arrow-block span {
    position: relative;
    top: 0;
    width: 60px;
    font-size: var(--14);
    font-weight: 200;
    color: var(--white);
    transform: rotate(-90deg);
}

.s7-arrow-block .arrow {
    position: relative;
    display: flex;
    height: 90%;
    width: 2px;
    margin-top: var(--36);
    background-color: var(--white);
}

.s7-arrow-block .arrow:before {
    content: '';
    position: absolute;
    top: 100%;
    right: -7px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 16px solid var(--white);
    transform: translateY(-50%) rotate(90deg);
}

.s2-i1 {
    position: relative;
}

/*.s2-i1 img {
    position: absolute;
    transform: rotate(4.72deg);
}*/

.section-photo-1 .section-photo-description {
    position: relative;
    /*top: 100%;*/
    left: 0;
    /*margin-top: var(--24);*/
}


/* --- SWIPER --- */
.swiper-container {height: 492px; margin-top: var(--24);}
.section-8 .swiper-container {height: 608px;}
.swiper-slide {width: auto; overflow: hidden;}
.swiper-slide img {border-radius: 20px; height: 100%; margin-left: -1px;}
.slider-2 .swiper-slide img {border-radius: 0;}

.scroll-gallery-swiper {padding-right: var(--24);}

.section-6 .s6-sp1 {top: 126px; left: 0;}
.section-6 .s6-sp1 img {width: 331px; mix-blend-mode: multiply;}

.s6-sp1 .section-photo-wrapper {transform: rotate(-5.19deg);}
.s6-sp1:hover .section-photo-wrapper {transform: rotate(-1.19deg) scale(1.1);}

.s6-sp4 .section-photo-wrapper {transform: rotate(5.47deg);}
.s6-sp4:hover .section-photo-wrapper {transform: rotate(1.19deg) scale(1.1);}

.s6-sp5 .section-photo-wrapper {transform: rotate(4.37deg);}
.s6-sp5:hover .section-photo-wrapper {transform: rotate(1.19deg) scale(1.1);}

.section-photo-img-wrapper {
    position: relative;
    display: flex;
    border-radius: 20px;
}

.s2-i1.section-photo-img-wrapper {
    transform: rotate(4.72deg);
}

.s3-sp1 .section-photo-img-wrapper {
    width: 90%;
    transform: rotate(-2.94deg);
}

.s3-sp2 .section-photo-img-wrapper {
    width: 110%;
    transform: rotate(11.84deg);
}

.section-photo-img-wrapper.border-anim {
    -webkit-animation:border-anim-play 2s ease-in-out forwards;
    animation:border-anim-play 2s ease-in-out forwards;
}

@-webkit-keyframes border-anim-play {0%{box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0);}100%{box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.25);}}
@keyframes border-anim-play {0%{box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0);}100%{box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.25);}}


.section-6 .s6-sp2 img {min-width: 1042px;}
/*.section-6 .s6-sp3 img {width: 428px;}*/
.section-6 .s6-sp3 {padding-right: 30px!important;}
.section-6 .s6-sp4 {top:-600px; right: 0;}
.section-6 .s6-sp4 img {width: 327px; mix-blend-mode: multiply;}

.section-photo .section-photo-wrapper {
    width: fit-content;
    background-color: var(--bg);
    transition: transform 0.2s ease;
}

.section-photo .section-photo-wrapper img {
    mix-blend-mode: multiply;
}

.s6-sp5 {bottom: -200px; right: 0; z-index: -1;}

.s6-sp1 img,
.s6-sp4 img,
.s6-sp5 img {box-shadow: none;}

.s6-sp5 .section-photo-wrapper {width: 120%;}

.s6-sp1,
.s6-sp4,
.s6-sp5 {align-items: center; box-shadow: none;}

.s6-sp6 {
    top: -60px;
    left: -30px;
}

.slider img {
    height: 100%;
    width: 100%;
}

.slider {
    position: relative;
    height: 100%;
    align-items: center;
    margin-left: var(--60);
}

.slider-2 {
    margin-left: 0;
}

.slider .slide {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 13px;
    height: 500px;
    width: 300px;
    box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    transform: rotate(2deg);
}

.slider .slide:hover {
    z-index: 10!important;
}


.slider .slide img {
    mix-blend-mode: multiply;
}

.slider .slide_brown {
    background-color: var(--brown);
}

.slider .slide_blue {
    background-color: var(--blue);
}

.slider .slide_white {
    background-color: var(--white);
}

.slider .slide_red {
    background-color: var(--red);
}

/*.slider {margin-left: 90px;}*/

.slider .slide {
    will-change: transform;
    transition: left 0.2s ease;
}

.slider-1 .slide:nth-of-type(1){left: 0; z-index: 7;}
.slider-1 .slide:nth-of-type(2){left: 12.5%; z-index: 6;}
.slider-1 .slide:nth-of-type(3){left: 24%; z-index: 5;}
.slider-1 .slide:nth-of-type(4){left: 36%; z-index: 4;}
.slider-1 .slide:nth-of-type(5){left: 48%; z-index: 3;}
.slider-1 .slide:nth-of-type(6){left: 59%; z-index: 2;}
.slider-1 .slide:nth-of-type(7){left: 70%; z-index: 1;}

.slider-2 .slide:nth-of-type(1){left: 0; z-index: 11;}
.slider-2 .slide:nth-of-type(2){left: 8%; z-index: 10;}
.slider-2 .slide:nth-of-type(3){left: 16%; z-index: 9;}
.slider-2 .slide:nth-of-type(4){left: 24%; z-index: 8;}
.slider-2 .slide:nth-of-type(5){left: 32%; z-index: 7;}
.slider-2 .slide:nth-of-type(6){left: 40%; z-index: 6;}
.slider-2 .slide:nth-of-type(7){left: 48%; z-index: 5;}
.slider-2 .slide:nth-of-type(8){left: 56%; z-index: 4;}
.slider-2 .slide:nth-of-type(9){left: 64%; z-index: 3;}
.slider-2 .slide:nth-of-type(10){left: 72%; z-index: 2;}
.slider-2 .slide:nth-of-type(11){left: 80%; z-index: 1;}

.slider-2 img {
    height: auto;
    object-fit: cover;
}

.slider-2 .slide {
    padding: 20px 30px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.slider-2 .slide p {
    font-size: var(--18);
    font-weight: 700;
    color: var(--white);
}

.slider-2 .slide span {
    font-size: var(--16);
    font-weight: 200;
    color: var(--white);
}


.slider-block {
    height: 702px;
}

.slider-block .s6-sp6 img {
    height: 752px;
    width: 513px;
    box-shadow: none;
}

/*.slider-block > div {
    gap: var(--60);
}*/

.swiper-wrapper {align-items: center;}
/*.section-photo-img-1{width: 470px;}*/

.section-bg_red {background-color: var(--red);}
.section-bg_brown {background-color: var(--brown);}
.section-bg_blue {background-color: var(--blue);}

.section-bg_red p,
.section-bg_brown p,
.section-bg_blue p {color: var(--white);}

.section-bg_brown .section-photo-description {color: var(--black);}

.section-bg_decor::before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    width: 735px;
    height: 537px;
    background-image: url('../img/decore-big.svg');
}

.part-2 {
    position: relative;
}

.exhibition-wrapper {
    position: absolute;
    top: 0;
    right: var(--60);
    z-index: 1;
}

.exhibition {
    font-family: 'CIRYULNIK';
}

.exhibition-title {
    font-size: 11.1em;
    line-height: 90%;
    color: #fe4a39;
}

.exhibition-date {
    display: flex;
}

.exhibition-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 2.8em;
    line-height: 100%;
    color: var(--black);
}

.exhibition-date-line {
    display: flex;
    align-items: center;
    height: 2px;
    width: 187px;
    background-color: var(--black);
}

@media (min-width: 2040px) {
    .exhibition-title {
        font-size: 10.1em;
    }
}

@media (min-width: 2240px) {
    .exhibition-title {
        font-size: 9.1em;
    }
}

@media (min-width: 2440px) {
    .exhibition-title {
        font-size: 8.1em;
    }
}

@media (min-width: 2660px) {
    .exhibition-title {
        font-size: 7.1em;
    }

    .exhibition-date {
        font-size: 2em;
    }
}





/* Title */
.title{position:relative;width:100%;height: 100%; overflow:hidden;margin-top:calc(var(--136) * -1);}
.title-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.title-bg img{position: absolute; display:block;width:100%;height:auto;object-fit:cover;}
.statya-container{position:relative;width:100%;padding-left:var(--148);padding-right:var(--148);}
.title-inner{position:relative;width:100%;min-height:100dvh;padding-top:var(--136);padding-bottom:var(--52);display:flex;flex-direction:column;}

/*.title h1 {font-family: 'CIRYULNIK'; font-size: 18.75em; line-height: 0.6;}
.title h1 span {font-size: 0.666em;color: #fe4a39;}*/

.title-h1 {font-family: 'CIRYULNIK';}
/*.title-h1 span:nth-of-type(1) {font-size: 16.66em; line-height: 90%;}
.title-h1 span:nth-of-type(2) {font-size: 11.1em; line-height: 90%; color: #fe4a39;}*/

.title-h1 span {font-size: 13.89em; line-height: 90%;}
.title-h1 span:nth-of-type(2) {color: #fe4a39;}

.title-about {margin-top: var(--20); font-family: 'Geologica'; font-size: var(--24); line-height: 1; font-weight: 700; opacity: 0;}

.title-img-1{max-width: var(--688);bottom:-15%;left:0;}
.title-img-2{max-width: var(--439);bottom:5%;left:40%;}
.title-img-3{max-width: var(--1090);top:-1%;left:57%;}
/* --- */

.mails {position: relative; width: 100%; height: 631px;}
.mails-container {position: relative; display: flex;}

.mails .mail {position: absolute; box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.25); transition: transform 0.2s ease; cursor: pointer;}
.mails .mail-1 {top: -200px; left: -120px; width: 500px; transform: rotate(-19.84deg);}
.mails .mail-1:hover {transform: scale(1.1) rotate(-19.84deg);}
.mails .mail-2 {top: -50px; left: 130px; width: 487px; transform: rotate(-35.49deg);}
.mails .mail-2:hover {transform: scale(1.1) rotate(-35.49deg);}
.mails .mail-3 {top: 60px; left: 520px; width: 651px; transform: rotate(-15.42deg);}
.mails .mail-3:hover {transform: scale(1.1) rotate(-15.42deg);}

.mails .mails-text-wrapper {position: absolute; top: -200px; z-index: 1;pointer-events: none;}
.mails .mails-text {margin-bottom: 111px; font-size: var(--24); padding: 50px; background-color: var(--white); border-radius: 20px;}
.mails .mails-btn {margin: 0 auto; width: var(--284); padding: 10px 20px; font-size: var(--16); text-align: center; font-weight: 700; background-color: var(--red); color: var(--white); border-radius: 50px; cursor: pointer; pointer-events: all; transition: all 0.2s ease;}

.mails .mails-btn:hover {background-color: var(--black);}
.mails .mails-btn:active {background-color: var(--black); color: var(--light-grey);}

.mails-decor {position: absolute; width: 430px;}

.quote-block {padding: 50px 50px 50px 100px; background-color: var(--white); border-radius: 20px;}
.quote-block_without-quotes{padding: 50px;}
.quote-block_quotes::before {content: ''; position: absolute; top: -40px; left: 0; width: 103px; height: 81px; background-image: url('../img/quote.svg');}
.quote-block p {font-size: var(--24);}

/* ---------------------------------------------- CONTENT ---------------------------------------------- */
.content-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.content-bg img{display:block;width:100%;height:100%;object-fit:cover;opacity:.3;}
.content{position:relative;overflow:hidden;width:100%;min-height:100dvh;padding-top:var(--136);}
.content-container{width:100%;padding-left:var(--52);padding-right:var(--52);}

.row{margin-left:var(---10);margin-right:var(---10);}
.row > *{padding-left:var(--10);padding-right:var(--10);}
/*.row > *{padding-left:0;padding-right:0;}*/
.row.g-0{margin-left:0;margin-right:0;}
.row.g-0 > *{padding-left:0;padding-right:0;}
.row-8{margin-left:var(---4);margin-right:var(---4);}
.row-8 > *{padding-left:var(--4);padding-right:var(--4);}
.row-24{margin-left:var(---12);margin-right:var(---12);}
.row-24 > *{padding-left:var(--12);padding-right:var(--12);}
.row-40{margin-left:var(---20);margin-right:var(---20);}
.row-40 > *{padding-left:var(--20);padding-right:var(--20);}
.row-48{margin-left:var(---24);margin-right:var(---24);}
.row-48 > *{padding-left:var(--24);padding-right:var(--24);}
.row-60{margin-left:var(---60);margin-right:var(---60);}
.row-60 > *{padding-left:var(--60);padding-right:var(--60);}

/* --- */
.section-photo-1{top: -80px;}

.xl-gap-120 {gap: var(--120);}

.lg-pl-1{max-width: 684px;}
.lg-pl-2{margin-left: -20%;}
.lg-ml-1{margin-left: 8%;}

/*.s1-s1 {padding-left: 7%;}*/

/*.s1-i1 {max-width: 457px; gap: var(--20);}*/
.s1-i1 {gap: var(--20);}
/*.s1-i2 {max-width: 583px;}*/

/*.s3-i1 {max-width: 645px; margin-left: 25.4%;}
.s3-i2 {max-width: 445px; margin-left: 25.4%;}*/

/*.s3-i1 {max-width: 645px;}*/
.s3-i2 {max-width: 445px;}

.section-photo-img {width: 100%;}

.s3-sp1 {top: 50%; transform: translateY(-50%);}
/*.s3-sp1 img { width: 90%; transform: rotate(-2.94deg);}*/
.s3-sp2 {top: -5%;right: var(--60);}
.s3-sp2 .section-photo-description {max-width: 345px; margin-top: 35px; margin-left: auto; margin-right: 70px;}

.s3-sp2 img {
    /*width: 110%;
    transform: rotate(11.84deg); */
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}



.s4-i1 {
    padding-left: 26.7%
}

/* --- Section 7 --- */
.scroll-section-container {
    flex-wrap: nowrap;
    padding-left: var(--36) !important;
}

.scroll-section-content {
    display: flex;
}

.section-7 {
    height: 100dvh!important;
}

.section-7 .scroll-section-container {
   height: 100%;
  overflow: visible;
}
.section-7 .scroll-section-content {
  display: inline-flex;
  gap: clamp(24px, 3vw, 64px);
  width: max-content;
  will-change: transform;
}
.section-7 .scroll-section-content > * {
  position: relative;
  flex: 0 0 auto;
}

.section-7 p {
    font-size: var(--18);
}

.section-8 {
    margin-top: var(--60);
}

.section-8 .subtitle {
    max-width: 100%;
}

/* --- s1-i1 --- */

.s7-i1 p:nth-of-type(1) {
    width: 649px;
}

.s7-i1 p:nth-of-type(2) {
    position: relative;
    width: 346px;
    left: 15%;
    text-align: right;
    font-size: var(--16);
}

.s7-i1 > div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 50px;
}

.s7-i1 img:nth-of-type(1) {
    position: relative;
    width: 754px;
    border-radius: 20px;
    z-index: 2;
}
.s7-i1 img:nth-of-type(2) {
    position: relative;
    top: 0;
    right: 170px;
    width: 469px;
    transform: rotate(8.35deg);
    border-radius: 20px;
    z-index: 1;
}

/* --- s7-i2 --- */
.s7-i2 > p {
    width: 669px;
}

.s7-i2 > div {
    position: relative;
    display: flex;
    align-items: center;
    top: 60px;
    left: -80px;
}

.s7-i2 > div > div {
    background-color: var(--blue);
    transform: rotate(-6.25deg);
}

.s7-i2 > div > p {
    position: relative;
    left: 40px;
    width: 225px;
    font-size: var(--16);
}

.s7-i2 img:nth-of-type(1) {
    position: relative;
    width: 373px;
    border-radius: 20px;
    mix-blend-mode: multiply;
    z-index: 2;
}

/* --- s7-i3 --- */

.s7-i3 {
    display: flex;
    align-items: flex-end;
    bottom: calc(var(--60) * -1);
    left: -100px;
}
.s7-i3 img {width: 452px;}

/* --- s7-i4 --- */

.s7-i4 {
    display: flex;
    flex-direction: column;
    gap: var(--42);
    left: -300px;
}

.s7-i4 > div:nth-of-type(1) {
    display: flex;
    gap: var(--56);
}

.s7-i4 > div:nth-of-type(2) {
    margin-left: auto;
}

.s7-i4 > div:nth-of-type(1) > div {
    width: 887px;
}

.s7-i4 > div:nth-of-type(1) > p:nth-of-type(1) {
    width: 493px;
}

.s7-i4 > div:nth-of-type(2) img {
    width: 1022px;
    border-radius: 20px;
}

.s7-i4 > div:nth-of-type(2) p {
    font-size: var(--16);
}

/* --- s7-i5 --- */
.s7-i5 {
    display: flex;
    flex-direction: column;
    gap: var(--24);
    /*margin-left: var(--128);*/
    margin-right: var(--172);
}

.s7-i5 img {
    width: 359px;
}

.s7-i5 p {
    width: 202px;
    font-size: var(--16);
}

/* ---------------------------------------------- MEDIA ---------------------------------------------- */
@media (min-width:1920.02px){
    :root{
        ---60: -3.125vw;
        ---40: -2.08333334vw;
        ---30: -1.5625vw;
        ---24: -1.25vw;
        ---20: -1.04166667vw;
        ---16: -.83333334vw;
        ---12: -.625vw;
        ---10: -.52083334vw;
        ---8: -.41666667vw;
        ---4: -.20833334vw;
        ---2: -.10416667vw;
        ---1: -.05208334vw;
        --1: .05208333vw;
        --2: .10416666vw;
        --3: .15625vw;

        --4: .20833333vw;
        --6: .3125vw;
        --8: .41666666vw;
        --10: .52083333vw;
        --12: .625vw;
        --14: .72916666vw;
        --16: .83333333vw;
        --18: .9375vw;
        --19: .98958333vw;
        --20: 1.04166666vw;
       	--22: 1.14583333vw;
        --24: 1.25vw;
        --28: 1.45833333vw;
        --30: 1.5625vw;
        --32: 1.66666666vw;
        --36: 1.875vw;
        --40: 2.08333333vw;
        --42: 2.1875vw;
        --48: 2.5vw;
        --52: 2.70833333vw;
        --56: 2.91666666vw;
        --60: 3.125vw;
        --64: 3.33333333vw;
        --72: 3.75vw;
        --80: 4.16666666vw;
        --84: 4.375vw;
        --96: 5vw;
        --100: 5.20833333vw;
        --112: 5.83333333vw;
        --114: 5.9375vw;
        --120: 6.25vw;
        --128: 6.66666666vw;
        --136: 7.08333333vw;
        --148: 7.70833333vw;
        --157: 8.17708333vw;
        --160: 8.33333333vw;
        --172: 8.95833333vw;
        --180: 9.375vw;
        --200: 10.41666666vw;
        --218: 11.35416666vw;
        --284: 14.79166666vw;
        --354: 18.4375vw;
        --440: 22.91666666vw;
        --470: 24.47916666vw;
        --670: 34.89583333vw;

        /* --- */

        --439: 22.86458333vw;
        --605: 31.51041666vw;
        --688: 35.83333333vw;
        --910: 47.39583333vw;
        --1090: 56.77083333vw;
    }
}

@media (max-width: 1670px) {
    .title-img-3 {left: 67%;}
}

@media (max-width:1440.98px){
    :root{
        ---60: -4.16666667vw;
        ---40: -2.77777778vw;
        ---30: -2.08333334vw;
        ---24: -1.66666667vw;
        ---20: -1.38888889vw;
        ---16: -1.11111112vw;
        ---12: -.83333334vw;
        ---10: -.69444445vw;
        ---8: -.55555556vw;
        ---4: -.27777778vw;
        ---2: -.13888889vw;
        ---1: -.06944445vw;
        --1: .06944444vw;
        --2: .13888888vw;
        --4: .27777777vw;
        --3: .20833333vw;

        --6: .41666666vw;
        --8: .55555555vw;
        --10: .69444444vw;
        --12: .83333333vw;
        --14: .97222222vw;
        --16: 1.11111111vw;
        --18: 1.25vw;
        --19: 1.31944444vw;
        --20: 1.38888888vw;
        --22: 1.52777777vw;
        --24: 1.66666666vw;
        --28: 1.94444444vw;
        --30: 2.08333333vw;
        --32: 2.22222222vw;
        --36: 2.5vw;
        --40: 2.77777777vw;
        --42: 2.91666666vw;
        --48: 3.33333333vw;
        --52: 3.61111111vw;
        --56: 3.88888888vw;
        --60: 4.16666666vw;
        --64: 4.44444444vw;
        --72: 5vw;
        --80: 5.55555555vw;
        --84: 5.83333333vw;
        --96: 6.66666666vw;
        --100: 6.94444444vw;
        --112: 7.77777777vw;
        --114: 7.91666666vw;
        --120: 8.33333333vw;
        --128: 8.88888888vw;
        --136: 9.44444444vw;
        --148: 10.27777777vw;
        --157: 10.90277777vw;
        --160: 11.11111111vw;
        --172: 11.94444444vw;
        --180: 12.5vw;
        --200: 13.88888888vw;
        --218: 15.13888888vw;
        --284: 19.72222222vw;
        --354: 24.58333333vw;
        --440: 30.55555555vw;
        --470: 32.63888888vw;
        --670: 46.52777777vw;

        /* --- */

        --439: 30.48611111vw;
        --605: 42.01388888vw;
        --688: 47.77777777vw;
        --910: 63.19444444vw;
        --1090: 75.69444444vw;
    }

    .section-content {gap: var(--40);}

    p {
        font-size: var(--16);
    }

    .mails .mails-text {font-size: var(--22);}

    .section-gallery .section-photo:nth-of-type(1) {left: 5%;}
    .section-gallery .section-photo:nth-of-type(1) img {width: 309px;}
    .section-gallery .section-photo:nth-of-type(2) img {width: 562px;}
    .section-gallery .section-photo:nth-of-type(3) {left: 66%;}
    .section-gallery .section-photo:nth-of-type(3) img {width: 413px;}

    .section-5 > img:nth-of-type(1) {left: 2%; width: 308px;}
    .section-5 > img:nth-of-type(2) {right: 0; width: 424px;}

    .lg-flex-column{flex-direction: column !important;}
    .lg-ml-8{margin-left: -8%;}
    .lg-gap-40{gap: var(--40)}

    .subtitle{font-size: var(--22); max-width: 204px;}

    .section-photo-1{right: var(--42);}
    /*.section-photo-1 .section-photo-description {top: 80%;}*/

    /*.s1-s1 {padding-left: 6%;}*/
    .s1-i1 {max-width: 771px;}
    .s1-i2 {max-width: 771px;}
    .s1-i3 {padding-right: 13%;}

    .s3-sp2 {right: 0;}
    .s3-sp2 .section-photo-description {max-width: 345px; margin-top: 35px; margin-left: auto; margin-right: 70px;}

    /*.s3-i1 {margin-left: 24.9%;}
    .s3-i2 {margin-left: 24.9%;}*/

    .s3-sp1 img {max-width: 305px;}
    /*.s3-sp2 img {max-width: 405px;}*/

    .lg-pl-1{max-width: 546px;}
    .lg-pl-2{margin-left: -20%;}
    .lg-ml-1{margin-left: 12%;margin-top: var(--60);}


    .title {height:100%; max-height: 900px;}
    /*.title-h1 span:nth-of-type(1) {font-size: 11.11em;}
    .title-h1 span:nth-of-type(2) {font-size: 7.22em;}*/

    .title-h1 span {font-size: 9.45em;}

    .title-about {font-size: var(--20);}

    .title-img-1{max-width: var(--605); bottom: -9%;}
    .title-img-2{bottom: 10%;}
    .title-podpis{
        bottom: 20%;
        left: 42%;
        width: 322px;
        /*height: 190px;*/
    }
    .title-img-3{max-width: var(--910); left: 60%;}

    .section-tip {font-size: var(--22);}

    /*.section-photo-img-1{width: 350px;}*/

    .section-photo-description{font-size: var(--14);margin-left: 10%;}

    .section-6 .s6-sp2 img {
        min-width: 770px;
    }

    .section-photo-description {
        margin-left: 0;
    }

    .mails .mail-1 {top: -280px; left: -10px;}
    .mails .mail-2 {top: -210px; left: 280px;}
    .mails .mail-3 {top: -60px; left: 680px;}

    .mails-decor {
        /*top: 280px;
        right: 60px;*/
        width: 273px;
        /*transform: rotate(-174.33deg);*/
        z-index: -1;
    }

    .section-6 .s6-sp1 img {width: 216px;}
    .section-6 .s6-sp4 img {width: 188px;}

    .section-6 .s6-sp4 {top: -250px; right: -20px;}

    .section-6 .s6-sp3 img {
        width: 282px;
        height: 270px;
        object-fit: cover;
    }

    .slider-block .s6-sp6 img {
        width: 330px;
        height: 461px;
    }

    .s6-t1 {
        position: relative;
        left: 13%;
    }

    .quote-block {padding: 40px 40px 40px 80px;}
    .quote-block_without-quotes{padding: 40px;}

    .s6-sp5 {
        bottom: -15%;
        right: 0;
    }

    /*.s6-sp5 img {
        width: 500px;
    }*/

    .slider-block {
        height: 490px;
    }

    .slider-block-2 {
        height: 557px;
    }

    .slider {
        padding: var(--32);
        padding-left: 0;
        margin-left: 0;
        margin-right: var(---60);
    }

    .slider-1 .slide {
        position: relative;
        width: 240px;
        height: 340px;
        left: auto !important;
        transform: rotate(2deg)!important;
    }

    .slider-2 .slide {
        width: 300px;
        height: 500px;
    }

    .s6-sp6 {
        top: 20px;
    }

    .section-7 p {
        font-size: var(--16);
    }

    .exhibition-title {
        font-size: 7.8em;
    }

    .exhibition-date {
        font-size: 2.22em;
    }

    .exhibition-date-line {
        width: 111px;
    }

    .section-bg_decor::before {
        content: '';
        position: absolute;
        top: -1px;
        right: -1px;
        width: 562px;
        height: 263px;
        background-image: url('../img/decore-min.svg');
    }

    .photo-gallery-block-s8 .gallery-item:nth-of-type(1) {
        width: 469px;
    }

    .photo-gallery-block-s8 .gallery-item:nth-of-type(2) {
        width: 527px;
    }

    .photo-gallery-block-s8 .gallery-item:nth-of-type(3) {
        width: 580px;
    }

    .photo-gallery-block-s10 .gallery-item:nth-of-type(1) {
        width: 584px;
    }

    .photo-gallery-block-s10 .gallery-item:nth-of-type(2) {
        width: 1409px;
    }

    .photo-gallery-block-s10 .gallery-item:nth-of-type(3) {
        width: 1405px;
    }

    .photo-gallery-block-s10 .gallery-item:nth-of-type(4) {
        width: 1291px;
    }

    .slider-2 .slide p {
        font-size: var(--16);
    }

    .photo-gallery-block-s11 {
        height: 859px;
    }

    .photo-gallery-block-s11 .gallery-item:nth-of-type(1) {
        width: 403px;
    }

    .photo-gallery-block-s11 .gallery-item:nth-of-type(2) {
        width: 481px;
        left: calc(403px + 30px);
    }

    .photo-gallery-block-s11 .gallery-item:nth-of-type(3) {
        width: 899px;
        left: calc(403px + 30px + 481px + 30px);
    }

    .photo-gallery-block-s11 .gallery-item:nth-of-type(4) {
        width: 403px;
    }

    .photo-gallery-block-s11 .gallery-item:nth-of-type(5) {
        width: 699px;
        left: calc(403px + 30px);
    }

    .photo-gallery-block-s11 .gallery-item:nth-of-type(6) {
        width: 572px;
        left: calc(403px + 30px + 699px + 30px);
    }

    .photo-gallery-block-s12 {
        height: 588px;
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(1) {
        width: 273px;
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(2) {
        width: 328px;
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(3) {
        width: 476px;
        top: 15%;
        left: 25%;
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(4) {
        width: 538px;
        top: auto;
        bottom: 0;
    }

    .footer-text {
        font-size: var(--14);
    }

    .title-podpis-footer {
        right: 0;
    }

    .quote-block p {
        font-size: var(--22);
    }
}

@media (max-width:1299.98px){
    .title-img-2 {left: 35%; bottom: 15%;}
    .title-img-3{top: 15%;}
    .section-tip {width: auto;}
}

@media (max-width:1024.98px){
    .title-img-3{top: 25%;}

    .logo {
        height: var(--42);
    }

    /*.title-h1 span:nth-of-type(1) {
        font-size: 16.11em;
    }

    .title-h1 span:nth-of-type(2) {
        font-size: 10.62em;
    }*/

    .title-h1 span {
        font-size: 12.11em;
    }

    .title-about {
        font-size: var(--36);
    }

    .title-podpis {
        bottom: 15%;
        left: 37%;
        width: 280px;
    }

    .section-photo-1 {
        top: -60px;
    }

    .s3-sp2 .section-photo-description {
        margin-top: 15px;
    }

    .section-gallery {
        height: 730px;
    }

    .section-gallery .section-photo:nth-of-type(1) img {
        width: 215px;
    }

    .section-gallery .section-photo:nth-of-type(2) img {
        width: 432px;
    }

    .section-gallery .section-photo:nth-of-type(3) {
        z-index: 1;
    }
    .section-gallery .section-photo:nth-of-type(3) img {
        width: 313px;
    }

    .mails .mail-1 {
        left: -50px;
    }

    .mails .mail-2 {
        left: 250px;
    }

    .mails .mail-3 {
        left: 650px;
    }

    .section-6 .s6-sp2 img {
        min-width: 570px;
    }

    .section-6 .s6-sp1 img {
        width: 186px;
    }

    .s6-sp4:hover .section-photo-wrapper {
        transform: rotate(1.19deg) scale(1.1);
    }

    .section-6 .s6-sp4 img {
        width: 168px;
    }

    .section-6 .s6-sp3 img {
        width: 202px;
    }

    .quote-block_quotes::before {
        top: -20px;
        left: 0;
        width: 83px;
        height: 61px;
        background-repeat: no-repeat;
    }

    .s6-sp6 {
        top: -10px;
    }

    .s7-i1 img:nth-of-type(1) {
        width: 554px;
    }

    .s7-i1 img:nth-of-type(2) {
        top: 20px;
        right: 120px;
        width: 359px;
    }

    .s7-i1 p:nth-of-type(2) {
        left: 10%;
    }

    .s7-i2 img:nth-of-type(1) {
        width: 323px;
    }

    .s7-i2 > div {
        left: -60px;
    }

    .section-7 {
        padding-top: var(--120);
        padding-bottom: var(--120);
    }

    .s7-i3 {
        left: -200px;
    }

    .s7-i4 > div:nth-of-type(2) img {
        width: 822px;
    }

    .s7-i4 > div:nth-of-type(2) {
        margin-left: 300px;
    }

    .s7-i4 > div:nth-of-type(2) p {
        margin-top: 10px;
    }

    .s7-i4 {
        left: -400px;
    }

    .s7-i5 {
        left: -500px;
        margin-right: 0;
    }

    .scroll-gallery-direction .arrow {
        width: 85%;
    }

    .scroll-gallery-direction .arrow:before {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 16px solid var(--white);
    }

    .slider-block {
        margin-right: calc(var(---60) + var(---10));
    }

    .title-podpis-footer {
        width: 250px;
        top: -10px;
    }

    .title-podpis-footer img {
        width: 100%;
    }

    .section-5 > img:nth-of-type(1) {
        top: 5%;
        width: 198px;
    }

    .section-5 > img:nth-of-type(2) {
        top: 10%;
        width: 264px;
    }
}

@media (max-width:768.98px){

    .logo {
        height: var(--28);
    }

    .title-podpis {
        bottom: 25%;
        left: 20%;
    }

    .title-img-1 {
        bottom: 0;
    }

    .section-photo-1 {
        top: -40px;
    }

    .section-gallery .section-photo:nth-of-type(1) img {
        width: 175px;
    }

    .section-gallery .section-photo:nth-of-type(2) img {
        width: 332px;
    }

    .section-gallery .section-photo:nth-of-type(3) {
        top: 5%;
    }

    .section-gallery .section-photo:nth-of-type(3) img {
        width: 233px;
    }

    .section-6 .s6-sp2 img {
        min-width: 430px;
    }

    .section-6 .s6-sp1 {
        top: 106px;
    }

    .section-6 .s6-sp1 img {
        width: 166px;
    }

    .section-6 .s6-sp4 {
        top: -190px;
    }

    .s3-sp2 {
        right: 20px;
    }

    .section-6 .s6-sp4 img {
        width: 148px;
    }

    .s6-sp6 {
        top: 20px;
        left: -50px;
    }

    .slider-block .s6-sp6 img {
        width: 249px;
        height: 348px;
    }

    .s3-sp2 .section-photo-description br {
        display: block;
    }
}

@media (max-width:767.98px){
    :root{
        ---60: -16vw;
        ---40: -10.66666667vw;
        ---30: -8vw;
        ---24: -6.4vw;
        ---20: -5.33333334vw;
        ---16: -4.26666667vw;
        ---12: -3.2vw;
        ---10: -2.66666667vw;
        ---8: -2.13333334vw;
        ---4: -1.06666667vw;
        ---2: -.53333334vw;
        ---1: -.26666667vw;
        --1: .26666666vw;
        --2: .53333333vw;
        --3: .8vw;

        --4: 1.06666666vw;
        --6: 1.6vw;
        --8: 2.13333333vw;
        --10: 2.66666666vw;
        --12: 3.2vw;
        --14: 3.73333333vw;
        --16: 4.26666666vw;
        --18: 4.8vw;
        --19: 5.06666666vw;
        --20: 5.33333333vw;
        --22: 5.86666666vw;
        --24: 6.4vw;
        --28: 7.46666666vw;
        --30: 8vw;
        --32: 8.53333333vw;
        --36: 9.6vw;
        --40: 10.66666666vw;
        --42: 11.2vw;
        --48: 12.8vw;
        --52: 13.86666666vw;
        --56: 14.93333333vw;
        --60: 16vw;
        --64: 17.06666666vw;
        --72: 19.2vw;
        --80: 21.33333333vw;
        --84: 22.4vw;
        --96: 25.6vw;
        --100: 26.66666666vw;
        --112: 29.86666666vw;
        --114: 30.4vw;
        --120: 32vw;
        --128: 34.13333333vw;
        --136: 36.26666666vw;
        --148: 39.46666666vw;
        --157: 41.86666666vw;
        --160: 42.66666666vw;
        --172: 45.86666666vw;
        --180: 48vw;
        --200: 53.33333333vw;
        --218: 58.13333333vw;
       	--284: 75.73333333vw;
        --354: 94.4vw;
        --440: 117.33333333vw;
        --470: 125.33333333vw;
        --670: 178.66666666vw;

        /* --- */

    	--439: 117.06666666vw;
    	--605: 161.33333333vw;
    	--688: 183.46666666vw;
    	--910: 242.66666666vw;
    	--1090: 290.66666666vw;
    }

    .header {
        padding: var(--24) 0;
    }

    .section {
        padding-top: var(--40);
        padding-bottom: var(--40);
    }

    .statya-container,
    .section-container {
        padding-left: var(--8);
        padding-right: var(--8);
    }

    .title-inner {
        padding-top: var(--80);
    }

    /*.title-h1 span:nth-of-type(1) {
        font-size: 5.10em;
    }

    .title-h1 span:nth-of-type(2) {
        font-size: 4.03em;
    }*/

    .title-h1 span {
        font-size: 4em;
    }

    .title-about {
        width: 66.8%;
        font-size: var(--18);
    }

    .title-h1 {
        margin-top: var(--36);
    }

    .title-img-1 {
        max-width: 231px;
        bottom: -30px;
    }

    .title-img-2 {
        left: 0;
        bottom: 15%;
        max-width: 282px;
    }

    .title-podpis{
        bottom: 20%;
        left: 5%;
        width: 254px;
        /*height: 150px;*/
    }

    .title-img-3 {
        top: 40%;
    }

    .subtitle {
        font-size: var(--18);
        text-align: center;
        max-width: 100%;
    }

    .highlight > * {
        padding-left: var(--10);
    }

    p {
        font-size: var(--14);
    }

    .section-photo-1 {
        top: 0;
        margin-bottom: var(--16);
    }

    .s1-i1 {
        margin-top: var(--20);
        max-width: 100%;
    }

    .lg-gap-40 {
        gap: var(--20);
    }

    .lg-ml-8 {
        margin-left: 0;
    }

    .lg-pl-2 {
        /*max-width: 100%;*/
        margin-left: 0;
    }

    .section-tip {
        position: relative;
        margin: 0 auto;
    }

    .section-photo {
        position: relative;
        right: 0;
    }

    .section-photo-description {
        font-size: var(--12);
        margin-left: 0;
    }

    /*.section-photo-description br {
        display: none;
    }*/

    .section-gallery .section-photo-description br {
        display: block;
    }

    .s3-sp1 {
        align-items: center;
    }

    .s3-sp1 img {
        max-width: 100%;
        margin: 0 auto;
    }

    .lg-ml-1 {
        max-width: 100%;
        width: calc(100% - var(--16));
        margin-top: var(--40);
        margin-left: var(--8);
        margin-right: var(--8);
    }

    .s3-sp2 {
        top: 0;
        margin-top: var(--40);
        margin-bottom: var(--40);
        align-items: center;
    }

    /*.s3-sp2 img {
        margin: 0 auto;
        max-width: 309px;
        transform: rotate(8.04deg);
    }*/

    .s3-sp2 .section-photo-img-wrapper {
        width: 90%;
        transform: rotate(8.04deg);
    }

    .s3-sp2 .section-photo-description {
        color: var(--white);
        margin-top: 0;
        max-width: 295px;
    }

    .s4-i1 {
        padding-left: 0;
    }

    .section-gallery {
        height: 100%;
        gap: var(--48);
    }

    .section-gallery .section-photo {
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }

    .section-gallery .section-photo:nth-of-type(1) img {
        width: 248px;
    }

    .section-gallery .section-photo:nth-of-type(2) {
        transform: rotate(4.87deg);
    }
    .section-gallery .section-photo:nth-of-type(2) img {
        width: 334px;
    }
    .section-gallery .section-photo:nth-of-type(3) img {
        width: 365px;
    }

    .mails {
        height: 946px;
        margin-bottom: 160px;
    }

    .mails .mails-text-wrapper {
        position: relative;
        height: 946px;
        top: 0;
    }

    .mails .mails-text {
        margin-bottom: var(--42);
        padding: var(--40) var(--20);
        font-size: var(--18);
    }

    .mails .mails-btn {
        color: var(--white);
        font-size: var(--14);
        font-weight: 700;
        background-color: var(--red);
        border: none;
    }

    .mails .mail-1 {
        top: 400px;
        left: 120px;
        width: 339px;
    }

    .mails .mail-2 {
        top: 320px;
        left: -120px;
        width: 364px;
    }

    .mails-decor {
        /*top: 750px;
        right: 60px;*/
        width: 234px;
        /*transform: rotate(-164.33deg);*/
        z-index: -1;
    }

    /*.section-photo-1 .section-photo-description {
        top: 100%;
    }*/

    .section-5,
    .section-8,
    .section-10 {
        margin-right: var(--8);
    }

    .section-5 .section-container {
        position: relative;
        margin-right: 0;
        z-index: 1;
    }

    .section-5 > img:nth-of-type(1) {
        top: 1%;
        width: 172px;
        opacity: 0.8;
        z-index: 0;
    }

    .section-5 > img:nth-of-type(2) {
        top: auto;
        right: 20px;
        bottom: 40px;
        width: 236px;
        opacity: 0.8;
        z-index: 0;
    }

    .section-6 .section-tip {
        text-align: center;
        width: calc(100% - var(--16));
    }

    .swiper-container {
        height: 402px;
    }

    .section-6 .s6-sp2 img {
        min-width: 100%;
    }

    .section-6 .s6-sp3 img {
        width: 283px;
    }

    .s6-t1 {
        left: 0;
    }

    .quote-block {
        padding: var(--40) var(--20);
        font-size: var(--18);
    }

    .quote-block p {
        font-size: var(--18);
    }

    .quote-block_quotes::before {
        width: 53px;
        height: 41px;
        top: -20px;
        left: 30px;
    }

    .s6-sp3 {
        margin-bottom: var(--40);
    }

    .s6-sp5 {
        top: 0;
    }

    .s6-sp5 .section-photo-wrapper {
        width: 90%;
    }

    .slider-block {
        height: 1100px;
    }

    .s6-sp6 {
        left: 0;
    }

    .slider-block .s6-sp6 img {
        width: 332px;
        height: auto;
    }

    .slider {
        height: 585px;
        margin: 0 var(---20);
        padding-left: var(--32);
        gap: var(--20);
    }

    .slider-2 {
        margin-bottom: var(--32);
    }

    .slider .slide {
        height: auto;
        min-width: 300px;
        position: relative;
        left: auto !important;
        transform: rotate(0deg)!important;
    }

    .slider-2 .slide {
        height: 100%;
    }

    .scroll-gallery-direction span {
        font-size: var(--14);
    }

    .section-7 {
        overflow: hidden;
        padding-top: var(--72);
    }

    .section-7 p {
        font-size: var(--14);
    }

    .s7-i1 p:nth-of-type(1) {
        width: 351px;
    }

    .s7-i1 img:nth-of-type(1) {
        width: 435px;
    }

    .s7-i1 img:nth-of-type(2) {
        top: 130px;
        right: 90px;
        width: 250px;
    }

    .s7-i1 p:nth-of-type(2) {
        left: 0;
        font-size: var(--14);
    }

    .s7-i2 img:nth-of-type(1) {
        width: 250px;
    }

    .s7-i2 > div {
        top: 0;
        left: 30px;
    }

    .s7-i2 > p {
        position: relative;
        left: -220px;
        width: 350px;
    }

    .s7-i2 > div > p {
        top: -40px;
        font-size: var(--12);
    }

    .s7-i3 {
        left: 50px;
    }

    .s7-i3 img {
        width: 267px;
    }

    .s7-i4 {
        left: -100px;
    }

    .s7-i4 > div:nth-of-type(1) {
        position: relative;
        left: -200px;
    }

    .s7-i4 > div:nth-of-type(1) > div {
        width: 350px;
    }

    .s7-i4 > div:nth-of-type(1) > p:nth-of-type(1) {
        width: 350px;
    }

    .s7-i4 > div:nth-of-type(2) {
        position: relative;
        margin-left: 220px;
        top: -120px;
    }

    .s7-i4 > div:nth-of-type(2) img {
        width: 550px;
    }

    .s7-i4 > div:nth-of-type(2) p {
        font-size: var(--12);
        margin-top: var(--16);
    }

    .s7-i5 {
        top: -60px;
        justify-content: flex-end;
        left: 0;
    }

    .s7-i5 img {
        width: 280px;
    }

    .s7-i5 p {
        font-size: var(--12);
    }

    .scroll-gallery_s6 {
        margin-top: 50px;
    }


    .footer {
        width: 100dvw;
    }

    .footer-text {
        font-size: var(--14);
    }

    .section-tip {
        font-size: var(--18);
    }

    .section-8 .subtitle {
        text-align: left;
    }

    .section-8 .section-tip,
    .section-9 .section-tip,
    .section-10 .section-tip {
        display: flex;
        flex-grow: 1;
        justify-content: center;
        margin: 0 var(--24) var(--40);
    }

    .section-9 .section-tip {
        margin: 0 var(--24);
    }

    .section-9 .slider-block {
        height: auto;
    }

    .section-8 .swiper-container {
        height: 400px;
    }

    .photo-gallery-block-s8 {
        height: 642px;
    }

    .photo-gallery-block-s8 .gallery-item:nth-of-type(1) {
        top: 60%;
        left: 50%;
        width: 302px;
        z-index: 2;
    }

    .photo-gallery-block-s8 .gallery-item:nth-of-type(2) {
        top: 30%;
        left: 50%;
        width: 327px;
    }

    .photo-gallery-block-s8 .gallery-item:nth-of-type(3) {
        top: 0;
        left: 50%;
        width: 305px;
    }

    .exhibition-wrapper {
        position: relative;
        right: 0;
        margin-top: var(--40);
    }

    .exhibition-title {
        display: flex;
        justify-content: center;
        font-size: 6.14em;
    }

    .exhibition-date {
        font-size: 2em;
        gap: var(--20);
        justify-content: center;
    }

    .exhibition-date-line {
        width: 91px;
    }

    .section-bg_decor::before {
        display: none;
    }

    .s9-items {
        height: auto;
        flex-direction: column;
        gap: var(--80);
    }

    .s9-items .item {
        position: relative;
        width: 167px;
        height: 167px;
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .s9-items .item-text {
        top: calc(100% + 10px);
        width: 100dvw;
        font-size: var(--14);
        opacity: 1;
    }

    .text-block-grey p {
        font-size: var(--18);
    }

    .s10-row > div {
        margin-top: 0;
    }

    .s10-row > span {
        top: 0;
        left: 0;
        font-size: var(--22);
    }

    .s10-row .subtitle {
        padding-left: 27%;
        text-align: left;
    }

    .scroll-gallery-swiper {
        padding-right: var(--8);
    }

    .photo-gallery-block-s10 {
        height: 965px;
    }

    .photo-gallery-block-s10 .gallery-item:nth-of-type(1) {
        width: 337px;
        left: 50%;
        z-index: 3;
    }

    .photo-gallery-block-s10 .gallery-item:nth-of-type(1) img {
        border-radius: 10px;
    }

    .photo-gallery-block-s10 .gallery-item:nth-of-type(2),
    .photo-gallery-block-s10 .gallery-item:nth-of-type(3),
    .photo-gallery-block-s10 .gallery-item:nth-of-type(4) {
        width: 669px;
        left: 10%;
    }

    .photo-gallery-block-s10 .gallery-item:nth-of-type(2) {
        transform: translateX(-50%) rotate(2deg);
    }

    .photo-gallery-block-s10 .gallery-item:nth-of-type(3) {
        top: 30%;
        transform: translateX(-50%) rotate(2deg);
    }

    .photo-gallery-block-s10 .gallery-item:nth-of-type(4) {
        top: 58%;
        transform: translateX(-50%) rotate(-2deg);
    }

    .photo-gallery-block-s12 {
        height: 260px;
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(1) {
        width: 90px;
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(1) img {
        transform: rotate(-3.53deg);
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(2) {
        width: 95px;
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(2) img {
        transform: rotate(2.35deg);
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(3) {
        left: 28%;
        width: 147px;
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(3) img {
        transform: rotate(4.46deg);
    }

    .photo-gallery-block-s12 .gallery-item:nth-of-type(4) {
        top: auto;
        bottom: 0;
        right: -8px;
        width: 173px;
    }

    .photo-gallery-block-s11 {
        height: 276px;
        width: 100%;
        margin-right: -8px;
    }

    .photo-gallery-block-s11 .gallery-item {
        position: relative;
        width: auto !important;
        top: auto !important;
        left: auto !important;
    }

    .footer-container {
        margin-bottom: var(--100);
    }

    .title-podpis-footer {
        right: 0;
        top: 65%;
        width: 60%;
    }

    .title-podpis-footer img {
        width: 100%;
    }

    .s6-sp2 {
        height: auto;
    }

    .sp-mobile-block {
        position: relative;
        height: 469px;
    }

    .sp-mobile-block .section-photo {
        position: absolute;
    }

    .sp-mobile-block .s6-sp1 {
        top: 0;
        left: -80px;
        z-index: 1;
    }

    .sp-mobile-block .s6-sp1 span {
        width: 50%;
        margin-left: 0!important;
    }

    .sp-mobile-block .s6-sp4 {
        top: 120px;
        right: -100px;
    }

    .sp-mobile-block .s6-sp4 span {
        display: none;
    }
}

@media (max-width: 576.98px) {
    .section-6 .s6-sp1 img {
        width: 196px;
    }

    .section-6 .s6-sp4 img {
        width: 188px;
    }

    .slide-1 {
        width: 467px;
    }

    .slide-1 img {
        width: 100%;
        object-fit: cover;
        object-position: 75%;
    }

    .title-h1 span {
        font-size: 80px;
    }

    .title-podpis {
        width: 214px;
    }

    .title-img-3 {
        top: 35%;
    }

    .mails .mail-1 {
        top: 370px;
        left: 55px;
    }

    .mails .mail-2 {

    }

    .mails .mail-3 {
        width: 445px;
        top: 380px;
        left: -190px;
    }
}

@media (max-width: 375.98px) {
    .title-podpis {
        width: 214px;
    }

    /*.title-h1 span:nth-of-type(1) {
        font-size: 122px;
    }

    .title-h1 span:nth-of-type(2) {
        font-size: 80px;
    }*/

    .title-img-3 {
        top: 35%;
    }
}