html
{
    overflow-x:hidden;
}
body
{
    margin:0;
    font-family: 'Vastago Grotesk', sans-serif;
    overflow-x:hidden;
}
header
{
    width:100%;
    height:90px;
    background-color:white;
    z-index:2000;
}
.category-listing
{
    width:100%;
}
.category-item
{
    border-radius:36px;
    background-color:white;
    padding:12px 20px 12px 20px;
    cursor:pointer;
    display:inline-block;
    margin-right:10px;
}
.swiper-container-talking
{
    overflow-x:hidden;
}
.talking-item
{
    text-align:center;
    width:calc(25% - 22px);
    background-color:white;
    border-radius:12px;
    padding:6px;
    display:inline-block;
    margin:5px;
}

.talking-item img
{
    width:100%;
}
.category-item:hover
{
    opacity:0.8;
}
.category-overflow
{
    width:100%;
}
.category-item a
{
    text-decoration: none;
    color:black;
}
.active-category
{
    color:White !important;
    background-color:#8D7DFF;
}

.content
{
    width:calc(100% - 40px);
    margin:0 auto;
    max-width:1200px;
}
header .content
{
    padding-top:28px;
}
.logo-label
{
    font-size:26px;
    font-weight:500;
}
.logo-holder
{
    float:left;
}
.meniu-holder
{
    float:right;
}
.cl
{
    clear:both;
}
.hero
{
    width:100%;
    max-height:800px;
    height:calc(100vh - 90px);
    background-color:#E9DFFF;
    position:relative;
}
.conference-hero
{
    background-color:#8D7DFF;
    background-image: url(../img/decor-conference.svg);
    background-size:auto 100%;
    background-position:left center;
    background-repeat: no-repeat;
}
.image-conference
{
    width:100%;
    height:100%;
    background-image:url(../img/image-conference-hero.jpg);
    background-size:cover;
    background-position:center center;
}
.conference-content .date-time
{
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    margin-top:10px;
}
.meniu-holder
{
    padding-top:10px;
}
.logo-partner
{
    max-width:110px;
    margin:5px;
    height:auto;
}
.meniu-burger
{
    width:24px;
    height:24px;
    background-image:url(../img/burger-meniu.svg);
    float: right;
    margin-top: 5px;
    display:none;
}
.meniu-burger-close
{
    background-image:url(../img/burger-close.svg);
}
.error-field
{
    width:calc(100% - 34px) !important;
    border:1px solid red !important;
}
.flying-header
{
    position:fixed;
    top:0;
    z-index:2000;
}
.shifted-hero
{
    padding-top:90px;
}
.about-bt
{
    display:none;
}
.mobile-meniu
{
    display:none;
    position:fixed;
    top:89px;
    height:calc(100% - 89px);
    width:100%;
    background-color:white;
}
.mobile-meniu .meniu-item
{
    font-size:5vw;
    margin-bottom:20px;
}
.meniu-button-holder
{
    margin-top:20px;
    padding-top: 50px;
}
.meniu-button-holder .inactive-button
{
    width:calc(47% - 44px);
    float:left;
    margin:0;
    margin-right:4%;
}
.meniu-button-holder .active-button
{
    width:calc(47% - 44px);
    float:right;
    margin:0;
}
.meniu-items-holder
{
    width:80%;
    text-align:center;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.meniu-holder a
{
    color:#272727;
    font-size:16px;
    font-weight:600;
    margin-right:10px;
    text-decoration: none;
}
.meniu-holder a:hover
{
    color:#8D7DFF;
}
.inactive-button
{
    padding:12px 22px 12px 22px;
    border:1px solid #8D7DFF;
    border-radius:36px;
    margin-left:20px;
    color:#8D7DFF !important;
}
.active-button
{
    padding:12px 22px 12px 22px;
    border:1px solid #8D7DFF;
    background-color:#8D7DFF;
    border-radius:36px;
    color:white !important;
}
.delfi-logo
{
    margin-right:6px;
}
.col-5
{
    width:50%;
    float:left;
}
.video-holder
{
    width:100%;
    height:calc(100vh - 90px);
    max-height:800px;
    background-color:black;
    overflow:hidden;
    position:relative;
}
#video-background
{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 101%;
    min-height: 101%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
.over-video
{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(243, 229, 192, 0.2);
}
.visual-elements
{
    font-size:320px;
    pointer-events: none;
    color:white;
    font-weight:bold;
    text-align:center;
    transform: translate(-50%, -50%);
    position:absolute;
    top:50%;
    left:50%;
}
.hero-content, .share-story-content, .form-story-content, .join-content, .form-join-content
{
    width:calc(100%);
    height:calc(100vh - 90px);
    max-height:800px;
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center content */
    align-items: center; /* Vertically center content */
}
.share-story-content, .join-content
{
    background-color:white;
    position:relative;
}
.form-story-content
{
    background-image:url(../img/background-decor-1.svg);
    background-size:auto 100%;
    background-repeat: no-repeat;
}
.form-join-content
{
    background-image:url(../img/background-decor-2.svg);
    background-size:auto 100%;
    background-repeat: no-repeat;
}
.subtitle
{
    font-size:18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color:#272727;
    font-weight:600;
    margin-bottom:10px;
}
.conference-content .subtitle
{
    color:white;
    text-transform: none;
    letter-spacing: normal;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px
}
.nematomi-logo
{
    width:70%;
    max-width:410px;
}
.text-holder
{
    width:70%;
}
.text-holder p
{
    font-size:14px;
    line-height:22px;
    margin-top:30px;
    max-width:400px;
}
.conference-content
{
    color:White;
}
.main-partners-holder
{
    margin-top:70px;
    font-size:18px;
    font-weight:500;
    display:flex;
    align-items: center;
}
.main-partners-holder img
{
    vertical-align: middle;
    margin-left:20px;
}
main section
{
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
}
main section h2
{
    font-size:46px;
    text-align:center;
    margin-top:0;
    font-weight:500;
}
.duk-holder
{
    width:100%;
    max-width:720px;
    margin:0 auto;
    border:1px solid #FAFAFA;
    background-color:white;
    padding:20px;
}
.know-item
{
    font-size:20px;
    margin-bottom:16px;
    font-weight:600;
    cursor:pointer;
}
.know-explainer
{
    font-size:18px;
    line-height:28px;
    margin-bottom:20px;
    padding-left:16px;
}
.know-item:hover
{
    opacity:0.7;
}
.know-explainer
{
    display:none;
}
.news-section, .useful-section
{
    background-color:#F3E5C0;
}
.news-holder
{
    width:calc(100% - 40px);
    margin:0 auto;
    max-width:1200px;
    position:relative;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {

    right: auto;
    background-color: white;
    padding: 10px;
    width: 30px !important;
    height: 30px !important;;
    border-radius: 50%;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after
{
    color:black;
    font-size:25px !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev
{
    background-color: white;
    padding: 10px;
    width: 30px !important;;
    height: 30px !important;;
    border-radius: 50%;
}
.news-item
{
    width:385px;
    min-height:388px;
    float:left;
    margin:6px;
    background-color:white;
}
.news-item a
{
    text-decoration: none;
    text-align:left;
}
.news-image
{
    width:100%;
    height:247px;
    background-size:cover;
    background-position:center top;
    position:relative;
}
.play-icon
{
    transform: translate(-50%,-50%);
    width:55px;
    position:absolute;
    top:50%;
    left:50%;
    opacity:0.9;
}
.news-title
{
    color:#272727;
    font-size:18px;
    line-height:24px;
    text-decoration: none;
    padding:16px;
}
.more-news
{
    text-align:center;
    font-size:18px;
    line-height:24px;
    text-decoration: none !important;
    margin-top:20px;
    color:#272727;
}
.share-story-section
{
    background-color:#8D7DFF;
    padding:0;
}
.talking-about-section
{
    background-color:#F8C4D2;
    background-image:url(../img/background-decor-3.svg);
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position:left 5% center;
}
.talking-about-section h2
{
    text-align:left;
}
.talking-about-section .text-holder
{
    width:90%;
    max-width:438px;
    float:right;
    margin-right:30px;
}
.talking-image
{
    width:90%;
    max-width:438px;
}
.join-section
{
    background-color:#A5BD8D;
    padding:0;
    min-height:680px;
}
.share-story-content h2, .join-content h2
{
    text-align:left;
}
.share-story-content
{
    position:relative;
}
.decor-1
{
    position:absolute;
    left:10%;
    top:20%;
}
.decor-2
{
    position:absolute;
    right:0;
    top:5%;
}
.custom-input
{
    width:calc(100% - 32px);
    background-color:white;
    border-radius:6px;
    border:none;
    outline:none;
    font-family: "Vastago Grotesk" ,sans-serif;
    color:#272727;
    font-size:14px;
    padding:16px;
    margin-bottom:20px;
}
.custom-textarea
{
    width:calc(100% - 32px);
    background-color:white;
    border-radius:6px;
    border:none;
    outline:none;
    font-family: "Vastago Grotesk" ,sans-serif;
    color:#272727;
    font-size:14px;
    padding:16px;
    margin-bottom:20px;
    height:120px;
}
.form-story-content .text-holder, .form-join-content .text-holder
{
    max-width:440px;
}
.custom-button
{
    border-radius:36px;
    background-color:#272727;
    color:white;
    padding:12px 22px 12px 22px;
}
.register-button
{
    background-image:url(../img/arr-right.svg);
    background-repeat: no-repeat;
    background-position:center right 22px;
    padding-right:50px;
    float:right;
    cursor:pointer;
}
.register-button:hover
{
    background-color:white;
    color:#272727;
    background-image:url(../img/arr-right-hover.svg);
}
.form-join-content h3
{
    font-weight:normal;
    color:#272727;
    font-size:24px;
    line-height:30px;
}
.coordinators-section
{
    background-color:#E9DFFF;
}
.coordinator-item
{
    padding:16px;
}
.coordinator-card
{
    width:120px;
    height:120px;
    position:relative;
    float:left;
    border-radius:12px;
    overflow:hidden;
}
.c1
{
    background-color:#8D7DFF;
}
.c2
{
    background-color:#F8A2B9;
}
.c3
{
    background-color:#A5BD8D;
}
.c4
{
    background-color:#F3E5C0;
}
.l1
{
    color:#8D7DFF;
}
.l2
{
    color:#D76B8A;
}
.l3
{
    color:#6C8467;
}
.l4
{
    color:#8274E8;
}
.coordinator-info
{
    width:calc(100% - 140px);
    float:left;
    margin-left:20px;
}
.coordinator-label
{
    font-size:9px;
    line-height:24px;
    text-transform: uppercase;
    margin-bottom:5px;
    margin-top:7px;
}
.coordinator-title
{
    font-size:24px;
    color:#272727;
    font-weight:600;
}
.coordinator-subtitle
{
    font-size:16px;
    margin-bottom:6px;
    color:#272727;
}
.coordinator-mail a
{
    font-size:16px;
    text-decoration: underline;
    margin-top:10px;
    color:#272727 !important;
}
.person
{
    position:absolute;
    bottom:0;
    left:50%;
    width:95%;
    transform: translate(-50%,0);
}
.partner-section
{
    background-color:white;
}
.logo-box
{
    width:calc(100% - 40px);
    max-width:880px;
    margin:0 auto;
    display:flex;
    justify-content: center; /* Horizontally center content */
    vertical-align: middle;
    margin-top:30px;
}
.logo-box img
{
    vertical-align: middle;
    margin:10px;
}
footer
{
    background-color:#272727;
    color:white;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
}
.show-mobile
{
    display:none;
}
.swiper-container, .swiper-container-video {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.swiper-slide {
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width:33%;
}
@media (max-width: 950px) {
    .col-5
    {
        width:100%;
    }
    .meniu-holder
    {
        display:none;
    }
    .video-holder {
        width: 100%;
        height: auto;
        padding-bottom:67%;
    }
    .hero
    {
        max-height: none;
        min-height: 0;
        height:auto;
    }
    .hero-content, .share-story-content, .form-story-content, .join-content, .form-join-content
    {
        height:auto;
        padding-top:30px;
        padding-bottom:30px;
    }
    .news-item
    {
        width:100%;
        margin:0 auto;
        margin-bottom:20px;
    }
    .duk-holder {
        width: calc(100% - 40px);
    }
    .know-item {
        font-size: 16px;
        margin-bottom: 13px;
        font-weight: 600;
        cursor: pointer;
    }
    .know-explainer {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
        padding-left: 16px;
    }
    .visual-elements
    {
        font-size: 42vw;
    }
    .decor-1, .decor-2
    {
        width:12%;
    }
    .show-mobile
    {
        display:inherit;
    }
    .show-desktop
    {
        display:none;
    }
    .coordinator-title
    {
        font-size:18px;
    }
    .coordinator-subtitle
    {
        font-size:12px;
    }
    .subtitle
    {
        font-size: 12px;
    }
    .hero-content .text-holder
    {
        text-align:center;
        width:80%;
    }
    .special-title
    {
        display:inline-block;
        width:100%;
    }
    .main-partners-holder
    {
        margin-top:20px;
    }
    .text-holder p
    {
        text-align:left;
    }
    .nematomi-logo
    {
        width:100%;
        max-width:none;
    }
    .coordinator-mail a
    {
        font-size:12px;
    }
    main section h2
    {
        font-size:26px;
    }
    .meniu-burger
    {
        display:inherit;
    }
    .category-listing
    {
        overflow-x:scroll;
        padding-bottom:10px;

    }
    .category-listing::-webkit-scrollbar {
        width: 0;  /* Set width to 0 */
        height: 0; /* Set height to 0 */
    }
    .category-overflow
    {
        width:2000px;
    }
    .talking-image-holder
    {
        width:calc(100% - 40px);
        margin:0 auto;
        text-align:center;
    }
    .talking-image
    {
        float:none;
    }
    .talking-item
    {
        width:calc(50% - 22px);
    }
}