body, html {background: #313131;font-family: 'Plus Jakarta Sans', sans-serif;border:none;padding:0;margin:0}
#main {width: 100%;}
input {-webkit-appearance: none; appearance: none;}
/********************** HEADER *****************************/
header {width: 100%;max-width:1920px;margin:auto;height:800px;background: linear-gradient(180deg, #8D8AC4 0%, #313131 59.62%);overflow: hidden;}
#header-outer {width:100%; max-width:1200px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px 0px;}
#header-top-logo a {text-decoration: none;}
#header-top-logo img {display: inline-block;width: 213px;margin-top: 40px;margin-bottom:-20px}
#header-bottom h1 {max-width:690px;margin-top:60px;margin-bottom:40px;font-family:'Plus Jakarta Sans', sans-serif;font-size:60px;font-weight:600;line-height:70px;color:#ffffff}
#header-bottom p {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size: 28px;line-height: 40px;letter-spacing: 0px;color: #ffffff;max-width:660px;}
#header-boxes,#header-bottom {display: inline-block;width:33%;}
#header-boxes {top:50px;position: relative;}
.header-box {background: linear-gradient(87.16deg, #8D8AC4 16.87%, #69C3A7 84.11%);box-shadow: 0px 4px 4px 0px #00000040;
border-radius:20px;margin-top: 30px;z-index:1;position: relative;width:300px;padding: 15px;margin-left:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#header-box2,#header-box3 {margin-left: -30px}
.headerbox-top {border-bottom: 1px solid #313131; padding-bottom: 10px;}
.headerbox-top img {vertical-align: middle;}
.headerbox-top span {vertical-align: middle;margin-left: 10px;font-family:'Plus Jakarta Sans', sans-serif;font-weight: 800;font-size: 20px; line-height: 20px;letter-spacing: 0px;color: #162923;}
.headerbox-bottom {padding-top:10px;font-family:'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size: 17px;line-height: 20px;letter-spacing: 0px;color: #162923;}
#header-bottom {width:66%;}
.header-bottom-box,#header-bottom-button {box-shadow: 0px 4px 4px 0px #33333340;font-family:'Plus Jakarta Sans', sans-serif; text-decoration: none;color:white;display:inline-block;
font-weight: 800;font-size: 22px;line-height: 28px;letter-spacing: 0px;text-align: center;vertical-align: middle;border-radius: 16px;padding: 16px 24px;background: #8D8AC4;margin-top:40px;white-space: nowrap;}
.header-bottom-box:hover,#header-bottom-button:hover{opacity:0.7}
.header-bottom-box {margin-right:20px;}
#header-bottom-button {background: #69C3A7;}
#header-illu {background:url('media/bolygo.webp');background-size:cover;width:650px;position:relative;margin-top: -550px;height: 650px;transform:translateX(-50%);margin-left:calc(50% + 700px) }
header #header-illu.header-illu-thanks {position: absolute;top:144px;margin-top:auto;transform:none;width:600px;height:600px; left: calc(50% + 250px); margin-left: auto;}
header #header-outer.header-outer-thanks {margin-top: 0px;}
header #header-outer.header-outer-thanks #header-bottom h1 {font-size:60px; line-height:68px;margin-top: 40px;margin-bottom: 20px;}
header #header-outer.header-outer-thanks #header-bottom p {font-size: 24px; line-height:34px;}
.body-thanks {overflow-x: hidden}
.body-thanks header {max-width:100%;}
header #header-outer.header-outer-thanks #header-bottom .header-bottom-box {padding: 18px 36px}
/********************** RUNNER *****************************/
#section-runner {width: 100%;background: #1f1f1f}
#runner-container {width: 100%;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 40px 0px;}
.splide__track {padding-bottom: 10px;}
.services-section3-slide-box {color:#69C3A7; padding: 16px 24px; border: 2px solid #69C3A7; border-radius: 16px;font-family:'Plus Jakarta Sans', sans-serif;
font-weight: 800;font-size: 22px;line-height: 28px;letter-spacing: 0px;text-align: center;vertical-align: middle;}
/********************** INTRO *****************************/
#section-intro {width: 100%;max-width:1920px;margin:auto;background: #313131;}
#intro-container {width: 100%;max-width:1200px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 100px 0px;padding-bottom:0}
#section-intro p {font-family: 'Plus Jakarta Sans', sans-serif;font-size:24px;font-weight:400;line-height:36px;color: #ffffff;}
#intro-container .header-bottom-box {min-width: 380px;}
/********************** MIERT *****************************/
#section-miert {width: 100%;max-width:1920px;margin:auto;background: url('media/miert-bg.webp');margin-top:0px;}
#miert-container {width: 100%;max-width:1200px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 100px 0px;padding-bottom:50px;}
#miert-container h2 {text-align: center;color:#313131;font-family: 'Plus Jakarta Sans', sans-serif;margin-top: 200px;font-weight: 800;font-size: 48px;line-height: 56px;margin-bottom: 80px;}
#miert-container .miert-box {margin:auto;padding: 30px;background: #313131;margin-top: 10px;vertical-align:middle;min-height:60px; display: flex;align-items: center;text-align:left;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#miert-container .miert-box span {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size: 18px;line-height: 28px;letter-spacing: 0px;color:#ffffff;display:inline-block;}
#arrow-down {width:105px;margin:auto;text-align:center;margin-top: 44px;}
/********************** PROGRAMTERV *************************/
#section-programterv {background-color: #313131;width:100%;max-width:1920px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 80px 20px;}
#section-programterv h2 {font-family: 'Plus Jakarta Sans', sans-serif;color: #69C3A7;font-family: Plus Jakarta Sans;font-weight: 800;font-size: 48px;line-height: 56px;
letter-spacing: 0px;text-align: center;margin-bottom:60px}
#section-programterv h3 {margin:0;font-family: 'Plus Jakarta Sans', sans-serif;font-size:24px;font-weight:600;line-height:26px;color: white}
#programterv-container {width: 100%; max-width: 1200px;margin:auto;}
.programterv-button {margin:auto;width: auto;max-width:fit-content;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.programterv-button a.header-bottom-box {margin: auto; width: auto;max-width: fit-content;text-align: center;display: inline-block;margin-top: 50px; min-width:fit-content; padding: 16px 30px;}
#programterv-1nap {border: 4px solid #69C3A7; border-radius: 80px; padding-bottom: 80px;padding-left:20px;padding-right:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#programterv-2nap {border: 4px solid #8D8AC4;border-radius: 80px; padding-top: 80px; padding-bottom: 40px;margin-top: -60px;padding-left:20px;padding-right:20px;}
#programterv-1nap h2 {color:#69C3A7}
#programterv-2nap h2 {color: #8D8AC4}
.timeline{background:transparent;padding: 30px 18px;position: relative;}
.tl{width: 48%;position: relative;overflow: visible;}
.tl.right{position: relative;left: calc(50% - 1px);transform: translateX(0);padding-left: 28px;border-left: 3px solid #69C3A7;}
.tl.left{position: relative;left: calc(50% + 1px);transform: translateX(-100%);padding-right: 28px;border-right: 3px solid #69C3A7;}
.purple .tl.right,.purple .tl.left {border-color: #8D8AC4!important;}
.tl-title{background: #69C3A7;color: #fff;padding: 14px 16px;display: flex;justify-content: space-between;gap: 12px;cursor: pointer;user-select: none;position: relative;
font-family: Plus Jakarta Sans;font-weight: 800;font-size: 22px;line-height: 36px;letter-spacing: 0px;text-align: center;display: flex;align-items: center;}
.tl-title p {color: #fff;font-family: Plus Jakarta Sans;font-weight: 800;font-size: 25px;line-height: 36px;letter-spacing: 0px;text-align: center;margin:0;margin:auto;}
.purple .tl-title {background:#8D8AC4!important;}
.tl-title::before{content:"";position:absolute;top: 13px;transform: translateY(-50%);width: 28px;height: 28px;border-radius: 999px;background: #69C3A7;}
.purple .tl-title::before {background:#8D8AC4!important}
.tl-text {color: #ffffff;font-family: 'Plus Jakarta Sans', sans-serif;font-weight:400;font-size: 16px;line-height:20px;margin-top: 40px;letter-spacing:1px ;}
.tl.right .tl-title::before{left: calc(-1 * (28px + (28px/2) + (2px/2)));}
.tl.left .tl-title::before{right: calc(-1 * (28px + (28px/2) + (2px/2)));}
.tl-caret{transition: transform .1s ease;}
.tl-body, .tl-img{ display:none; vertical-align: middle;}
.tl-body{margin-top: 14px;color: rgba(255,255,255,.88);font-size: 14px;line-height: 1.5;}
.tl-img{margin-top: 14px;display: none;}
.tl-img img{width: 100%;display:block;}
.tl-oktato {margin-top: 40px;display: flex;align-items: center;}
.tl-oktato img {margin-right: 20px}
.tl-oktato-text h3 {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 800;font-size: 23px;line-height: 28px;letter-spacing: 0px;color:white;}
.tl-oktato-text span {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 400;font-size: 16px;line-height: 19px;letter-spacing: 0px;color:white;margin-top: 20px;display:block}
.tl.open .tl-body,.tl.open .tl-img{ display:block; }
.tl-caret {width: 32px;height: 32px;}
.tl.open .tl-caret{ transform: rotate(180deg); }
.timeline { overflow: visible; }
.tl.open .tl-img{display: block;position: absolute;top: 0;width: min(520px, 42vw);z-index: 2;}
.tl.left.open .tl-img{left: 100%;margin-left: 36px;transform: translateX(0);}
.tl.right.open .tl-img{right: 100%;margin-right: 36px;transform: translateX(0);}
.tl-oktato {padding-bottom:40px;}
.tl-oktato.last {padding-bottom:0;}
/********************** KINEK *****************************/
#section-kinek {width:100%;max-width:1920px;margin:auto;background-image: url('media/form-bg.webp'); height:1150px;}
#kinek-container {width: 100%;max-width:1200px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 50px 0px;}
#kinek-container h2 {text-align: center;color:#313131;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 800;font-size: 48px;line-height: 56px;margin-bottom: 80px}
.kinek {width: 100%;background:#313131;min-height:90px;margin:auto;margin-bottom: 20px;padding:18px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display: flex;align-items: center;}
.kinek-left {width: 100px;height: 100px;margin-right: 14px;background-image: url('media/gr-tick.png');}
.kinek-left.kereszt{background-image: url('media/cross.png');}
.kinek-right {width: calc(100% - 75px);font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 400;font-size:20px;line-height:30px;color:#ffffff;}
/********************** VIDEOS *****************************/
#section-videos {width: 100%;max-width:1920px;margin:auto;background: #313131;}
#videos-container {width: 100%;max-width:1200px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 10px 20px;}
#videos-container h2 {text-align: center;color:white;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 800;font-size: 48px;line-height: 56px;margin-bottom: 60px;margin-top:0px;}
#videos-wrapper {display:flex;justify-content:space-between;gap:50px;}
.test-box {box-shadow: 0px 20px 50px 0px #313131;height:300px;margin-left:10px;margin-right:10px;background:white;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
padding:26px;background-image:url('../images/idezojel.png');
background-repeat:no-repeat;background-size:auto;background-position: calc(100% - 30px) bottom; display: flex;}
.test-box p {font-family: 'Plus Jakarta Sans', sans-serif;font-weight:400;font-size:17px;line-height:21px;color:#222225; word-break: normal;
overflow-wrap: break-word;-webkit-hyphens:auto; hyphens: auto;margin: 0;}
#section-videos .splide__arrow svg {display:none}
#section-videos .splide__arrow {background-color:transparent;border-radius:0px;}
#section-videos .splide__arrow--prev {width:50px;height:30px;background-image:url('media/arrow_master.png'); background-size:cover; transform: rotate(90deg);background-repeat:no-repeat;background-position: center; left:2em;}
#section-videos .splide__arrow--next {width:50px;height:30px;background-image:url('media/arrow_master.png'); background-size:cover; transform: rotate(-90deg);background-repeat:no-repeat;background-position: center; right:2em;}
#section-videos .splide__list {align-items:center}
#section-videos .splide__pagination__page {margin-left:10px!important;margin-right:10px!important;}
#splide1 .splide__track:before {content: "";position:absolute;top:0;bottom:0;width:20%;max-width:300px;background:linear-gradient(90deg, rgba(49,49,49,1) 0%, rgba(49,49,49,0) 100%);z-index:1;}
#splide1 .splide__track:after {content: "";position: absolute;top:0;bottom:0;right:0;width:20%;max-width:300px;background: linear-gradient(90deg, rgba(49,49,49,0) 0%, rgba(49,49,49,1) 100%);z-index:1}
button.splide__arrow { -webkit-tap-highlight-color: transparent;-webkit-appearance: none;appearance: none;}
/********************** MIVEL *****************************/
#section-mivel {width: 100%;max-width:1920px;margin:auto;background-image: url('media/miert-bg.webp'); padding-top: 250px;height:850px}
#mivel-container {width: 100%;max-width:1200px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 100px 0px;display:flex;gap:20px;
align-items: stretch; justify-content: center;}
#mivel-left,#mivel-right {display: flex;flex-direction: column;align-self: stretch;border-radius: 24px;overflow: hidden;border: 2px solid #313131;}
#mivel-left {flex: 1;max-width:520px}
#mivel-right {flex: 1.5;max-width: 680px}
.mivel-top {display: block; background: #313131;text-align: center;color:white;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 800;font-size: 25px;
line-height: 35px;border-top-left-radius: 20px;border-top-right-radius: 20px;padding: 30px;}
.mivel-bottom {display: block;background: rgba(202, 232, 224, 0.5);text-align: center;color:#313131;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;
font-size: 20px;line-height: 25px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;padding:30px;flex:1}
#mivel-left > div,#mivel-right > div{display: flex;flex-direction: column;height: 100%;}
/************************ HOW ****************************/
#section-hogyan {padding-top: 60px; padding-bottom:130px;margin:auto;width:100%;max-width:1920px;background-color:#313131;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:10px;padding-right:10px}
.swiper {width: 100%;max-width: 1200px;margin:auto;}
#section-hogyan h2 {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size:48px;line-height:56px;color:#ffffff; margin-top:40px;text-align:center;margin-bottom:60px;}
#job-section4-boxes,#job-section1-boxes {width:100%;max-width: 1200px;margin:auto;}
#job-section1-boxes {margin-bottom:-230px;}
.job-section4-box {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:25px;display:inline-block;background-color: white;background-image:linear-gradient(140.83deg, #69C3A7 28.49%, #8D8AC4 79.33%);
background-size: 100% 10px;background-repeat:no-repeat;background-position:bottom;vertical-align:top;width:24%;margin-right:0.9%;height:430px!important;box-shadow: 0px 10px 10px 0px #00000026;}
.job-section4-box:last-of-type {margin-right:0}
.job-section4-box:first-of-type {background-size:100%}
.job-section4-number {position:relative;display:inline-block;font-family: 'PT Serif', serif;font-style:italic;font-weight:400;font-size:70px;line-height:70px;width:150px;color:#69C3A7;}
.job-section4-box-inner-card-title {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size:20px;line-height:28px;color:#313131;min-height:56px}
.job-section4-box-inner-card-text {-webkit-hyphens:auto;hyphens:auto; font-family: 'Plus Jakarta Sans', sans-serif;font-weight:400;font-size:14px;line-height:22px;color:#313131;}
.job-section4-box:first-of-type .job-section4-number {color:white}
.job-section4-box:first-of-type .job-section4-box-inner-card-title {color:white}
.job-section4-box:first-of-type .job-section4-box-inner-card-text {color:white}
.horizontaline {position:absolute;top:40px;height:1px;background:transparent;border-bottom:2px dotted #8D8E95;width:4vw;margin-left:15px;}
.tick {display: inline-block; width: 24px;height: 24px; background-image:url('media/tick.png'); margin-left: 50px; vertical-align: middle}
.horizontaline:after {border-top: 7px solid transparent;border-left: 7px solid #8D8E95;border-bottom: 7px solid transparent;right:-7px;position:absolute;content: "";top:-4px }
.job-section4-box:first-of-type .horizontaline {border-color:white;}
.job-section4-box:first-of-type .horizontaline:after {border-left-color:white;}
.swiper-pagination-bullet,.swiper-pagination-bullet {display: none!important}
/********************** FORM *****************************/
#section-form {width: 100%;max-width: 1920px;margin: auto;padding-top:100px;background-image: url('media/form-bg.webp'); height:1050px;}
#application {padding-left: 50px;padding-right: 50px;padding-top: 25px;padding-bottom: 25px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width: 100%; max-width: 1200px;margin: auto;border-radius:50px;background: #313131;}
#application h2 {text-align: center;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size:46px;line-height:54px;color:#69C3A7!important;letter-spacing: 1.5px;}
#form-left,#form-right {display: inline-block;vertical-align: top;height:260px;}
#form-left,#form-right {height:260px;}
#form-left {width: calc(50% - 20px);margin-right:20px}
#form-right {width: calc(50% - 12px)}
#mezes {display:none!important;opacity:0!important}
#cv-form-fields {margin-top: 60px;margin-bottom: 40px;}
#form_button {display: block; margin: auto; text-align: center; width: 280px; height: 60px;z-index:100;position:relative;border-radius: 16px;background: #69C3A7; color:#313131;border:none;outline: none;
font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 800;font-size: 22px;line-height: 28px;text-align: center; margin-top: 80px;}
#form_button:hover {opacity:0.7;cursor:pointer}
#application .dropzone .dz-message {margin:0em 0!important}
#application label {color: white;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;display: block;margin-bottom: 5px;}
#application input[type="text"] {margin-bottom: 22px;width:calc(100% - 40px); font-family: 'Plus Jakarta Sans', sans-serif;font-size:16px;font-weight:400;line-height:20px;color:#162923;border: 1px solid #A9AAAF;padding:10px 16px 10px 16px;height:26px;}
#cv {border: 2px dashed #69C3A7;border-radius: 12px;background: linear-gradient(0deg, #F0F9F6, #F0F9F6),linear-gradient(0deg, #69C3A7, #69C3A7);height:155px;}
.cv-error {color: red!important;font-weight: bold;margin-top:-20px;margin-bottom: 20px;display:block;}
#application input[type="checkbox"] {background: white;color:#162923;border: 1px solid #A9AAAF;width: 20px;height:20px;vertical-align: middle;appearance: checkbox;-webkit-appearance:checkbox}
#application .adatvedelem {margin-top: 40px}
#application .adatvedelem a {margin-top: 40px; text-decoration: none; color: white;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 800;font-size: 14px;line-height: 20px;}
/********************** VEGEN *****************************/
#section-vegen {width: 100%;max-width:1920px;margin:auto;background: #313131;}
#vegen-container {width: 100%;max-width:1280px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0px 20px 120px 20px;}
#section-vegen h2 {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size:48px;line-height:56px;color:#ffffff; margin-top:10px;text-align:center;margin-bottom:100px;}
#vegen-wrapper {display:flex;justify-content:space-between;}
.vegen-box {display: block; background: url('media/duck.webp');background-size: cover;width:377px;height:330px;}
.vegen-box span {color:#000000;font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size: 18px;line-height: 28px;display:block;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 157px 25px 0px 35px;}
/********************** AMIRE *****************************/
#section-amire {width: 100%;background: #313131;}
#amire-container {width: 100%;max-width:1280px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 100px 20px;padding-top: 0}
#section-amire h2 {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size:48px;line-height:56px;color:#ffffff; margin-top:40px;text-align:center;
margin-bottom:0px;padding-top: 70px;padding-bottom:70px;background: #1f1f1f;}
#amire-wrapper {display:flex;justify-content:space-between;gap: 20px}
#amire-wrapper div {text-align: center;background: #CAE8E0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px 20px 20px 20px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px}
#amire-wrapper div img {margin-top: -55px;text-align:center;}
#amire-wrapper div p {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size: 18px;line-height: 25px;text-align: center;color: black;}
/************************* GYIK *******************************/
#section-gyik {width: 100%; max-width: 1920px;margin: auto;background-image: url('media/miert-bg.webp');padding-top:0px; padding-bottom: 120px;margin-top:-50px}
#gyik-outer {position: relative;max-width:1200px; width: 100%;margin:auto;padding:20px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gyik-outer h2 {margin-bottom: 80px;text-align: center;font-family: 'Plus Jakarta Sans', sans-serif;font-family: Plus Jakarta Sans;color:#162923;font-weight: 800;
font-size: 48px;line-height: 56px;text-align: center;padding-top: 250px;}
.gyik {max-width: 1180px;width: 100%;background:#313131;min-height:90px;margin:auto;margin-bottom: 20px;padding:25px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.gyik-left,.gyik-right {display:inline-block;vertical-align: middle;}
.gyik-left {width: 56px;height: 56px;margin-right:30px;background-image: url('media/q-a-bubble.png');}
.gyik-right {width: calc(100% - 90px);}
#gyik-outer .kerdes {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 600;font-size:22px;line-height:30px;color:#ffffff;margin-bottom: 15px}
#gyik-outer .valasz {font-family: 'Plus Jakarta Sans', sans-serif;font-weight: 400;font-size:16px;line-height:20px;color:#ffffff;}
#arrow-up {width:60px;margin:auto;text-align:center;margin-top:10px;display:none}
/*************************************************************/
/*************** SMALL DESKTOP ( 1240 ) **********************/
/*************************************************************/
@media screen and (max-width: 1240px) {
/********************** HEADER *****************************/
#header-outer {padding: 20px 20px;}
#header-bottom h1 {max-width:600px;font-size:50px;line-height:58px;position: relative;z-index:10;}
#header-bottom p {font-size: 26px;line-height:32px;max-width:600px;position: relative;z-index:10;}
.header-box {margin-left:20px}
#header-box2,#header-box3 {margin-left: -30px}
#header-bottom {width:66%;}
#header-illu {margin-left: calc(50% + 600px); }
header .header-bottom-box,header #header-bottom-button,.header-bottom-box,#header-bottom-button {position: relative;z-index:10;font-size: 21px;padding:16px 24px}
header #header-outer.header-outer-thanks {margin-top:0px;}
header #header-outer.header-outer-thanks #header-bottom {max-width:100%!important;width:85%}
header #header-outer.header-outer-thanks #header-bottom h1 {font-size:58px; line-height:68px;}
header #header-outer.header-outer-thanks #header-bottom p {font-size: 23px; line-height: 33px;max-width:80%!important;}
body.body-thanks header, body.body-thanks header #header-boxes{overflow:hidden!important;position:relative}
/********************** INTRO *****************************/
#intro-container {width: 100%;max-width:1200px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 0px 20px;padding-bottom:0}
#section-intro p:first-of-type {margin-top:100px}
/********************** MIERT *****************************/
#section-miert {margin-top:-100px;}
#miert-container {padding: 120px 20px 50px 20px;}
#miert-container h2 {margin-top: 150px;font-size: 40px;line-height:48px;margin-bottom:30px;}
#miert-container .miert-box {min-height:50px;}
#miert-container .miert-box span {font-weight: 600;font-size: 18px;line-height: 28px;}
#arrow-down {margin-top: 30px;}
/********************** PROGRAMTERV *************************/
#section-programterv {padding: 40px 20px;}
#section-programterv h2 {font-size: 40px;line-height:48px;}
#section-programterv h3 {font-size:22px;line-height:24px;}
.tl-title p{font-size: 20px;line-height:28px;}
/********************** KINEK *************************/
#section-kinek {height:1150px;padding-bottom: 180px;height: auto;background-position-y: bottom;}
#kinek-container {padding: 50px 20px;}
#kinek-container h2 {font-size: 40px;line-height: 48px;margin-bottom: 80px}
.kinek {margin-bottom: 20px;padding:18px;}
.kinek-left {width: 100px;height: 100px;margin-right: 14px;}
.kinek-right {font-size:18px;line-height:26px;}
/********************** VIDEO *************************/
#videos-container h2 {font-size: 40px;line-height: 48px;}
#videos-wrapper {display:flex;justify-content:center;gap:10px; flex-wrap: wrap;}
/********************** MIVEL *****************************/
#section-mivel {padding-top: 250px;height:auto;margin-top:-40px;}
#mivel-container {padding: 80px 20px;justify-content:center;gap:10px; flex-wrap: wrap;}
#mivel-left {flex: 1;max-width:520px}
#mivel-right {flex: 1.5;max-width: 680px}
.mivel-top {font-weight: 600;font-size: 22px;line-height: 28px;padding: 24px;}
.mivel-bottom {font-weight: 400;font-size:18px;line-height: 22px;padding:24px;}
/********************** HOW *****************************/
#section-hogyan h2 {font-size:40px;line-height:48px;margin-top:20px;margin-bottom:60px;padding: 0 20px;}
/********************** FORM *****************************/
#section-form {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left: 20px;padding-right:20px;background-position-y: bottom;}
#application {padding:20px;}
#application h2 {font-size:40px;line-height:48px;}
#cv-form-fields {margin-top: 60px;margin-bottom: 40px;}
#form_button {width: 280px; height: 60px;font-weight: 800;font-size: 22px;line-height: 28px;margin-top: 80px;}
#application label {font-size: 14px;line-height: 20px;margin-bottom: 5px;}
#application input[type="text"] {margin-bottom: 22px;font-size:16px;font-weight:400;line-height:20px;padding:10px 16px 10px 16px;height:26px;}
.cv-error {margin-top:-20px;margin-bottom: 20px;}
#application input[type="checkbox"] {width: 20px;height:20px;}
#application .adatvedelem {margin-top: 40px}
#application .adatvedelem a {margin-top: 40px;font-size: 14px;line-height: 20px;}
/********************** VEGEN *****************************/
#vegen-container {padding:0px 20px 120px 20px;}
#section-vegen h2 {font-size:40px;line-height:48px;margin-bottom:100px;}
#vegen-wrapper {display:flex;justify-content:center;gap:20px; flex-wrap: wrap;}
.vegen-box {background-size: cover;width:339px;height:297px;margin-bottom:0px;}
.vegen-box span {font-size: 16px;line-height: 26px;padding: 140px 25px 0px 35px;}
/********************** AMIRE *****************************/
#amire-container {padding: 100px 20px;padding-top: 0}
#section-amire h2 {font-size:40px;line-height:48px;color:#ffffff; margin-top:40px;margin-bottom:0px;padding: 20px;padding-top: 70px;padding-bottom:70px;}
#amire-wrapper {display:flex;justify-content:center;gap:10px; flex-wrap: wrap;}
#amire-wrapper div {padding: 10px 10px 10px 10px;width:260px;padding-bottom: 20px;}
#amire-wrapper div img {margin-top: -55px;}
#amire-wrapper div p {font-size: 16px;line-height: 20px;}
/************************* GYIK *******************************/
#section-gyik {padding-top:0px; padding-bottom: 120px;margin-top:-100px}
#gyik-outer {padding:20px;}
#gyik-outer h2 {margin-bottom: 80px;font-size: 40px;line-height: 48px;padding-top: 250px;}
.gyik {min-height:90px;margin:auto;margin-bottom: 20px;padding:25px;}
.gyik-left {width: 56px;height: 56px;margin-right:30px;}
.gyik-right {width: calc(100% - 90px);}
#gyik-outer .kerdes {font-size:20px;line-height:28px;margin-bottom: 15px}
#gyik-outer .valasz {font-size:14px;line-height:18px;}
}
/*************************************************************/
/*************** TABLET ( 1120 ) *****************************/
/*************************************************************/
@media screen and (max-width: 1120px) {
#amire-wrapper div {padding:5px;width:230px;padding-bottom:10px;}
}
/*************************************************************/
/*************** TABLET ( 1024 ) *****************************/
/*************************************************************/
@media screen and (max-width: 1024px) {
/********************** HEADER *****************************/
#header.outer {overflow:hidden}
#header-bottom h1 {font-size:46px;line-height:52px;}
#header-bottom p {font-size:24px;line-height:32px;}
.header-box {margin-left:0px}
#header-boxes {top:60px;}
#header-box2,#header-box3 {margin-left: -20px}
#header-illu {margin-left: calc(50% + 500px); }
header #header-outer.header-outer-thanks #header-bottom h1 {font-size:56px; line-height:64px;}
header #header-outer.header-outer-thanks #header-bottom p {font-size: 25px; line-height: 32px;}
header #header-illu.header-illu-thanks {left: calc(50% + 200px);top:180px}
#miert-container .miert-box {padding: 20px;margin-top: 10px;min-height:50px;}
#amire-wrapper {max-width: 760px;margin-left:auto;margin-right:auto;}
#amire-wrapper div {padding:10px;width:250px;padding-bottom:20px;}
#amire-wrapper div:nth-of-type(3),#amire-wrapper div:nth-of-type(4) {border-radius:30px;}
}
/**********************************************************/
/*************** MOBILE ( 960 ) ***************************/
/**********************************************************/
@media screen and (max-width: 960px) {
/********************** HEADER *****************************/
#header-bottom h1 {font-size:46px;line-height:52px;}
#header-bottom p {font-size:24px;line-height:30px;}
#header-box2,#header-box3 {margin-left: 0px}
header #header-outer.header-outer-thanks #header-bottom {width:90%;}
header #header-outer.header-outer-thanks #header-bottom h1 {font-size:52px; line-height:64px;}
header #header-outer.header-outer-thanks #header-bottom p {font-size: 22px; line-height: 28px;max-width:83%!important;}
header #header-illu.header-illu-thanks {top:160px; width: 550px;height:550px;}
/********************** MIVEL *****************************/
#mivel-left {flex: 1;}
#mivel-right {flex: 1.25;}
}
/**********************************************************/
/*************** MOBILE ( 860 ) ***************************/
/**********************************************************/
@media screen and (max-width: 860px) {
/********************** HEADER *****************************/
#header-bottom h1 {font-size:46px;line-height:52px;}
#header-bottom p {font-size:24px;line-height:30px;}
#header-box2,#header-box3 {margin-left: 0px}
.header-box {width:260px;padding: 10px;margin-left:0px}
.headerbox-top span {vertical-align: middle;margin-left:5px;font-weight:600;font-size:18px; line-height: 20px;}
.headerbox-bottom {padding-top:10px;font-weight:400;font-size:16px;line-height:20px;}
}
/**********************************************************/
/*************** MOBILE ( 767 ) ***************************/
/**********************************************************/
@media screen and (max-width: 767px) {
/********************** HEADER *****************************/
header {height: auto}
#header-outer {max-width: 100%;}
#header-bottom {width: 100%;}
#header-boxes {width: 100%;}
.header-box {margin: auto!important;margin-bottom: 0px !important;margin-top: 20px !important;}
#header-box1,#header-box3 {transform: translateX(50px);}
#header-box2,#header-box4 {transform: translateX(-50px);}
#header-illu {background: url('media/planet-whole.webp'); width:480px;height:500px;background-size: 100%;background-repeat: no-repeat;background-position: center;margin: auto;margin-top:-417px;transform: none; }
header #header-illu.header-illu-thanks {left: calc(50% + 180px);top: 180px}
header #header-outer.header-outer-thanks #header-bottom {width:85%!important}
header #header-outer.header-outer-thanks #header-bottom h1 {font-size:46px; line-height:56px;max-width:90%!important}
header #header-outer.header-outer-thanks #header-bottom p {font-size: 20px; line-height:28px;max-width:67%!important}
header, #header-boxes {overflow-x:hidden}
/********************** INTRO *****************************/
#section-intro p {font-size: 24px;line-height: 36px;}
#section-intro {padding-bottom: 60px;}
#section-intro p:first-of-type {margin-top: 40px;}
/********************** MIERT *****************************/
#section-miert {background: url('media/miert-bg-767.webp');background-position: top;}
#miert-container h2 {margin-top: 70px;font-size: 38px;line-height: 46px;}
#miert-container .miert-box span {font-size: 18px;line-height: 28px;}
/********************** PROGRAMTERV *****************************/
.timeline {margin-top: 50px}
.tl{width: 90%;}
.tl-body {margin-top: 0px;}
.tl.right, .tl.left{margin-left:20px;margin-right: 0;padding-right: 0;margin-bottom:0px;
left:0;transform:none;padding-left: 28px;border-left: 2px solid rgba(95,209,184,.55);border-right:none}
.tl-title::before{ left: calc(-1 * (32px + (18px/2) + (2px/2)));right:0}
.tl-title{ text-align:left; }
.tl.open .tl-img{display: block;position: relative;top: 0;width:67%;z-index:1;text-align: center;margin:auto!important;margin-top: 20px!important}
.tl.left.open .tl-img,.tl.right.open .tl-img{left:0;right:0;margin-left: 10px;margin-right:0;transform:none;}
#section-programterv h2 {font-size: 38px;line-height:42px;}
#section-programterv h3 {font-size:20px;line-height:22px;}
.tl-title p{font-size: 18px;line-height:20px;}
/********************** KINEK *****************************/
#section-kinek {height: auto;padding-bottom: 160px;background: url('media/form-bg-767.webp');background-position: bottom;}
#kinek-container {padding: 40px 20px;}
#kinek-container h2 {font-size: 38px;line-height: 46px;}
#kinek-container .kinek-right {font-size: 18px;line-height: 28px;}
.kinek-left {width:60px;height:60px;background-size: cover;}
.kinek {padding: 15px;}
/********************** VIDEOS *****************************/
#videos-container h2 {font-size: 38px;line-height: 46px;margin-top: 0;}
/********************** MIVEL *****************************/
#section-mivel {background: url('media/miert-bg-767.webp');background-position: top;height: auto;padding-top: 180px;margin-top: -20px;}
/********************** HOW *****************************/
#section-hogyan {padding-top:40px;padding-bottom:70px;}
.job-section4-box-inner-card-title {min-height:22px;}
#section-hogyan h2 {font-size:32px;line-height:46px;}
/********************** FORM *****************************/
#section-form {background: url('media/form-bg-767.webp');background-position: bottom;padding-top:60px;height:auto;padding-bottom: 180px;}
#form-right,#form-left,.form-group.adatvedelem {display:block;margin:auto;width: 100%; max-width:500px;height:auto;}
#inputAdatvedelem {margin-left:0;}
#cv {height:auto;}
#application h2 {margin-top:10px;margin-bottom:0px;font-size:38px;line-height: 46px;padding-left:10px;padding-right:10px;letter-spacing: unset;}
#cv-form-fields {margin-top: 20px;}
#application label {margin-top: 20px;}
#application .adatvedelem {margin-top: 20px;}
#form_button {margin-top: 60px;font-size:20px;}
/********************** VEGEN *****************************/
#section-vegen h2 {font-size: 38px;line-height: 46px;margin-top:-10px;margin-bottom:50px}
#vegen-container {padding-bottom:40px;}
/********************** AMIRE *****************************/
#section-amire h2 {font-size:38px;line-height:46px;margin-top:40px;padding-top: 50px;padding-bottom: 50px;}
/********************** GYIK *****************************/
#section-gyik {background: url('media/miert-bg-767.webp');background-position: top;padding-bottom: 40px;}
#gyik-outer h2 {font-size: 38px;line-height: 46px;margin-top: 60px;margin-bottom: 60px;padding-top: 120px}
}
/***********************************************************/
/*************** SMALL TABLETS ( 680 ) *********************/
/***********************************************************/
@media screen and (max-width: 680px) {
/********************** HEADER *****************************/
#header-bottom h1 {font-size:40px;line-height:48px;}
#header-bottom p {font-size:22px;line-height:28px;}
header #header-illu.header-illu-thanks {left: calc(50% + 100px);}
header #header-outer.header-outer-thanks #header-bottom h1 {font-size:40px; line-height:48px;}
header #header-outer.header-outer-thanks #header-bottom p {font-size:18px; line-height:25px;}
#header-outer.header-outer-thanks #header-bottom .header-bottom-box {font-size:16px;}
/********************** INTRO *****************************/
#section-intro p {font-size: 22px;line-height: 30px;}
/********************** PROGRAMTERV *****************************/
#section-programterv {padding-bottom:40px}
#section-programterv h2 {font-size: 34px;line-height:38px;}
#section-programterv h3 {font-size:18px;line-height:20px;}
.tl-oktato-text span {font-size:16px;line-height:19px;}
.tl-title p{font-size: 16px;line-height:20px;}
.tl-text {font-size: 14px;line-height:16px;}
/********************** VIDEOS *****************************/
#videos-wrapper div a img {width: 200px;}
/********************** MIVEL *****************************/
.mivel-top {font-size: 20px;line-height: 26px; padding: 18px;}
.mivel-bottom {font-size: 16px;line-height: 20px;padding: 18px;}
#mivel-container {flex-direction: column; align-items: center; }
#mivel-left {margin-bottom: 20px;max-width:100%}
.test-box {padding: 14px;}
.test-box p {font-size:16px;line-height:21px;}
/********************** HOW *****************************/
.swiper1 {overflow-x: hidden;overflow-y: auto;}
.job-section4-box-inner-card-text {font-size:18px;line-height:26px;}
.job-section4-box-inner-card-title {font-size: 24px;line-height: 32px;}
.job-section4-number {margin-left:0px;width:150px;}
.job-section4-number:last-of-type {width:100%;}
.tick{ filter: brightness(0) invert(1);position:absolute; top: 20px; right: 10px;}
.horizontaline {top:35px;width:40vw;margin-left: 20vw;left:0;}
.job-section4-box {display:block;width:95%!important; margin-right:-1%;margin-left:1%;height:400px!important }
.job-section4-box:nth-of-type(2) {margin-right:-1%;margin-left:3%;}
.job-section4-box:nth-of-type(3) {margin-right:-1%;margin-left:5%;}
.job-section4-box:last-of-type {margin-right:-1%;margin-left:7%;}
.job-section4-box.swiper-slide-active {background-size:100%}
.job-section4-box.swiper-slide-active .job-section4-number {color:white}
.job-section4-box.swiper-slide-active .job-section4-box-inner-card-title {color:white;}
.job-section4-box.swiper-slide-active .job-section4-box-inner-card-text {color:white}
.job-section4-box.swiper-slide-active .horizontaline {border-color:white;}
.job-section4-box.swiper-slide-active .horizontaline:after {border-left-color:white;}
#section-hogyan .swiper-pagination,.swiper-pagination1 {display:block!important;margin:auto;margin-top:280px;text-align: center;}
.swiper-pagination-bullet-active {background: #69C3A7;width: 12px;height: 12px;vertical-align: middle;}
#how-swiper {padding-bottom: 50px}
#section-hogyan {padding-top: 20px; padding-bottom:30px;}
/********************** AMIRE *****************************/
#amire-wrapper {flex-direction: column; align-items: center; }
#amire-wrapper div {padding:10px;width:250px;padding-bottom:20px;}
#amire-wrapper div:nth-of-type(3),#amire-wrapper div:nth-of-type(4),#amire-wrapper div:nth-of-type(2) {border-radius:30px;}
}
/***********************************************************/
/*************** SMALL MOBILES ( 480 ) *********************/
/***********************************************************/
@media screen and (max-width: 480px) {
/********************** HEADER *****************************/
header, #header-boxes {overflow:hidden}
#header-bottom h1 {font-size:36px;line-height:45px;}
#header-bottom p {font-size:20px;line-height:24px;}
#header-top-logo img {width: 133px;margin-top: 20px;}
#header-box1,#header-box3 {transform: translateX(30px);overflow:hidden}
#header-box2,#header-box4 {transform: translateX(-30px);overflow:hidden}
#header-box1 {margin-top:0px!important}
header .header-bottom-box,header #header-bottom-button,.header-bottom-box,#header-bottom-button {font-size: 20px;line-height: 24px;margin-top: 20px;}
#header-illu {width: 400px;height:416px;margin-top:-360px;transform: translateX(-50%);margin-left:50%;overflow:hidden}
.headerbox-bottom {padding-top: 5px}
.headerbox-top {padding-bottom: 5px;}
.header-box {margin-bottom: 15px;border-radius:10px;padding:8px;}
.headerbox-top span {font-size:12px;line-height:28px;}
.headerbox-bottom {font-size:11px;line-height:28px;font-weight:400}
.nomobil{display:none;}
header #header-illu.header-illu-thanks {left: calc(50% + 80px);width:600px;height:600px;}
header #header-outer.header-outer-thanks #header-bottom h1 {font-size:32px; line-height:40px;}
header #header-outer.header-outer-thanks #header-bottom p {font-size:15px; line-height:21px;}
#header-outer.header-outer-thanks #header-bottom .header-bottom-box {font-size:14px;}
/********************** RUNNER *****************************/
#runner-container {padding: 20px 0px;}
.splide__track {padding-bottom:0px}
.services-section3-slide-box {font-size: 13px;border-radius:10px;padding: 5px 24px;}
/********************** INTRO *****************************/
#section-intro p {font-size: 20px;line-height: 28px;}
#intro-container .header-bottom-box {min-width:280px;}
/********************** MIERT *****************************/
#miert-container h2 {font-size: 32px;line-height: 40px;}
#miert-container .miert-box span {font-size: 14px;line-height: 22px;}
#arrow-down a img {width:70px}
/********************** PROGRAMTERV *************************/
#section-programterv {padding: 40px 20px;}
#section-programterv h2 {font-size: 32px;line-height:40px;}
#section-programterv h3 {font-size:16px;line-height:18px;}
.tl.right, .tl.left{margin-left:0px;padding-bottom:0}
#programterv-1nap h2,#programterv-2nap h2 {margin-bottom: -40px;}
#programterv-1nap,#programterv-2nap {padding-left: 10px;padding-right: 10px;border-width: 2px;border-radius: 20px;padding-bottom: 40px;}
#programterv-2nap {margin-top: -35px;padding-top: 40px;padding-bottom:1px}
.tl-oktato-text span {font-size:14px;line-height:16px;font-weight:400;margin-top:15px;}
.tl-title {padding: 14px 16px;text-align:left}
.tl-title p{font-size: 14px;line-height:18px;text-align:left;margin-left:0 }
.tl-text {font-size: 12px;line-height:14px;font-weight:400;margin-top:20px;}
.tl-oktato-img img {width:80px;height:80px;margin-right:10px;}
.tl-oktato {margin-top: 20px;}
/********************** KINEK *****************************/
#kinek-container h2 {font-size: 32px;line-height: 40px;margin-top: 0;margin-bottom: 40px}
#kinek-container .kinek-right {font-size: 14px;line-height: 22px;}
.kinek-left {width:60px;height:60px;background-size: cover;}
.kinek {padding: 12px;}
/********************** VIDEOS *****************************/
#videos-container h2 {font-size: 32px;line-height: 40px;margin-top: -50px;}
#videos-wrapper div a img {width:175px;}
.test-box {height:280px;padding: 10px;margin-left:5px;margin-right:5px}
.test-box p {font-size:14px;line-height:19px;}
#splide1 .splide__track:before {display:none}
#splide1 .splide__track:after {display:none}
#section-videos .splide__arrow--prev {left: 0.5em}
#section-videos .splide__arrow--next {right: 0.5em}
/********************** MIVEL *****************************/
#section-mivel {padding-top: 120px;}
.mivel-top {font-size: 20px;line-height: 26px; padding: 16px;}
.mivel-bottom {font-size: 12px;line-height: 16px;padding: 16px;}
/********************** FORM *****************************/
#application {border-radius: 20px;}
#application h2 {font-size:32px;line-height: 40px;padding-left:10px;padding-right:10px}
.form-group.adatvedelem label{padding-left: 36px;text-indent: -36px;letter-spacing: 0.2px;}
.form-group.adatvedelem label input { margin-bottom: -20px!important;margin-right: 15px;vertical-align: middle;}
/********************** HOW *****************************/
#section-hogyan h2 {font-size:32px;line-height:40px;margin-bottom:30px;}
#job-section4-boxes {display:flex!important;}
.job-section4-box-inner-card-title {min-height:22px;}
/********************** VEGEN *****************************/
#section-vegen h2 {font-size: 32px;line-height: 40px;}
.vegen-box {width: 300px;height: 262px;}
.vegen-box span {font-size: 13px;line-height:16px;padding: 130px 25px 0px 33px;}
/********************** AMIRE *****************************/
#section-amire h2 {font-size:32px;line-height:40px;}
/********************** GYIK *****************************/
#gyik-outer h2 {font-size: 32px;line-height: 40px;}
#gyik-outer .kerdes {font-size: 18px;line-height: 22px;}
#gyik-outer .valasz {font-size: 14px;line-height: 20px; -webkit-hyphens:auto;hyphens:auto;}
.gyik {padding:16px}
.gyik-left { width: 40px;height: 40px;margin-right: 10px;background-size: cover;}
.gyik-right {width: calc(100% - 58px);}
#arrow-up {display:block}
}
/***********************************************************/
/*************** SMALL MOBILES ( 360 ) *********************/
/***********************************************************/
@media screen and (max-width: 360px) {
/********************** HEADER *****************************/
#header-bottom h1 {font-size:28px;line-height:34px;margin-top: 40px;margin-bottom: 10px;}
#header-bottom p {font-size:13px;line-height:22px;}
#header-box1,#header-box3 {transform: translateX(20px);}
#header-box2,#header-box4 {transform: translateX(-20px);}
header .header-bottom-box,header #header-bottom-button,.header-bottom-box,#header-bottom-button,#form_button {font-size: 13px;line-height: 24px;margin-top: 10px;min-width:90px;padding: 8px 20px!important;border-radius:10px;max-width:min-content}
.header-bottom-box,#header-bottom-button,#intro-container .header-bottom-box,.programterv-button a.header-bottom-box {min-width: 170px;max-width:fit-content}
.header-box {width: 240px;}
header #header-illu.header-illu-thanks {left: calc(50% + 30px);width:360px;height:360px;top:145px}
header #header-outer.header-outer-thanks #header-top-logo img {width:105px}
header #header-outer.header-outer-thanks #header-bottom {width: 88% !important;}
header #header-outer.header-outer-thanks #header-bottom h1 {font-size:22px; line-height:28px;max-width:100%!important}
header #header-outer.header-outer-thanks #header-bottom p {font-size:12px; line-height:17px;max-width: 60% !important;margin-top:30px;margin-bottom:40px;}
#header-outer.header-outer-thanks #header-bottom .header-bottom-box {font-size:13px;padding: 6px 24px!important;border-radius:6px;max-width: 300px;}
/********************** INTRO *****************************/
#section-intro p {font-size: 14px;line-height: 22px;}
/********************** MIERT *****************************/
#miert-container h2 {font-size: 26px;line-height:32px;}
#miert-container .miert-box span {font-size: 13px;line-height:17px;}
#arrow-down a img {width: 60px;}
/********************** PROGRAM *****************************/
#section-programterv h2 {font-size: 25px;line-height:30px;}
#section-programterv h3 {font-size:15px;line-height:18px;}
#programterv-container {margin-top: -20px}
.programterv-button {max-width:fit-content;min-width: fit-content;}
.programterv-button a.header-bottom-box {padding: 8px 20px!important}
.tl-oktato-text span {font-size:12px;line-height:14px;}
.tl-title p{font-size: 13px;line-height:17px;}
.tl-text {font-size: 11px;line-height:13px;}
/********************** KINEK *****************************/
#kinek-container h2 {font-size: 26px;line-height: 32px;margin-top: 0;margin-bottom: 40px}
#kinek-container .kinek-right {font-size: 12px;line-height: 16px;}
.kinek-left {width:60px;height:60px;background-size: cover;margin-right: 10px;}
.kinek {padding: 12px;margin-bottom: 12px;}
/********************** VIDEOS *****************************/
#videos-container h2 {font-size: 26px;line-height: 32px;}
#videos-wrapper div a img {width:150px;}
/********************** FORM *****************************/
#form_submit_button {width: 100%;}
#application h2 {font-size:25px;line-height:32px;}
#form_button {width:240px;font-size: 20px;line-height: 28px;padding: 10px 0px;margin-top: 50px;}
/********************** HOW *****************************/
#section-hogyan h2 {font-size:26px;line-height:32px;margin-bottom:30px;}
/********************** VEGEN *****************************/
#section-vegen h2 {font-size: 26px;line-height: 32px;}
.vegen-box {width: 270px;height: 236px;}
.vegen-box span {padding: 115px 25px 0px 33px;}
/********************** AMIRE *****************************/
#section-amire h2 {font-size:25px;line-height:32px;padding-top: 30px;padding-bottom: 40px;}
/********************** GYIK *****************************/
#gyik-outer h2 {font-size: 26px;line-height: 32px;margin-top: 40px;margin-bottom:20px;}
#gyik-outer .kerdes {font-size: 12px;line-height: 14px; margin-bottom:5px;}
#gyik-outer .valasz {font-size: 9px;line-height: 12px;font-weight:400}
.gyik {margin-bottom: 10px;padding: 12px}
}
/***********************************************************/
/*************** VERY SMALL MOBILES ( 320 ) ****************/
/***********************************************************/
@media screen and (max-width: 320px) {
#header-box1,#header-box3 {transform: translateX(0px);}
#header-box2,#header-box4 {transform: translateX(0px);}
header .header-bottom-box,header #header-bottom-button,.header-bottom-box,#header-bottom-button {font-size:12px;padding:5px 22px!important}
#header-outer.header-outer-thanks #header-bottom .header-bottom-box {font-size:12px;padding:5px 22px!important}
#programterv-1nap,#programterv-2nap {padding-left:8px;padding-right: 8px;}
.programterv-button a.header-bottom-box {padding:5px 22px!important}
.tl-title {padding: 12px 14px}
.tl-title p{font-size: 12px;line-height:16px;}
#section-programterv h3 {font-size:13px;line-height:16px;}ű
#amire-wrapper div {padding: 10px 10px 10px 10px;width:240px;}
}