.elementor-14980 .elementor-element.elementor-element-2e2820a .elementor-repeater-item-778bf61.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-14980 .elementor-element.elementor-element-7dc8204 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-14980 .elementor-element.elementor-element-2e2820a:not(.elementor-motion-effects-element-type-background), .elementor-14980 .elementor-element.elementor-element-2e2820a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9157540 );}.elementor-14980 .elementor-element.elementor-element-2e2820a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 0px 0px;}.elementor-14980 .elementor-element.elementor-element-2e2820a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14980 .elementor-element.elementor-element-1cb227f .elementor-repeater-item-76891cd.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14980 .elementor-element.elementor-element-3908320 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14980 .elementor-element.elementor-element-3908320{z-index:10;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-menu-toggle{margin-left:auto;}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu .elementor-item{font-family:"Cormorant Unicase", Sans-serif;font-size:1.5em;font-weight:700;text-transform:lowercase;letter-spacing:0.5px;}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-top:5px;padding-bottom:5px;}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-42969ab );fill:var( --e-global-color-42969ab );}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown a, .elementor-14980 .elementor-element.elementor-element-3908320 .elementor-menu-toggle{color:#98999C;fill:#98999C;}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown{background-color:#141414;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2D494C;border-radius:4px 4px 20px 20px;}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown a:hover,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown a:focus,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-menu-toggle:hover,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-menu-toggle:focus{color:var( --e-global-color-42969ab );}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown a:hover,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown a:focus,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown a.highlighted{background-color:#395A64;}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:#1C1C1C;}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown .elementor-item, .elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:1.1em;letter-spacing:0.5px;}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:4px;border-top-right-radius:4px;}.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:20px;border-bottom-left-radius:20px;}.elementor-14980 .elementor-element.elementor-element-1cb227f:not(.elementor-motion-effects-element-type-background), .elementor-14980 .elementor-element.elementor-element-1cb227f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9157540 );}.elementor-14980 .elementor-element.elementor-element-1cb227f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-14980 .elementor-element.elementor-element-1cb227f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14980 .elementor-element.elementor-element-ba3fd3c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-14980 .elementor-element.elementor-element-ba3fd3c::before, .elementor-14980 .elementor-element.elementor-element-ba3fd3c > .elementor-background-video-container::before, .elementor-14980 .elementor-element.elementor-element-ba3fd3c > .e-con-inner > .elementor-background-video-container::before, .elementor-14980 .elementor-element.elementor-element-ba3fd3c > .elementor-background-slideshow::before, .elementor-14980 .elementor-element.elementor-element-ba3fd3c > .e-con-inner > .elementor-background-slideshow::before, .elementor-14980 .elementor-element.elementor-element-ba3fd3c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://pappcseperke.hu/wp-content/uploads/2021/01/Fern02.png");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:contain;}.elementor-14980 .elementor-element.elementor-element-0c896f8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-14980 .elementor-element.elementor-element-0c896f8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-14980 .elementor-element.elementor-element-43ea378 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-14980 .elementor-element.elementor-element-43ea378.elementor-element{--align-self:flex-start;}.elementor-14980 .elementor-element.elementor-element-43ea378{text-align:center;}.elementor-14980 .elementor-element.elementor-element-43ea378 .elementor-heading-title{font-family:"Cormorant Unicase", Sans-serif;font-size:3em;font-weight:700;text-transform:lowercase;text-shadow:0px 0px 14px rgba(255, 255, 255, 0.93);color:#FFFFFF;}.elementor-14980 .elementor-element.elementor-element-e0f0493{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14980 .elementor-element.elementor-element-da34a4b .elementor-heading-title{font-family:"Cormorant Unicase", Sans-serif;font-size:5em;font-weight:600;text-transform:capitalize;color:var( --e-global-color-42969ab );}.elementor-14980 .elementor-element.elementor-element-9b74d4c .elementor-heading-title{font-family:"Cormorant Infant", Sans-serif;font-weight:400;text-transform:none;font-style:italic;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14980 .elementor-element.elementor-element-4f7bcb7{font-family:"Overlock", Sans-serif;font-size:1.3em;font-weight:400;}.elementor-14980 .elementor-element.elementor-element-b52d6e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14980 .elementor-element.elementor-element-453899e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14980 .elementor-element.elementor-element-b4a30b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.37;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-1411f05 );--border-color:var( --e-global-color-1411f05 );}.elementor-14980 .elementor-element.elementor-element-b4a30b6::before, .elementor-14980 .elementor-element.elementor-element-b4a30b6 > .elementor-background-video-container::before, .elementor-14980 .elementor-element.elementor-element-b4a30b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-14980 .elementor-element.elementor-element-b4a30b6 > .elementor-background-slideshow::before, .elementor-14980 .elementor-element.elementor-element-b4a30b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14980 .elementor-element.elementor-element-b4a30b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://pappcseperke.hu/wp-content/uploads/2026/07/laboratory.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-14980 .elementor-element.elementor-element-b4a30b6::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-14980 .elementor-element.elementor-element-653ba04 > .elementor-widget-container{margin:0em 0em 4em 0em;}.elementor-14980 .elementor-element.elementor-element-08132cd > .elementor-widget-container{background-color:#1C1C1C96;margin:80px 0px 0px -10px;padding:5px 5px 5px 10px;}.elementor-14980 .elementor-element.elementor-element-08132cd .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-14980 .elementor-element.elementor-element-7d84894 .elementor-heading-title{font-family:"Cormorant Unicase", Sans-serif;font-size:3em;font-weight:600;text-transform:capitalize;}.elementor-14980 .elementor-element.elementor-element-0f3fdbb .elementor-heading-title{font-family:"Cormorant Infant", Sans-serif;font-weight:400;text-transform:none;font-style:italic;}.elementor-14980 .elementor-element.elementor-element-31af086 > .elementor-widget-container{margin:0% 20% 0% 0%;}.elementor-14980 .elementor-element.elementor-element-aa3e90e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14980 .elementor-element.elementor-element-a7c873c .elementor-flip-box__front{background-color:var( --e-global-color-1411f05 );}.elementor-14980 .elementor-element.elementor-element-a7c873c .elementor-flip-box__back{background-color:var( --e-global-color-19027f5 );}.elementor-14980 .elementor-element.elementor-element-a7c873c .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-14980 .elementor-element.elementor-element-a7c873c .elementor-icon i{transform:rotate(0deg);}.elementor-14980 .elementor-element.elementor-element-a7c873c .elementor-icon svg{transform:rotate(0deg);}.elementor-14980 .elementor-element.elementor-element-a7c873c .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:"Cormorant SC", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-14980 .elementor-element.elementor-element-a7c873c .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-14980 .elementor-element.elementor-element-a7c873c .elementor-flip-box__button{margin-inline-center:0;color:var( --e-global-color-42969ab );border-color:var( --e-global-color-1411f05 );}.elementor-14980 .elementor-element.elementor-element-a7c873c .elementor-flip-box__back .elementor-flip-box__layer__title{color:var( --e-global-color-42969ab );font-family:"Cormorant SC", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-14980 .elementor-element.elementor-element-a7c873c .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-text );font-family:"Overlock", Sans-serif;font-weight:600;}.elementor-14980 .elementor-element.elementor-element-6d7b13f .elementor-flip-box__front{background-color:var( --e-global-color-1411f05 );}.elementor-14980 .elementor-element.elementor-element-6d7b13f .elementor-flip-box__back{background-color:var( --e-global-color-19027f5 );}.elementor-14980 .elementor-element.elementor-element-6d7b13f .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-14980 .elementor-element.elementor-element-6d7b13f .elementor-icon i{transform:rotate(0deg);}.elementor-14980 .elementor-element.elementor-element-6d7b13f .elementor-icon svg{transform:rotate(0deg);}.elementor-14980 .elementor-element.elementor-element-6d7b13f .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:"Cormorant SC", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-14980 .elementor-element.elementor-element-6d7b13f .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-14980 .elementor-element.elementor-element-6d7b13f .elementor-flip-box__button{margin-inline-center:0;color:var( --e-global-color-42969ab );border-color:var( --e-global-color-1411f05 );}.elementor-14980 .elementor-element.elementor-element-6d7b13f .elementor-flip-box__back .elementor-flip-box__layer__title{color:var( --e-global-color-42969ab );font-family:"Cormorant SC", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-14980 .elementor-element.elementor-element-6d7b13f .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-text );font-family:"Overlock", Sans-serif;font-weight:600;}.elementor-14980 .elementor-element.elementor-element-e505830 .elementor-flip-box__front{background-color:var( --e-global-color-1411f05 );}.elementor-14980 .elementor-element.elementor-element-e505830 .elementor-flip-box__back{background-color:var( --e-global-color-19027f5 );}.elementor-14980 .elementor-element.elementor-element-e505830 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-14980 .elementor-element.elementor-element-e505830 .elementor-icon i{transform:rotate(0deg);}.elementor-14980 .elementor-element.elementor-element-e505830 .elementor-icon svg{transform:rotate(0deg);}.elementor-14980 .elementor-element.elementor-element-e505830 .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:"Cormorant SC", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-14980 .elementor-element.elementor-element-e505830 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-14980 .elementor-element.elementor-element-e505830 .elementor-flip-box__button{margin-inline-center:0;color:var( --e-global-color-42969ab );border-color:var( --e-global-color-1411f05 );}.elementor-14980 .elementor-element.elementor-element-e505830 .elementor-flip-box__back .elementor-flip-box__layer__title{color:var( --e-global-color-42969ab );font-family:"Cormorant SC", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-14980 .elementor-element.elementor-element-e505830 .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-text );font-family:"Overlock", Sans-serif;font-weight:600;}.elementor-14980 .elementor-element.elementor-element-6c9ea38 > .elementor-widget-container{background-color:var( --e-global-color-069846a );margin:5% 30% 8% 30%;padding:25px 25px 25px 25px;border-style:solid;}.elementor-14980 .elementor-element.elementor-element-2954f57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14980 .elementor-element.elementor-element-f2568e2 > .elementor-widget-container{margin:0em 0em 4em 0em;}.elementor-14980 .elementor-element.elementor-element-0412f7b > .elementor-widget-container{margin:80px 0px 0px 0px;}.elementor-14980 .elementor-element.elementor-element-0412f7b .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-14980 .elementor-element.elementor-element-df53fc7 .elementor-heading-title{font-family:"Cormorant Unicase", Sans-serif;font-size:3em;font-weight:600;text-transform:capitalize;}.elementor-14980 .elementor-element.elementor-element-be7c75f .elementor-heading-title{font-family:"Cormorant Infant", Sans-serif;font-weight:400;text-transform:none;font-style:italic;}.elementor-14980 .elementor-element.elementor-element-6d67b89{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14980 .elementor-element.elementor-element-ad27303 > .elementor-widget-container{margin:0em 0em 4em 0em;}.elementor-14980 .elementor-element.elementor-element-723da66 > .elementor-widget-container{margin:80px 0px 0px 0px;}.elementor-14980 .elementor-element.elementor-element-723da66 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-14980 .elementor-element.elementor-element-be6cc14 .elementor-heading-title{font-family:"Cormorant Unicase", Sans-serif;font-size:3em;font-weight:600;text-transform:capitalize;}.elementor-14980 .elementor-element.elementor-element-3262724 > .elementor-widget-container{margin:0% 20% 5% 0%;}.elementor-14980 .elementor-element.elementor-element-8c747ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.38;--overlay-mix-blend-mode:screen;}.elementor-14980 .elementor-element.elementor-element-8c747ee::before, .elementor-14980 .elementor-element.elementor-element-8c747ee > .elementor-background-video-container::before, .elementor-14980 .elementor-element.elementor-element-8c747ee > .e-con-inner > .elementor-background-video-container::before, .elementor-14980 .elementor-element.elementor-element-8c747ee > .elementor-background-slideshow::before, .elementor-14980 .elementor-element.elementor-element-8c747ee > .e-con-inner > .elementor-background-slideshow::before, .elementor-14980 .elementor-element.elementor-element-8c747ee > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://pappcseperke.hu/wp-content/uploads/2026/07/candlepattern.png");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:contain;}.elementor-14980 .elementor-element.elementor-element-2c8fe9d > .elementor-widget-container{margin:0em 0em 4em 0em;}.elementor-14980 .elementor-element.elementor-element-17660b1 > .elementor-widget-container{margin:80px 0px 0px 0px;}.elementor-14980 .elementor-element.elementor-element-17660b1 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-14980 .elementor-element.elementor-element-fd03a3a .elementor-heading-title{font-family:"Cormorant Unicase", Sans-serif;font-size:3em;font-weight:600;text-transform:none;}.elementor-14980 .elementor-element.elementor-element-5a7a3b9 > .elementor-widget-container{margin:0% 20% 0% 0%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14980 .elementor-element.elementor-element-0030361{--display:flex;}@media(max-width:1024px){.elementor-14980 .elementor-element.elementor-element-ba3fd3c{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:00px;--margin-bottom:00px;--margin-left:00px;--margin-right:00px;--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-14980 .elementor-element.elementor-element-e0f0493{--min-height:566px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--flex-wrap:wrap;--align-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-14980 .elementor-element.elementor-element-aa3e90e{--grid-auto-flow:row;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{line-height:var( --e-global-typography-text-line-height );}.elementor-14980 .elementor-element.elementor-element-6c9ea38 > .elementor-widget-container{margin:2% 20% 2% 20%;}}@media(max-width:767px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-14980 .elementor-element.elementor-element-4f7bcb7{font-size:1em;}.elementor-14980 .elementor-element.elementor-element-aa3e90e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{line-height:var( --e-global-typography-text-line-height );}.elementor-14980 .elementor-element.elementor-element-6c9ea38 > .elementor-widget-container{margin:5% 5% 5% 5%;padding:10px 10px 10px 10px;}}@media(min-width:768px){.elementor-14980 .elementor-element.elementor-element-ba3fd3c{--content-width:900px;}.elementor-14980 .elementor-element.elementor-element-0c896f8{--width:30%;}}@media(min-width:1025px){.elementor-14980 .elementor-element.elementor-element-b4a30b6::before, .elementor-14980 .elementor-element.elementor-element-b4a30b6 > .elementor-background-video-container::before, .elementor-14980 .elementor-element.elementor-element-b4a30b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-14980 .elementor-element.elementor-element-b4a30b6 > .elementor-background-slideshow::before, .elementor-14980 .elementor-element.elementor-element-b4a30b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14980 .elementor-element.elementor-element-b4a30b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-eabaf37 */@keyframes csepiHover {
  0%   {transform: rotate(0deg);}
  50%  {transform: rotate(-15deg);}
  100% {transform: rotate(0deg);}
}

