/*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*//*            FOKERET*/



            
            .fokep{
                width:100%;
                height:110vh;
                background-size: cover;
                position: relative;
                overflow: hidden;
            }

            .overlay1{
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: black;
                opacity: 0.5;
                z-index: 1;
            }
            
            .fokep1{
                position: absolute;
                width: 100%;
                opacity: 0;
                transition: 1s;
            }
            .fokep1.aktiv{
                opacity: 1;
                transition: 1s;
            }
            .fokep2{
                position: absolute;
                width: 100%;
                opacity: 0;
                transition: 1s;
            }
            .fokep2.aktiv{
                opacity: 1;
                transition: 1s;
            }
            .fokep3{
                position: absolute;
                width: 100%;
                opacity: 0;
                transition: 1s;
            }
            .fokep3.aktiv{
                opacity: 1;
                transition: 1s;
            }
            .fokep4{
                position: absolute;
                width: 100%;
                opacity: 0;
                transition: 1s;
                filter: brightness(140%);
            }
            .fokep4.aktiv{
                opacity: 1;
                transition: 1s;
                
            }
            .fokep5{
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0;
                transition: 1s;
                filter: brightness(100%);
            }
            .fokep5.aktiv{
                opacity: 1;
                transition: 1s;
            }
            
            .fokep h1{
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                color:white;
                text-align: center;
                top:13%;
                font-size: 4vmax;
                width: 100%;
                font-family: cimfont;
                z-index: 2;
            }
            .alcim{
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                color:white;
                text-align: center;
                top:38%;
                font-size: 2.3vmax;
                width: 100%;
                font-family: szovegfont;
                z-index: 2;
            }
            
            .fokep a{
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                color:white;
                text-align: center;
                top:55%;
                background: linear-gradient(90deg, #0F1710 5.18%, #314335 70.54%, #0F1710 98.78%);
                padding-bottom: 20px;
                padding-top: 20px;
                padding-left: 20px;
                padding-right: 20px;
                text-decoration: none;
                font-size: 2vmax;
                font-family: szovegfont;
                font-weight: 200;
                z-index: 2;
            }
            
            .fokep a span{
                font-size: 2.6vmax;
                background: linear-gradient(90deg, #B88746 0%, #FDF5A6 128.04%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: cimfont;
            }

@media only screen and (max-width:922px){
    .fokep{
        height:90vh;
        overflow: hidden;
        
    }
    
    .fokep img{
        width:300%;
        transform: translate(-35%)
    }
    
    .fokep h1{
        font-size: 3.5vmax;
    }
    .alcim{
        top:38%;
    }
    .fokep a{
        width:80vw;
        top:60%;
    }
}
/*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*//*            FELVASARLAS*/
            .bevizsgalas{
                width:100%;
                height: 170vh;
                position: relative;
                overflow: hidden;
                background-color: white;
            }
            
            .bevizsgalas h2{
                background: linear-gradient(90deg, #B88746 47.53%, #FDF5A6 123.2%);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                position: absolute;
                top:3%;
                font-size: 4vmax;
                text-align: center;
                width:100%;
                left: 50%;
                transform: translateX(-50%);
                font-family: cimfont;
            }
            .bevizsgalas p{
                position: absolute;
                left:40%;
                transform: translateX(-50%);
                top:25%;
                font-size: 1.8vmax;
                width:45vmax;
                margin-right: 50px;
                font-family: szovegfont;
            }
            .bevizsgalas a{
                position: absolute;
                left:50%;
                transform: translateX(-50%);
                bottom:8%;
                color: white;
                font-size: 2.5vmax;
                padding: 20px;
                background: linear-gradient(90deg, #0F1710 57.67%, #314335 76.62%, #0F1710 98.78%);
                font-family: szovegfont;
                text-decoration: none;
            }
            
            .bevizsgalas img{
                position: absolute;
                bottom: 15%;
                right:-20%;
                width:40vmax;
            }
@media only screen and (max-width:900px){
    .bevizsgalas{
        height: 140vh;
    }
    .bevizsgalas h2{
        font-size: 4vmax;
        top:5%;
    }
    .bevizsgalas p{
        font-size: 1.6vmax;
        top: 30%;
        left:3%;
        transform: translateX(0%);
        width:65vw;
    }
    .bevizsgalas a{
        left: 15%;
        transform: translateX(0%);
        bottom:5%;
    }
    .bevizsgalas img{
        width:70vmax;
        right:-43%;
        bottom:20% !important;
    }
}
@media only screen and (max-width:680px){
    .bevizsgalas h2{
        font-size: 4vmax;
    }
    .bevizsgalas a{
        left: 15%;
        transform: translateX(0%);
        
    }
    .bevizsgalas img{
        width:50vmax;
        width:30em;
        right:-53%;
    }
}
@media only screen and (max-width:600px){
    .bevizsgalas h2{
        font-size: 2.6vmax;
        top:7%;
    }
    .bevizsgalas p{
        font-size: 2vmax;
        top: 20%;
    }
    .bevizsgalas a{
        left: 5%;
        transform: translateX(0%);
        bottom: 15%;
    }
    .bevizsgalas img{
        width:70vmax;
        right:-90%;
        bottom: 10%;
    }
}
            
            /*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*//*            LEPESEK*/
            
            .masodikkeret{
                width:100%;
                display:grid;
                grid-template-columns: 50% 50%;
            }

            .lepesek{
                background: radial-gradient(71.69% 79.95% at 88.14% 45.75%, #314335 0%, #0F1710 80.24%);
                padding:5vmax;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
            }

            .lepesek .lepes:first-child h3{
                left: -6.5%;
            }
            
            .lepes{
                color: white;
                font-size: 2vmax;
                position: relative;
                font-family: szovegfont;
                font-weight: 300; 
            }
            
            .lepes h3{
                width:50px;
                position: absolute;
                left:-9%;
                top:0%;
                opacity: 0.25;
                color: white;
                font-weight: 400;
                font-family: szamfont;
                font-size: 10vmax;
                padding: 0;
                margin: 0;
            }
            .lepes span{
                background: linear-gradient(90deg, #B88746 0%, #FDF5A6 128.04%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-weight: 700; 
            }

            .lepes p{
                font-weight: 100;
            }
            .csuszkakeret{
                background-color: white;
                position: relative;
            }
            
            .csuszka{
                height: 100vh;
                position: absolute;
                padding-left: 2vw;
                padding-right: 4vw;
                font-family: szovegfont;
                display: flex;
                flex-direction: column;
                z-index: 20;
            }
.csuszkashadow{
    height: 100%;
    width:100%;
    position: absolute;
    z-index: 19;
    box-shadow: -0.5em 0.1em 0.8em #121212;
}

            
            
            .csuszka.solid{
                position: fixed;
                top: 50%;
                transform: translateY(-50%);
            }
            
            .csuszka.solid2{
                position:absolute;
                top:auto;
                bottom:1.3%;
                transform: translateY(0%);
            }

.csuszka h2{
    font-family: cimfont;
    background: linear-gradient(90deg, #B88746 0%, #FDF5A6 128.04%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: brightness(90%);
}
            
.content{
    position: relative;
    margin-bottom: 10px;
    font-size: 1.2vmax;
    margin-top: -30px;
}
.content p{
    font-size: 1.2vmax;
}

.spacer{
    float: right;
    clear: right;
    height: 160px;
}
            
.bottomRight {
    height: 320px !important;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    clear: right;
}

            .csuszka p{
                font-weight: 400; 
            }
            
            .csuszka a{
                color:white;
                text-align: center;
                background: linear-gradient(90deg, #0F1710 5.18%, #314335 70.54%, #0F1710 98.78%);
                padding-bottom: 25px;
                padding-top: 20px;
                padding-left: 20px;
                padding-right: 20px;
                text-decoration: none;
                font-size: 1.7vmax;
                font-family: szovegfont;
                margin-left: -30px;
            }
            
            .csuszka a span{
                text-align: center;
                font-size: 2.2vmax;
                background: linear-gradient(90deg, #B88746 0%, #FDF5A6 128.04%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: cimfont;
            }

@media only screen and (max-width:900px){
    .masodikkeret{
        height: auto;
                grid-template-columns: 100%;
                grid-template-rows:  55% 45%;
                grid-template-areas: 
                    "a"
                    "b";
        
            }
    .csuszzkakeret{
        grid-area: a;
        position: relative;
    }
    .csuszkashadow{
    height: 100%;
    width:100%;
    position: absolute;
    z-index: 19;
    box-shadow: -0.5em 0.1em 0.8em #121212;
        display: none;
}
    .lepesek{
        grid-area: b;
    }
    .lepesek .lepes:first-child h3{
                left: -6.5%;
            }
    .lepesek .lepes h3{
                left: -7%;
            }
    
            
            .lepes img{
                width:50px;
                position: absolute;
                left:-5%;
                top:0;
                filter: invert(1);
                z-index: 9;
            }
    
    .lepes p{
        position: relative;
        z-index: 10;
        margin-left: 2%
    }
    
    .csuszka{
        padding: 0;
        width:100%;
        position: relative;
        height:100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .csuszka h2{
        text-align: center;
    }
    .content{
    position: relative;
    margin-bottom: 10px;
    font-size: 1.2vmax;
    margin-top: 0px;
}
.content p{
    font-size: 1.7vmax;
}
            

            .spacer {
                height: 0vh;
                width: 50px;
                float: right;
            }
            .bottomRight {
                height: 200px;
                float: center;
                clear: center;
                margin-left: 0px;
                margin-top: 0px;
                padding: 0px;
                float:none;
                display:block;
                margin-left:50%;
        transform: translateX(-50%);
            }

            .csuszka p{
                font-weight: 500; 
                font-size: 2vmax;
                text-align: left;
                padding-left:10%;
                padding-right: 10%;
                margin-bottom: 10px;
            }
            
            .csuszka a{
                text-align: center;
                margin-left: 0px;
                bottom:10%;
                width: 80%;
                margin-bottom: 20px;
            }
            
            .csuszka a span{
                font-size: 2.5vmax;
                background: linear-gradient(90deg, #B88746 0%, #FDF5A6 128.04%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: cimfont;
            }
}
            /*Miertminket*//*MIERTMINKET*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*//*Miertminket*/
            .miertminket{
                height:190vh;
                width:100%;
                padding-top:2%;
                padding-bottom:5%;
                display:grid;
                grid-template-rows: 30% 70%;
                position: relative;
            }

            .overlay2{
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 23;
                background-color: black;
                opacity: 0.64;
            }


            .utolsokep1{
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0;
                transition: 1s;
                z-index: 20;
            }
            .utolsokep1.aktiv{
                opacity: 1;
                transition: 1s;
                z-index: 20;
            }
            .utolsokep2{
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0;
                transition: 1s;
                z-index: 20;
            }
            .utolsokep2.aktiv{
                opacity: 1;
                transition: 1s;
                z-index: 20;
            }
            .utolsokep3{
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0;
                transition: 1s;
                z-index: 20;
            }
            .utolsokep3.aktiv{
                opacity: 1;
                transition: 1s;
                z-index: 20;
            }
            .utolsokep4{
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0;
                transition: 1s;
                z-index: 20;
            }
            .utolsokep4.aktiv{
                opacity: 1;
                transition: 1s;
                z-index: 20;
            }

            
            .miertminketszoveg{
                width:100%;
                height:100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                color:white;
                position: relative;
                z-index: 30;
                
            }
            
            .miertminketszoveg h1{
                color:white;
                text-align: center;
                font-size: 5vmax;
                width: 100%;
                font-family: cimfont;
            }
            .miertminketszoveg p{
                color:white;
                text-align: center;
                font-size: 2.2vmax;
                width: 100%;
                margin-top: -25px;
                font-family: szovegfont;
            }
            
            .miertminketszoveg a{
                color:white;
                text-align: center;
                background: linear-gradient(90deg, #0F1710 5.18%, #314335 70.54%, #0F1710 98.78%);
                padding-bottom: 15px;
                padding-top: 15px;
                padding-left: 20px;
                padding-right: 20px;
                text-decoration: none;
                font-size: 2.3vmax;
                font-family: szovegfont;
            }
            
            .miertminketszoveg a span{
               background: linear-gradient(90deg, #B88746 0%, #FDF5A6 128.04%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: cimfont;
            }
            
            .folyamatok{
                display: grid;
                grid-template-columns: 60% 40%;
                margin-top: 2%;
                position: relative;
                z-index: 30;
            }
            
            .folyamatokbelso{
                height:100%;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                color:white;
            }
            
            .folyamat{
                display:grid;
                grid-template-columns: 20% 80%;
                align-items: center;
                font-size: 2vmax;
                line-height: 20px;
                
            }
            
            .folyamat h3{
                font-family: szovegfont;
                font-size: 2vmax;
                padding-left: 20px;
            }
            .folyamat p{
                margin-top: -20px;
                font-family: szovegfont;
                font-size: 1.6vmax;
                margin-top:10px;
                margin-right:25%;
                padding-left: 20px;
            }
            
            .folyamat img{
                width:50px;
                margin-left: 50%;
            }
            
            .folyamat div{
                width:100%;
            }
            
            
            .vonalak{
                height:100%;
                width:5px;
                background-color: white;
                margin-left: 15%;
                padding-top:40px;
                margin-top:-40Px;
            }
            
@media only screen and (max-width:900px){
    .miertminket{
        height: 190vh;
        overflow: hidden;
    }
    .folyamatok{
        grid-template-columns: 80% 20%
    }
    
    .folyamat img{
        margin-left: 15px;
        margin-top: -15px;
    }
    
    .mobil{
        width: 300%;
        
    }
}


            /*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*//*VELEMENYEK*/
            .velemenyek{
                height:100vh;
                width:100%;
                position: relative;
                overflow: hidden;
            }
            
            .velemenyek h3{
                position: absolute;
                left:5%;
                color: white;
                font-size: 3vmax;
                z-index: 40;
            }
            
            .velemenyvonal{
                width:90%;
                position: absolute;
                top:15%;
                left:5%;
                height: 4px;
                background: linear-gradient(to right,white 1%, black 100%) ;
                z-index: 40;
            }

.velemenykep{
    width:30vmax;
    height:30vmax;
    position: absolute;
    left: -5%;
    bottom: 0%;
    z-index: 40;
    transform: rotateZ(-70deg);
}
            
            .feherkeret{
                width:100%;
                height: 100%;
                background-color: white;
                
            }
            
            .zoldkeret{
                width:50%;
                height:50%;
                background: radial-gradient(71.69% 79.95% at 88.14% 45.75%, #314335 0%, #0F1710 80.24%);
                position:absolute;
                top: 0;
                left: 0;
                z-index: 30;
            }
            
            .tartalomkeret{
                position: absolute;
                top:0;
                height:100%;
                width:100%;
                z-index: 40;
            }
            
            .tartalom{
                position: relative;
                height:100%;
                width:100%;
                z-index: 40;
            }
            
            .tartalom h4{
                position: absolute;
                top:10%;
                left:8%;
                color:white;
                font-size:4vmax;
                z-index: 40;
            }
            .tartalom p:nth-child(2){
                position: absolute;
                top:30%;
                left:8%;
                color:white;
                font-size:2vmax;
                z-index: 40;
            }
            .tartalom p:nth-child(3){
                position: absolute;
                top:30%;
                right:8%;
                color:black;
                font-size:2vmax;
                text-align: right;
                width: 40%;
                z-index: 20;
            }
            
            
            
            .carousel-item {
                width: 0;
                height: 100%;
                opacity: 0;
                transition: opacity 0.5s, transform 0.5s, width 0.5s; /* Added width transition */
                transform: translateX(0%) translateY(-50%);
                z-index:3;
                border-radius:100px 100px 0px 0px;
                overflow:hidden;
                z-index: 20;
            }
            
            .carousel-item.active {
                width: 100%; /* Set to full width when active */
                opacity: 1;
                transform: translateX(0%);
                z-index:3;
                border-radius:100px 100px 0px 0px;
                overflow:hidden;
                z-index: 31;
            }
            
            .carousel-item.next {
                width: 100%;
                transform: translateX(100%);
                border-radius:100px 100px 0px 0px;
                overflow:hidden;
            }
            
            .carousel-item.prev {
                width: 100%;
                transform: translateX(-100%);
                border-radius:100px 100px 0px 0px;
                overflow:hidden;
            }
            
            
            .nyilak{
                width:40vmax;
                position: absolute;
                bottom: 5%;
                z-index: 50;
                display: flex;
                justify-content: center;
                align-items: center;
                left: 50%;
                transform: translateX(-50%);
            }
            
            .nyilak p{
                margin: 10px;
                font-size: 2vmax;
                font-style: bold;
            }
            
            .nyilvonal{
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                width:5vmax;
                height:3px;
                background-color: black;
            }
            .nyilvonal2{
                width:20vmax;
                height:3px;
                background-color: grey;
            }


@media only screen and (max-width:900px){
    .velemenyek{
        height: 110vh;
            }
            
            .velemenyek h3{
                top: 5%;
                left:50%;
                transform: translateX(-50%);
                font-size: 3vmax;
            }
            
    .velemenyvonal{
        background-color: white;
        background: white;
        top:13%;
    }
    .velemenykep{
        bottom: 42%;
    }
            .zoldkeret{
                width:100%;
                height:50%;
            }
            
            .tartalom h4{
                top: 20%;
                width: 100%;
                text-align: center;
                font-size:4vmax;
                left:0;
            }
            .tartalom p:nth-child(2){
                top:30%;
                left:50%;
                transform: translateX(-50%);
                font-size:2vmax;
            }
            .tartalom p:nth-child(3){
                position: absolute;
                top:70%;
                left:50%;
                transform: translateX(-50%) translateY(-50%);
                font-size:2.5vmax;
                text-align: center;
                width: 70%;
            }
}
            
            /*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*//*UTOLSOKEP*/
            
            .utolsoresz{
                width:100%;
                height:100vh;
                position: relative;
                background-image: url('footerkep.jpg');
                background-size: cover;
                background-position: center;
            }
            
            .utolsoszoveg{
                position: absolute;
                top:0;
                width: 100%;
                background: linear-gradient(90deg, #0F1710 0.01%, #314335 38.98%, #0F1710 95%);
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                color: white;
                font-family: szovegfont;
                font-size: 1.6vmax;
                font-weight: 200;
            }
            .utolsoszoveg.solid3{
                position: fixed;
                top: 50%;
                transform: translateY(-50%);
                
            }
            
            .utolsoszoveg.solid4{
                position:absolute;
                top:auto;
                bottom:1.3%;
                transform: translateY(0%);
            }