@keyframes RollIN {
  from {
      opacity: 0;
      transform:rotate(0deg);
      }
  to {
      opacity: 1;
      transform:rotate(360deg);
      }
}

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

@keyframes FadeINandGrow {
    from {
        opacity: 0;
        transform-origin: 10% 40%;
        transform: scale(0.1);
        
    }
    to { 
        opacity: 1;
        transform-origin: 20% 50%;
        transform: scale(1);
        
    }
    
}

.MainTitle {width:300px;margin:auto;transform:translateX(35px);}

.picture {
  opacity: 0;
  transform: rotate(0deg);
  float: left;
  margin-top: -140px;
  margin-left: -70px;
  width: 120px;
  height: 120px;
  position: relative;
  animation-name: RollIN;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.34, 1.56, 0.84, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
}

.picture:hover {
  opacity: 1;
  animation-name: csepiHover;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

.picture::before {
    
}



.BGpicture {
    opacity:0;
    float: none;
    animation-name: FadeIN;
    animation-duration: 4s;
    animation-delay: 3s;
    animation-timing-function: cubic-bezier(0.34, 1, 0.64, 1);
    animation-fill-mode: forwards;
}

.papp {
    float: left;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    margin-top: -155px;
    margin-left: 45px;
    letter-spacing: -1px;
    transform: rotate(-12deg);
    transition-duration: 200ms;
 }
    


.papp .shift  { 
     display: inline-block;
     vertical-align: 5px;
     opacity: 0;
     animation-name: FadeIN;
     animation-duration: 2s;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
     transition-duration: 300ms;
}

.papp .shift:hover { 
     vertical-align: -5px;
     transition-duration: 300ms;
     transition-timing-function: ease-out;}
     
.papp .base  { 
     display: inline-block;
     vertical-align: 0px;
     opacity: 0;
     animation-name: FadeIN;
     animation-duration: 2s;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
     transition-duration: 300ms;
}


/* per-letter offsets (restore the stagger) */
.papp span:nth-child(1){ animation-delay:200ms; letter-spacing: -2px;}
.papp span:nth-child(2){ animation-delay:400ms; letter-spacing: 0px; }
.papp span:nth-child(3){ animation-delay:600ms; }
.papp span:nth-child(4){ animation-delay:800ms; }


/* Apply the gradient to the actual glyph containers */
.papp .base,
.papp .shift{
  display:inline-block;
  background-image: linear-gradient(20deg, #13606b 20%, #65b9c6 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  /* keep your existing per-letter animations */
  opacity: 0;
  animation-name: FadeIN;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  transition-duration: 200ms;
}

.papp .base:hover,
.papp .shift:hover {
  transform: scale(1.2,1.2);
  transition: transform 200ms ease-out;
  transition-duration: 200ms;
}

.papp .base {
  transform: translateY(5px);
}



.cseperke {
    float: none;
    margin-top: -130px;
    margin-left: 60px;
    color:#e7eaea;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    letter-spacing: 3px;
    transform: rotate(-12deg);
    text-shadow: 0px 0px 8px #6bb0b7;
     z-index: 3;
 }

  .cseperke .base {
      display: inline-block;
      opacity: 0;
      animation-name: FadeIN;
      animation-duration: 1s;
      animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
      animation-fill-mode: forwards;
      vertical-align: 0px; 
      transition-duration: 200ms;
  }
  
 .cseperke .base:hover {
     transform: scale(1.2,1.2);
     text-shadow: 2px 2px 10px #fff;
     transition-duration: 200ms;
 }
 
 .cseperke .shift  {   
    display: inline-block; 
    opacity: 0;
    animation-name: FadeIN;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    vertical-align:4px;
    transition-duration: 200ms;
  }
  
.cseperke .shift:hover {      
     text-shadow: 2px 2px 10px #fff;
     transform: scale(1.2,1.2);
     transition-duration: 200ms;
     transition-timing-function: ease-out;
  }
  
.cseperke span:nth-child(1) {
    animation-delay: 1000ms;
}     

.cseperke span:nth-child(2) {
    animation-delay: 1200ms;
}   

.cseperke span:nth-child(3) {
    animation-delay: 1400ms;
}   

.cseperke span:nth-child(4) {
    animation-delay: 1600ms;
} 
   
.cseperke span:nth-child(5) {
    animation-delay: 1800ms;
} 

.cseperke span:nth-child(6) {
     animation-delay: 2000ms;
} 

.cseperke span:nth-child(7) {
     animation-delay: 2200ms;
} 

.cseperke span:nth-child(8) {
     animation-delay: 2400ms;
} 

.Art {    
    float:right;
    opacity: 0;
    transform: rotate(-12deg);
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -81px;
    margin-right: 26px;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.And {
    float:right;
    opacity: 0;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -63px;
    margin-right: 60px;
    z-index: 1;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3300ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.Design {
    opacity: 0;
    float:right;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -45px;
    margin-right: 41px;
    z-index: 2;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3500ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7dc8204 */@keyframes csepiHover {
  0%   {transform: rotate(0deg);}
  50%  {transform: rotate(-15deg);}
  100% {transform: rotate(0deg);}
}

@keyframes RollIN {
  from {
      opacity: 0;
      transform:rotate(0deg);
      }
  to {
      opacity: 1;
      transform:rotate(360deg);
      }
}

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

@keyframes FadeINandGrow {
    from {
        opacity: 0;
        transform-origin: 10% 40%;
        transform: scale(0.1);
        
    }
    to { 
        opacity: 1;
        transform-origin: 20% 50%;
        transform: scale(1);
        
    }
    
}

.MainTitleEN {width:300px;margin:auto;transform:translateX(35px);}

.picture {
  opacity: 0;
  transform:rotate(0deg);
  float: left;
  margin-top: -140px;
  margin-left: -70px;
  width: 120px;
  height: 120px;
  position: relative;
  animation-name: RollIN;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.34, 1.56, 0.84, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
}

.picture:hover {
  opacity: 1;
  animation-name: csepiHover;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

.picture::before {
    
}



.BGpicture {
    opacity:0;
    float: none;
    animation-name: FadeIN;
    animation-duration: 4s;
    animation-delay: 3s;
    animation-timing-function: cubic-bezier(0.34, 1, 0.64, 1);
    animation-fill-mode: forwards;
}

/* restore the rotation on the parent and ensure it applies */
.pappEN {
    float: left;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    margin-top: -105px;
    margin-left: 65px;
    letter-spacing: -1px;
    transform: rotate(-12deg) translateX(-10px);
    transition-duration: 200ms;
}

/* Apply the gradient to the actual glyph containers */
.pappEN .base,
.pappEN .shift{
  display:inline-block;
  background-image: linear-gradient(30deg,  #13606b 20%, #65b9c6 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  /* keep your existing per-letter animations */
  opacity: 0;
  animation-name: FadeIN;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
   transition-duration: 200ms;
}

/* per-letter offsets (restore the stagger) */
.pappEN span:nth-child(1){ animation-delay:200ms; letter-spacing: -2px;}
.pappEN span:nth-child(2){ animation-delay:400ms; letter-spacing: 0px; }
.pappEN span:nth-child(3){ animation-delay:600ms; }
.pappEN span:nth-child(4){ animation-delay:800ms; }

.pappEN .base:hover,
.pappEN .shift:hover {
     transform: scale(1.2,1.2);
  transition: transform 200ms ease-out;
  transition-duration: 200ms;
}

.pappEN .base {
  transform: translateY(5px);
}

.cseperkeEN {
    float: none;
    margin-top: -160px;
    margin-left: 42px;
    color:#e7eaea;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    letter-spacing: 1px;
    transform: rotate(-12deg) translateY(3px);
    text-shadow: 0px 0px 8px #6bb0b7;
     z-index: 3;
 }

  .cseperkeEN .base {
      display: inline-block;
      opacity: 0;
      animation-name: FadeIN;
      animation-duration: 1s;
      animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
      animation-fill-mode: forwards;
      vertical-align: 0px; 
      transition-duration: 200ms;
  }
  
 .cseperkeEN .base:hover {
     transform: scale(1.2,1.2);
     text-shadow: 2px 2px 10px #fff;
     transition-duration: 200ms;
 }
 
 .cseperkeEN .shift  {   
    display: inline-block; 
    opacity: 0;
    animation-name: FadeIN;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    transform: translateY(-3px);
    transition-duration: 200ms;
  }
  
.cseperkeEN .shift:hover {      
     text-shadow: 2px 2px 10px #fff;
     transform: scale(1.2,1.2);
     transition-duration: 200ms;
     transition-timing-function: ease-out;
  }
  
.cseperkeEN span:nth-child(1) {
    animation-delay: 1000ms;
}     

.cseperkeEN span:nth-child(2) {
    animation-delay: 1200ms;
}   

.cseperkeEN span:nth-child(3) {
    animation-delay: 1400ms;
}   

.cseperkeEN span:nth-child(4) {
    animation-delay: 1600ms;
} 
   
.cseperkeEN span:nth-child(5) {
    animation-delay: 1800ms;
} 

.cseperkeEN span:nth-child(6) {
     animation-delay: 2000ms;
} 

.cseperkeEN span:nth-child(7) {
     animation-delay: 2200ms;
} 

.cseperkeEN span:nth-child(8) {
     animation-delay: 2400ms;
} 

.ArtEN {    
    float:right;
    opacity: 0;
    transform: rotate(-12deg);
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -90px;
    margin-right: 36px;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.AndEN {
    float:right;
    opacity: 0;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 2px;
    margin-top: -72px;
    margin-right: 54px;
    z-index: 1;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3300ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.DesignEN {
    opacity: 0;
    float:right;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -55px;
    margin-right: 38px;
    z-index: 2;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3500ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eabaf37 */@keyframes csepiHover {
  0%   {transform: rotate(0deg);}
  50%  {transform: rotate(-15deg);}
  100% {transform: rotate(0deg);}
}

@keyframes RollIN {
  from {
      opacity: 0;
      transform:rotate(0deg);
      }
  to {
      opacity: 1;
      transform:rotate(360deg);
      }
}

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

@keyframes FadeINandGrow {
    from {
        opacity: 0;
        transform-origin: 10% 40%;
        transform: scale(0.1);
        
    }
    to { 
        opacity: 1;
        transform-origin: 20% 50%;
        transform: scale(1);
        
    }
    
}

.MainTitle {width:300px;margin:auto;transform:translateX(35px);}

.picture {
  opacity: 0;
  transform: rotate(0deg);
  float: left;
  margin-top: -140px;
  margin-left: -70px;
  width: 120px;
  height: 120px;
  position: relative;
  animation-name: RollIN;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.34, 1.56, 0.84, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
}

.picture:hover {
  opacity: 1;
  animation-name: csepiHover;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

.picture::before {
    
}



.BGpicture {
    opacity:0;
    float: none;
    animation-name: FadeIN;
    animation-duration: 4s;
    animation-delay: 3s;
    animation-timing-function: cubic-bezier(0.34, 1, 0.64, 1);
    animation-fill-mode: forwards;
}

.papp {
    float: left;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    margin-top: -155px;
    margin-left: 45px;
    letter-spacing: -1px;
    transform: rotate(-12deg);
    transition-duration: 200ms;
 }
    


.papp .shift  { 
     display: inline-block;
     vertical-align: 5px;
     opacity: 0;
     animation-name: FadeIN;
     animation-duration: 2s;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
     transition-duration: 300ms;
}

.papp .shift:hover { 
     vertical-align: -5px;
     transition-duration: 300ms;
     transition-timing-function: ease-out;}
     
.papp .base  { 
     display: inline-block;
     vertical-align: 0px;
     opacity: 0;
     animation-name: FadeIN;
     animation-duration: 2s;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
     transition-duration: 300ms;
}


/* per-letter offsets (restore the stagger) */
.papp span:nth-child(1){ animation-delay:200ms; letter-spacing: -2px;}
.papp span:nth-child(2){ animation-delay:400ms; letter-spacing: 0px; }
.papp span:nth-child(3){ animation-delay:600ms; }
.papp span:nth-child(4){ animation-delay:800ms; }


/* Apply the gradient to the actual glyph containers */
.papp .base,
.papp .shift{
  display:inline-block;
  background-image: linear-gradient(20deg, #13606b 20%, #65b9c6 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  /* keep your existing per-letter animations */
  opacity: 0;
  animation-name: FadeIN;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  transition-duration: 200ms;
}

.papp .base:hover,
.papp .shift:hover {
  transform: scale(1.2,1.2);
  transition: transform 200ms ease-out;
  transition-duration: 200ms;
}

.papp .base {
  transform: translateY(5px);
}



.cseperke {
    float: none;
    margin-top: -130px;
    margin-left: 60px;
    color:#e7eaea;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    letter-spacing: 3px;
    transform: rotate(-12deg);
    text-shadow: 0px 0px 8px #6bb0b7;
     z-index: 3;
 }

  .cseperke .base {
      display: inline-block;
      opacity: 0;
      animation-name: FadeIN;
      animation-duration: 1s;
      animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
      animation-fill-mode: forwards;
      vertical-align: 0px; 
      transition-duration: 200ms;
  }
  
 .cseperke .base:hover {
     transform: scale(1.2,1.2);
     text-shadow: 2px 2px 10px #fff;
     transition-duration: 200ms;
 }
 
 .cseperke .shift  {   
    display: inline-block; 
    opacity: 0;
    animation-name: FadeIN;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    vertical-align:4px;
    transition-duration: 200ms;
  }
  
.cseperke .shift:hover {      
     text-shadow: 2px 2px 10px #fff;
     transform: scale(1.2,1.2);
     transition-duration: 200ms;
     transition-timing-function: ease-out;
  }
  
.cseperke span:nth-child(1) {
    animation-delay: 1000ms;
}     

.cseperke span:nth-child(2) {
    animation-delay: 1200ms;
}   

.cseperke span:nth-child(3) {
    animation-delay: 1400ms;
}   

.cseperke span:nth-child(4) {
    animation-delay: 1600ms;
} 
   
.cseperke span:nth-child(5) {
    animation-delay: 1800ms;
} 

.cseperke span:nth-child(6) {
     animation-delay: 2000ms;
} 

.cseperke span:nth-child(7) {
     animation-delay: 2200ms;
} 

.cseperke span:nth-child(8) {
     animation-delay: 2400ms;
} 

.Art {    
    float:right;
    opacity: 0;
    transform: rotate(-12deg);
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -81px;
    margin-right: 26px;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.And {
    float:right;
    opacity: 0;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -63px;
    margin-right: 60px;
    z-index: 1;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3300ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.Design {
    opacity: 0;
    float:right;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -45px;
    margin-right: 41px;
    z-index: 2;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3500ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7dc8204 */@keyframes csepiHover {
  0%   {transform: rotate(0deg);}
  50%  {transform: rotate(-15deg);}
  100% {transform: rotate(0deg);}
}

@keyframes RollIN {
  from {
      opacity: 0;
      transform:rotate(0deg);
      }
  to {
      opacity: 1;
      transform:rotate(360deg);
      }
}

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

@keyframes FadeINandGrow {
    from {
        opacity: 0;
        transform-origin: 10% 40%;
        transform: scale(0.1);
        
    }
    to { 
        opacity: 1;
        transform-origin: 20% 50%;
        transform: scale(1);
        
    }
    
}

.MainTitleEN {width:300px;margin:auto;transform:translateX(35px);}

.picture {
  opacity: 0;
  transform:rotate(0deg);
  float: left;
  margin-top: -140px;
  margin-left: -70px;
  width: 120px;
  height: 120px;
  position: relative;
  animation-name: RollIN;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.34, 1.56, 0.84, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transition-duration: 2s;
  transition-timing-function: ease-in-out;
}

.picture:hover {
  opacity: 1;
  animation-name: csepiHover;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

.picture::before {
    
}



.BGpicture {
    opacity:0;
    float: none;
    animation-name: FadeIN;
    animation-duration: 4s;
    animation-delay: 3s;
    animation-timing-function: cubic-bezier(0.34, 1, 0.64, 1);
    animation-fill-mode: forwards;
}

/* restore the rotation on the parent and ensure it applies */
.pappEN {
    float: left;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    margin-top: -105px;
    margin-left: 65px;
    letter-spacing: -1px;
    transform: rotate(-12deg) translateX(-10px);
    transition-duration: 200ms;
}

/* Apply the gradient to the actual glyph containers */
.pappEN .base,
.pappEN .shift{
  display:inline-block;
  background-image: linear-gradient(30deg,  #13606b 20%, #65b9c6 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  /* keep your existing per-letter animations */
  opacity: 0;
  animation-name: FadeIN;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
   transition-duration: 200ms;
}

/* per-letter offsets (restore the stagger) */
.pappEN span:nth-child(1){ animation-delay:200ms; letter-spacing: -2px;}
.pappEN span:nth-child(2){ animation-delay:400ms; letter-spacing: 0px; }
.pappEN span:nth-child(3){ animation-delay:600ms; }
.pappEN span:nth-child(4){ animation-delay:800ms; }

.pappEN .base:hover,
.pappEN .shift:hover {
     transform: scale(1.2,1.2);
  transition: transform 200ms ease-out;
  transition-duration: 200ms;
}

.pappEN .base {
  transform: translateY(5px);
}

.cseperkeEN {
    float: none;
    margin-top: -160px;
    margin-left: 42px;
    color:#e7eaea;
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 550;
    letter-spacing: 1px;
    transform: rotate(-12deg) translateY(3px);
    text-shadow: 0px 0px 8px #6bb0b7;
     z-index: 3;
 }

  .cseperkeEN .base {
      display: inline-block;
      opacity: 0;
      animation-name: FadeIN;
      animation-duration: 1s;
      animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
      animation-fill-mode: forwards;
      vertical-align: 0px; 
      transition-duration: 200ms;
  }
  
 .cseperkeEN .base:hover {
     transform: scale(1.2,1.2);
     text-shadow: 2px 2px 10px #fff;
     transition-duration: 200ms;
 }
 
 .cseperkeEN .shift  {   
    display: inline-block; 
    opacity: 0;
    animation-name: FadeIN;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    transform: translateY(-3px);
    transition-duration: 200ms;
  }
  
.cseperkeEN .shift:hover {      
     text-shadow: 2px 2px 10px #fff;
     transform: scale(1.2,1.2);
     transition-duration: 200ms;
     transition-timing-function: ease-out;
  }
  
.cseperkeEN span:nth-child(1) {
    animation-delay: 1000ms;
}     

.cseperkeEN span:nth-child(2) {
    animation-delay: 1200ms;
}   

.cseperkeEN span:nth-child(3) {
    animation-delay: 1400ms;
}   

.cseperkeEN span:nth-child(4) {
    animation-delay: 1600ms;
} 
   
.cseperkeEN span:nth-child(5) {
    animation-delay: 1800ms;
} 

.cseperkeEN span:nth-child(6) {
     animation-delay: 2000ms;
} 

.cseperkeEN span:nth-child(7) {
     animation-delay: 2200ms;
} 

.cseperkeEN span:nth-child(8) {
     animation-delay: 2400ms;
} 

.ArtEN {    
    float:right;
    opacity: 0;
    transform: rotate(-12deg);
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -90px;
    margin-right: 36px;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.AndEN {
    float:right;
    opacity: 0;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 2px;
    margin-top: -72px;
    margin-right: 54px;
    z-index: 1;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3300ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.DesignEN {
    opacity: 0;
    float:right;
    color: #65b9c6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    letter-spacing: 0px;
    margin-top: -55px;
    margin-right: 38px;
    z-index: 2;
    animation-name: FadeIN;
    animation-duration: 200ms;
    animation-delay: 3500ms;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3908320 */.elementor-14980 .elementor-element.elementor-element-3908320 .menu-item {
  transition: 5s;
}

.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-sub-item {
  transition: 3s;
}

.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown sm-nowrap {transition: 3s;}

.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown sm-nowrap:hover {transition: 3s;}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3908320 */.elementor-14980 .elementor-element.elementor-element-3908320 .menu-item {
  transition: 5s;
}

.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-sub-item {
  transition: 3s;
}

.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown sm-nowrap {transition: 3s;}

.elementor-14980 .elementor-element.elementor-element-3908320 .elementor-nav-menu--dropdown sm-nowrap:hover {transition: 3s;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d4dc9c */* Use '.elementor-14980 .elementor-element.elementor-element-2d4dc9c' to target the widget's wrapper */
.elementor-14980 .elementor-element.elementor-element-2d4dc9c .balancing-wrapper {
  /* Helper style to center the text */
  text-align: center;
  padding: 2em 0;
}

.elementor-14980 .elementor-element.elementor-element-2d4dc9c .balancing-text {
  /* This is crucial: makes the text a single block to be tilted */
  display: inline-block;
  
  /* This is the magic: sets the pivot point to the bottom-center */
  transform-origin: bottom center;

  /* Apply the animation:
    - 'balance-sway' is the name of our keyframes.
    - '12s' is the total duration. A long duration feels "slower."
    - 'ease-in-out' creates the "slow at the ends, fast in the middle" effect.
    - 'infinite' makes it loop forever.
  */
  animation: balance-sway 12s ease-in-out infinite;
}

/* This is the animation itself.
  The percentages are uneven to feel "unpredictable."
  The rotation values are also different each time.
*/
@keyframes balance-sway {
  0% {
    transform: rotate(0deg);
  }
  /* Slow, long tilt to the right */
  30% {
    transform: rotate(4deg);
  }
  /* Faster swing back to the left, and a bit further */
  55% {
    transform: rotate(-5deg);
  }
  /* A smaller, quicker correction back right */
  70% {
    transform: rotate(2deg);
  }
  /* A final tilt left before resetting */
  85% {
    transform: rotate(-3deg);
  }
  /* Back to the start */
  100% {
    transform: rotate(0deg);
  }
}/* End custom CSS */