html{font-size: .5208333333vw!important;}
.header {display:none}
	.mob {display:none}

.anonymous-pro-regular {
  font-family: "Anonymous Pro", monospace;
  font-weight: 400;
  font-style: normal;
}
.main {padding-bottom:0}
.anonymous-pro-bold {
  font-family: "Anonymous Pro", monospace;
  font-weight: 700;
  font-style: normal;
}


.anonymous-pro-regular-italic {
  font-family: "Anonymous Pro", monospace;
  font-weight: 400;
  font-style: italic;
}

.anonymous-pro-bold-italic {
  font-family: "Anonymous Pro", monospace;
  font-weight: 700;
  font-style: italic;
}
.program-wrap.show {display:block} 
.program-wrap {padding: 10rem;padding-bottom: 2rem;display:none;
    top: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100vh;
    z-index: 20;
    background: #b7babeba;
    max-width: 100%;}
.program { background: #ffffffd4;
	border-radius: 4rem;
    background-size: contain;
    font-family: Anonymous Pro !important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    margin: 0 auto;
    overflow: auto;
    display: flex;
flex-direction: column;
 z-index: 22;
    padding: 7rem;
    max-height: 80vh;
    height: max-content;
    background-position: center;
    width: 100%;
    border: 4px solid #cdcdcd;}
.program h2  {font-size: 4rem;
    font-weight: 700;
    margin-bottom: 3rem;
    line-height: 1;}
.program ul{ margin-top: 3.5rem;
    font-size: 2rem;
    line-height: 1.2;
    gap: 4rem;}
.program p {font-size:2rem;line-height: 1.4;}
.program ul li {margin-bottom: 3rem;    line-height: 1.4;    font-weight: 500;}
.program ul li h3 {font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.1;}
.program strong {color:#a50f2d;margin-right: 1rem;}
.vacancy-locations {
font-size: 2rem;
    margin-top: .5rem;
    margin-bottom: 3rem;
    color: #b54259;
}
.program span {    display: block;
    font-weight: 400;
    font-size: 2rem;
    margin-top: .5rem;
    margin-bottom: 2rem;
    color: #707070;}
.close {
	position: absolute;    cursor: pointer;
	right: 5rem;
	top: 5rem;
	font-size: 9rem;
	color: #c1c1c1;
	background-image: url('/it-piknik/close.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 5rem;
	width: 5rem;
	transition: background-image 0.3s ease;
}

.close:hover {
	background-image: url('/it-piknik/closer.svg');
	transition: background-image 0.3s ease;
}





.it-wrap {overflow: hidden;width:100%}
.it-1,.it-2,.it-3,.it-4,.it-5,.it-6 {position: relative;max-width: 100%;width: 100%; background-color: white!important;}
.it-3 {background-color:#A50F2D!important}
.it-1 {height: 100.6rem;}
.it-2 {height: 102.8rem;background: url(/it-piknik/img/b2.svg) no-repeat;background-size: cover;}
.it-3 {height: 98rem;background: url(/it-piknik/img/b3.svg) no-repeat;}
.it-4 {height: 98.4rem;background: url(/it-piknik/img/b4.svg) no-repeat;}
.it-5 {height: 112.3rem;background: url(/it-piknik/img/b5.svg) no-repeat center;background-size: contain;}
.it-6 {height: 100.6rem;background: url(/it-piknik/img/b6.svg) no-repeat;}

.it-1 .btns-1 {position: absolute;top: 14.1rem;left: 37.2rem;z-index: 8;}
.it-1 .btns-2 {position: absolute;top: 39.4rem;left: 128.5rem;z-index: 8;}

.it-1 .btns-1 ul li,.it-1 .btns-2 ul li {width: 26.5rem;
    display: flex;
    height: 13.3rem;
    margin-bottom: 1.2rem;
    background: url(/it-piknik/img/btn.svg) no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
padding: 0;transition:.3s;
padding-left: 0;-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
clip-path: polygon(100% 11.5%, 100% 81.5%, 89.25% 100%, 47.1% 100%, 43.45% 88.1%, 0% 88.1%, 0% 15.5%, 9.5% 0%, 29.75% 0%, 33.5% 11.5%);
}
.it-1 .btns-1 ul li:first-child {background: #A50F2D;}
.it-1 .btns-4 ul li:first-child {background: url(/it-piknik/img/btn21.svg) no-repeat;}
.it-1 .btns-1 ul li:first-child:hover,.it-1 .btns-4 ul li:first-child:hover {background: #a28251;}
.it-1 .btns-1 ul li:first-child a,.it-1 .btns-4 ul li:first-child a {color: white;}
.it-1 .btns-1 ul li:hover,.it-1 .btns-2 ul li:hover {background:#A50F2D;cursor: pointer;}
.it-1 .btns-1 ul li:hover a,.it-1 .btns-2 ul li:hover a {color:white}

.it-2 .btns-1 {left: 74.6rem;top: 34.7rem;}
.it-2 .btns-2 {left: 84.2rem;top: 54.7rem;}
.it-2 .btns-3 {left: 100.5rem;top: 74.7rem;}
.it-2 .btns-1,.it-2 .btns-2,.it-2 .btns-3 {position: absolute;}
.it-2 .btns-1 ul,.it-2 .btns-2 ul,.it-2 .btns-3 ul{display: flex;flex-direction: row;align-items: flex-end;gap: 6rem;}

.it-2 .btns-1 ul li,.it-2 .btns-2 ul li,.it-2 .btns-3 ul li {width: 24rem;display: flex;height: 17rem;
background: url(/it-piknik/img/btn2.svg) no-repeat;background-size: contain;justify-content: center;
align-items: center;padding: 0;transition:.3s;padding-left: 0;-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 32.5%, 22.75% 0%)
}
.it-2 .btns-1 ul li a,.it-2 .btns-2 ul li a,.it-2 .btns-3 ul li a {width: 24rem;text-align: center;
height: 17rem;gap: .5rem;display: flex;justify-content: center;align-items: center;flex-direction: column;
padding-bottom: 1rem;line-height: 1.2;padding-top: 6rem;font-family: Anonymous Pro!important;
clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 33.5%, 23.75% 0%);
}
.it-2 p {position: absolute;font-size: 3.4rem;font-weight: 400;line-height: 2.813rem;text-align: left;
height: 1;top: 28rem;left: 74.6rem;color: #A50F2D; font-family: "Roboto", sans-serif !important;
}
.it-2 h3 {font-size: 3rem;font-weight: 700;line-height: 1;text-align: center;
}

.it-2 .btns-1 ul li:hover,.it-2 .btns-2 ul li:hover,.it-2 .btns-3 ul li:hover {background: url(/it-piknik/img/btn4.svg) no-repeat;}
.it-2 .btns-1 ul li:hover a,.it-2 .btns-2 ul li:hover a,.it-2 .btns-3 ul li:hover a {color:white}

.it-1 .btns-1 ul li a,.it-1 .btns-2 ul li a {width: 23.7rem;
clip-path: polygon(100% 11.5%, 100% 81.5%, 89.25% 100%, 47.1% 100%, 43.45% 88.1%, 0% 88.1%, 0% 15.5%, 9.5% 0%, 29.75% 0%, 33.5% 11.5%);
font-family: Anonymous Pro!important;width: 26.5rem;display: flex;align-items: center;
justify-content: center;height: 13.3rem;font-size: 2.4rem;font-weight: 400;line-height: 1;
text-align: center;
}
.it-3 ul {margin: 0 auto;padding-top: 7.2rem;width: fit-content;position: relative;margin-left: 36.9rem;}
.it-3 ul li {color: white;font-family: Anonymous Pro !important;font-size: 6.4rem;margin-left: 8.6rem !important;
font-weight: 700;line-height: 7.5rem;padding: 0 !important;text-transform: uppercase;margin-bottom: 5.3rem;}


#vacancy-detail-popup .program {
    max-width: 85%;
    width: 90%;
    box-sizing: border-box;
    max-height: 90vh;
}
#vacancy-detail-popup .program h1 {
    font-size: 3.5rem;
    margin-top: 0;
    padding-bottom: 3rem;
    color: #333;
    line-height: 1.2;
}
#vacancy-detail-popup .program h3 {
    font-size: 3rem;
    margin-top: 0;
    padding-bottom: 1rem;
    color: #333;
    line-height: 1.2;
}

#vacancy-detail-popup .program h2 {
    margin-bottom: 0.5em;
}
#vacancy-detail-popup .program ul {
    margin-top: 0.5em;
    margin-bottom: 3em;
}
#vacancy-detail-popup .program li {
    margin-bottom: 0;
}
#vacancy-detail-popup .program p {

}
.vcont {
    position: sticky;
    z-index: 100;
    top: 2rem;
float: right;
}
.vcont a{
    display: flex;
    gap: 2rem;
    flex-direction: column;
    border: 1px solid #b54259;
    padding: 3rem 4rem;
    border-radius: 2rem;

	background:#fafafa;

    width: fit-content;
}
.program .vcont a:hover{background: #a50f2d0d;color: #a50f2d;}


.program .vcont span {
margin-bottom: 0rem;
color: #333333;
font-weight: 600;}
.program a {color: #a50f2d;
    text-decoration: none;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1;transition:.3s}
.program a:hover{color:#eaa458}



.program span.local {
color: #a50f2d;
    text-decoration: none;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1;
    transition: .3s;
    cursor: pointer;
}
.program span.local:hover{color:#eaa458}

.it-3 ul li::before {
  content: url(/it-piknik/img/arrow.svg);
  width: 4.2rem;
height: 4.2rem;
display: block;
position: absolute;
left: -7rem;
}

.it-4 ul {position: absolute;-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
    left: 37rem;
    top: 32.1rem;
    background: url(/it-piknik/img/4-4.svg) no-repeat;
    padding: 3.6rem;
    padding-top: 7.9rem;
    background-size: contain;
    width: 77.968rem;}
.it-4 ul li {color: #A50F2D;
    font-family: Anonymous Pro !important;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    margin-bottom: 4rem;}

.it-5>div {display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    justify-content: flex-start;
    width: 66%;
    margin: 0 auto;
    padding-top: 7.7rem;
}


.it-5>div a {display:block;    width: calc(32% - 1rem);height: 18rem;transition:.3s}
.it-5>div a:nth-child(1) {background: url(/it-piknik/img/5-1.svg) no-repeat;}
.it-5>div a:nth-child(2) {background: url(/it-piknik/img/5-2.svg) no-repeat;}
.it-5>div a:nth-child(3) {background: url(/it-piknik/img/5-3.svg) no-repeat;}
.it-5>div a:nth-child(4) {background: url(/it-piknik/img/5-4.svg) no-repeat;}
.it-5>div a:nth-child(5) {background: url(/it-piknik/img/5-5.svg) no-repeat;}
.it-5>div a:nth-child(6) {background: url(/it-piknik/img/5-6.svg) no-repeat;}
.it-5>div a:nth-child(7) {background: url(/it-piknik/img/5-7.svg) no-repeat;}
.it-5>div a:nth-child(8) {background: url(/it-piknik/img/5-8.svg) no-repeat;}
.it-5>div a:nth-child(9) {background: url(/it-piknik/img/5-9.svg) no-repeat;}
.it-5>div a:nth-child(10) {background: url(/it-piknik/img/5-10.svg) no-repeat;}
.it-5>div a:nth-child(11) {background: url(/it-piknik/img/5-11.svg) no-repeat;}
.it-5>div a:nth-child(12) {background: url(/it-piknik/img/laser.svg) no-repeat;background-size: contain;}

.it-5>div a:nth-child(1):hover {background: url(/it-piknik/img/5-1r.svg) no-repeat;}
.it-5>div a:nth-child(2):hover {background: url(/it-piknik/img/5-2r.svg) no-repeat;}
.it-5>div a:nth-child(3):hover {background: url(/it-piknik/img/5-3r.svg) no-repeat;}
.it-5>div a:nth-child(4):hover {background: url(/it-piknik/img/5-4r.svg) no-repeat;}
.it-5>div a:nth-child(5):hover {background: url(/it-piknik/img/5-5r.svg) no-repeat;}
.it-5>div a:nth-child(6):hover {background: url(/it-piknik/img/5-6r.svg) no-repeat;}
.it-5>div a:nth-child(7):hover {background: url(/it-piknik/img/5-7r.svg) no-repeat;}
.it-5>div a:nth-child(8):hover {background: url(/it-piknik/img/5-8r.svg) no-repeat;}
.it-5>div a:nth-child(9):hover {background: url(/it-piknik/img/5-9r.svg) no-repeat;}
.it-5>div a:nth-child(10):hover {background: url(/it-piknik/img/5-10r.svg) no-repeat;}
.it-5>div a:nth-child(11):hover {background: url(/it-piknik/img/5-11r.svg) no-repeat;}
.it-5>div a:nth-child(12):hover {background: url(/it-piknik/img/laser2.svg) no-repeat;background-size: contain;}

.it-1 .mlogo {    position: absolute;
    width: 75.5rem;
    z-index: 5;
width: 27rem;
height: 4.3rem;
top: 2.8rem;
left: 82.5rem;} 

.it-1 .img1 {  width: 75.5rem;
    z-index: 5;
    height: 86.5rem;
    margin: auto;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
}
.it-1 .img2 {width: 100%;
    position: absolute;
    bottom: -.2rem;
    z-index: 6;    height: 4.15rem;} 
.it-1 .img3 {    height: 36.8rem;
    top: 10.6rem;
    width: 40.9rem;
    margin: auto;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: -12rem;
    right: 0;
    z-index: 1;}
.it-1 .img4,.it-1 .img5,.it-1 .img6 {position: absolute;width: 7rem;height: 7rem;z-index: 4;bottom: 2.7rem;}
.it-1 .img4 {left: 28.8rem;}
.it-1 .img5 {left: 20.8rem;} 
.it-1 .img6 {left: 12.8rem;} 
.it-1 .img7 {position: absolute;
    width: 62.5rem;
    height: 100%;
    left: 6.3rem;
    z-index: 2;} 
.it-1 .img8 {    position: absolute;
    width: 50.8rem;
    height: 100%;
    left: 122rem;
    z-index: 2;} 
.it-1 .img9 {    position: absolute;
    width: 9.902rem;
    height: 34.189rem;
    top: 23.101rem;
    left: 56rem;
    z-index: 5;} 
.it-1 .img10 {position: absolute;
    width: 8.4rem;
    height: 78.2rem;
    top: -.3rem;
    left: 154.1rem;
    z-index: 3;} 
.it-1 .img11 {position: absolute;height:100%;left:0;top:0;bottom:0;width:width: 6.3rem;z-index:3}

.it-1 .img12 {    position: absolute;
    width: 8.4rem;
    height: 78.2rem;
    bottom: 0;
    left: 22.2rem;
    z-index: 3;} 
.it-1 .img13 {position: absolute;
    height: 100%;
    left: 3.8rem;
    bottom: 0;
    top: 0;
    z-index: 1;} 
.it-1 .img14 {position: absolute;
    width: 21.1rem;
    height: 15.9rem;
    z-index: 4;
left: 19.5rem;} 
.it-1 .img15 {    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    width: 6.826rem;
    z-index: 1;} 
.it-1 .img16 {    position: absolute;
    width: 12.8rem;   
    top: 61.5rem;
    left: 133.7rem;
    z-index: 3;} 
.it-1 .img17 {    position: absolute;
    width: 6.826rem;
    height: 100%;
    left: 166rem;
    z-index: 1;} 

.it-2 .img1 {  position: absolute;
width: 68.5rem;
height: 84.4rem;
    bottom: 0;
	left: -3.7rem;}

.it-wrap h2 {line-height:7.5rem;margin-top: 3rem;color:#A50F2D;font-family: Anonymous Pro!important;font-size: 6.4rem;font-weight: 700;line-height: 7.5rem;text-transform: uppercase;}
.it-1 h2 {position: absolute;left: 112.5rem;top: 11.5rem;z-index:7}
.it-2 h2 {position: absolute;left: 74.6rem;top: 9.4rem;}
.it-4 h2 {position: absolute;left: 37rem;top: 9.2rem;}
.it-5 h2 {padding-top: 4.4rem;margin: 0 auto;width: fit-content;}
.it-6 h2 {position: absolute;left: 97.1rem;top: 5rem;text-align: center;}

.it-2 .img2 {width: 100%;position:absolute;bottom:0;z-index:2} 
.it-4 .img1 {width: 70.9rem;height: 58.635rem;position:absolute;bottom:0;left:119.3rem;z-index:2} 
.it-4 .img2 {width: 100%;position:absolute;bottom:0;z-index:2} 
.it-6 .img1 {width: 66.5rem;height: 76.2rem;position:absolute;bottom:0;left:10.6rem;z-index:2} 



.it-6 form {    position: absolute;width: 57.7rem;
    top: 30.9rem;
    left: 97.4rem;
    display: flex;
    flex-direction: row;
    gap: 2rem 0;
    flex-wrap: wrap;
    justify-content: space-between;}  

.it-6 input,.it-6 select,.it-6 label {font-size: 2rem;font-family: Anonymous Pro !important;
line-height: 1;border:0;transition:.3s;font-weight: 700;color:#B2B3B3;
width: calc(100% / 2 - 3rem);
height: 9.119rem;text-transform: uppercase;
background-size: contain !important;    text-align: left;
background:url(/it-piknik/img/btn6.svg) no-repeat;
}
.it-6 input:hover,.it-6 select:hover,.it-6 label:hover {background:url(/it-piknik/img/btn8.svg) no-repeat;} 



.it-6 input,.it-6 select,.it-6 label {padding-left: 2rem;}
.it-6 input::placeholder,.it-6 select,.it-6 label {font-family: Anonymous Pro !important;
text-transform: uppercase;font-size: 2rem;font-weight: 700;color:#B2B3B3}
.it-6 label {display: flex;align-items: center;position: initial;cursor: pointer;width: 28rem;}
.it-6 label:hover {background:url(/it-piknik/img/btn12.svg) no-repeat; color:white}

.it-6 #file {display:none}

.it-6 label,.it-6 input,.it-6 select {-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.it-6 select,.it-6 input:nth-child(2) {background:url(/it-piknik/img/btn5.svg) no-repeat;width: 100%;background-size: contain;height: 8.5rem;}
input:nth-child(6) {background:url(/it-piknik/img/btn7.svg) no-repeat;background-size: contain;}
.it-6 input::file-selector-button {display:none;}
.it-6 select:hover,.it-6 input:nth-child(2):hover {background:url(/it-piknik/img/btn9.svg) no-repeat;border:0}

.it-6 input:nth-child(8) {width: 28.2rem;}
.it-6 input:nth-child(8):hover {background:url(/it-piknik/img/btn12.svg) no-repeat; color:white}


.it-6 label::before {border-radius: 50%;
 content: url(/it-piknik/img/btn11.svg);
    position: absolute;
    top: 3.4rem;
    right: 2rem;
    width: 2rem;
    z-index: 2;
    height: 2rem;
    line-height: 2rem;
    color: #a50f2d;
    background-color: white;
    pointer-events: none;

}
.it-6 select {height: 9.5rem;position: relative;-webkit-appearance: none;}
.it-6 select option:nth-child(1){display:none}
.it-6 select:focus{outline: none !important;}
.it-6 select {border: none !important;}
.it-6 form::before {
    content: url(/it-piknik/img/btn10.svg);
    position: absolute;
    top: 4rem;
    right: 2rem;
    width: 2rem;
    z-index: 2;
    height: 2rem;
    line-height: 2rem;
    color: #a50f2d;
    background-color: white;
    pointer-events: none;

}


.animate2.on.fade-in-left li,h2.animate2.on.fade-in-left,img.animate2.on.fade-in-left{
	-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.animate2.on.fade-in-right li,h2.animate2.on.fade-in-right,img.animate2.on.fade-in-right{
	-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.animate2.on .fbottom li,.animate2.on.fbottom li,.animate2.on.fbottom a,.animate2.on .fbottom div,.animate2.on.fbottom div,.animate2.on .fbottom p,
.animate2.on.fbottom p,.animate2.on .fbottom em,.animate2.on.fbottom em,.animate2.on.fbottom img,.animate2.on.fbottom label,
.animate2.on.fbottom input,.animate2.on.fbottom select,form.animate2.on.fbottom::before,
.mlogo.animate2.on.fbottom{
	-webkit-animation: fbottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fbottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.it-4 ul.animate2.on {
-webkit-animation: fbottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fbottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


.animate2.on.fbottom a:nth-child(1) {animation-delay: .0s;}
.animate2.on.fbottom a:nth-child(2),.animate2.on.fbottom input:nth-child(2) {animation-delay: .1s;}
.animate2.on.fbottom a:nth-child(3),.animate2.on.fbottom input:nth-child(3)  {animation-delay: .2s;}
.animate2.on.fbottom a:nth-child(4),.animate2.on.fbottom input:nth-child(4) {animation-delay: .3s;}
.animate2.on.fbottom a:nth-child(5),.animate2.on.fbottom input:nth-child(5) {animation-delay: .4s;}
.animate2.on.fbottom a:nth-child(6),.animate2.on.fbottom input:nth-child(6)  {animation-delay: .5s;}
.animate2.on.fbottom a:nth-child(7),.animate2.on.fbottom label:nth-child(7) {animation-delay: .6s;}
.animate2.on.fbottom a:nth-child(8),.animate2.on.fbottom input:nth-child(8) {animation-delay: .7s;}
.animate2.on.fbottom a:nth-child(9)  {animation-delay: .8s;}
.animate2.on.fbottom a:nth-child(10) {animation-delay: .9s;}
.animate2.on.fbottom a:nth-child(11) {animation-delay: 1s;}
.animate2.on.fbottom a:nth-child(12) {animation-delay: 1.05s;}


.animate2.on.fade-in-left li:nth-child(1),.animate2.on.fade-in-right li:nth-child(1) {animation-delay: .0s;}
.animate2.on.fade-in-left li:nth-child(2),.animate2.on.fade-in-right li:nth-child(2) {animation-delay: .1s;}
.animate2.on.fade-in-left li:nth-child(3),.animate2.on.fade-in-right li:nth-child(3) {animation-delay: .2s;}
.animate2.on.fade-in-left li:nth-child(4),.animate2.on.fade-in-right li:nth-child(4) {animation-delay: .3s;}
.animate2.on.fade-in-left li:nth-child(5),.animate2.on.fade-in-right li:nth-child(5) {animation-delay: .4s;}
.animate2.on.fade-in-left li:nth-child(6),.animate2.on.fade-in-right li:nth-child(6) {animation-delay: .5s;}
.animate2.on.fade-in-left li:nth-child(7),.animate2.on.fade-in-right li:nth-child(7) {animation-delay: .6s;}
.animate2.on.fade-in-left li:nth-child(8),.animate2.on.fade-in-right li:nth-child(8) {animation-delay: .7s;}
.animate2.on.fade-in-left li:nth-child(9),.animate2.on.fade-in-right li:nth-child(9) {animation-delay: .8s;}
.animate2.on.fade-in-left li:nth-child(10),.animate2.on.fade-in-right li:nth-child(10) {animation-delay: .9s;}
.animate2.on.fade-in-left li:nth-child(11),.animate2.on.fade-in-right li:nth-child(11) {animation-delay: 1s;}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fbottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fbottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@media only screen and (max-width : 391px) {
html{font-size: 2.5615333333vw!important}
	.hidem {display:none !important}
	.mob {display:block}
btns-3 mob,


.it-1 .img1,.it-1 .img2,.it-1 .img3,.it-1 .img4,.it-1 .img5,.it-1 .img6,.it-1 .img7,.it-1 .img8,
.it-1 .img9,.it-1 .img10,.it-1 .img11,.it-1 .img12,.it-1 .img13,.it-1 .img14,.it-1 .img15,
	.it-1 .img16,.it-1 .img17,.it-2 .img1,.it-6 .img1 {display:none}

.it-5>div a {width: calc(50% - 1rem);
    height: 7.5rem;}


.it-1 {height: 93.4rem;background: url(/it-piknik/img/mb1.svg) no-repeat;background-size: cover;}
.it-2 {height: 84.4rem;background: url(/it-piknik/img/mb2.svg) no-repeat;background-size: cover;}
.it-3 {height: 64.8rem;background: url(/it-piknik/img/mb3.svg) no-repeat;}
.it-4 {height: 68.7rem;background: url(/it-piknik/img/mb4.svg) no-repeat;}
.it-5 {height: 73.2rem;background: url(/it-piknik/img/mb5.svg) no-repeat center;background-size: contain;}
.it-6 {height: 106rem;background: url(/it-piknik/img/mb6.svg) no-repeat;}


.it-1 .btns-3 ul li, .it-1 .btns-4 ul li {width: 16.4rem;height: 8.2rem;top: 19.3rem;left: 2.1rem;
background: url(/it-piknik/img/btn.svg) no-repeat;background-size: contain;}
.it-1 .btns-1 {left: 2.1rem;}
.it-1 .btns-3 ul li a, .it-1 .btns-4 ul li a {font-size: 1.4rem;}
.it-1 .mlogo {width: 27rem;height: 4.3rem;top: 1.8rem;left: 6.0rem;}
.it-1 .btns-3 ul{display: flex;flex-wrap: wrap;gap:1rem 2rem;left: 2.1rem;position: absolute;top: 18.3rem;}



.it-1 .btns-3 ul li,.it-1 .btns-4 ul li {display: flex;justify-content: center;align-items: center;-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);}
.it-1 .btns-4 ul {width: 16.4rem;position: absolute;top: 37.7rem;left: 6rem;gap: 1rem;display: flex;flex-direction: column;}
.it-1 h2 {position: absolute;left: 2.1rem;top: 9.2rem;font-size: 3.2rem;z-index: 20;line-height: 3.2rem;margin-top: 0;}
.it-2 h2 {position: absolute;left: 2.1rem;top: 4.9rem;font-size: 3.2rem;z-index: 20;line-height: 3.2rem;margin-top: 0;}
.it-4 h2 {position: absolute;left: 2.1rem;top: 4.9rem;font-size: 3.2rem;z-index: 20;line-height: 3.2rem;margin-top: 0;}
.it-5 h2 {padding: 0;position: absolute;left: 2.1rem;top: 2.8rem;font-size: 3.2rem;z-index: 20;line-height: 3.2rem;margin-top: 0;}
.it-6 h2 {position: absolute;left: 2.1rem;top: 12.2rem;font-size: 3.2rem;z-index: 20;line-height: 3.2rem;margin-top: 0;}


.it-2 p {left: 2.1rem;top: 15.5rem;font-size: 1.6rem;}
.it-5 p {left: 2.1rem;top: 12.8rem;font-size: 1.6rem;position: absolute;color: #8F8F8F;font-family: Anonymous Pro !important;}


.it-2 .btns-1, .it-2 .btns-2, .it-2 .btns-3 {position: absolute;display: flex;left: 20.8rem;flex-direction: column;}
	.it-2 .btns-1 ul li, .it-2 .btns-2 ul li, .it-2 .btns-3 ul li {width: 14.5rem;height: 10.3rem;}
	.it-2 h3 {font-size: 2rem;font-weight: 700;line-height: 1;}
	.it-2 .btns-1 ul li a, .it-2 .btns-2 ul li a, .it-2 .btns-3 ul li a {line-height: 1.5rem;font-size: 1.6rem;font-weight: 400;padding-top: 4rem;}
	.it-2 .btns-1 ul, .it-2 .btns-2 ul, .it-2 .btns-3 ul {flex-direction: column;align-items: flex-end;gap: 1rem;}
	.it-2 .btns-1 {top:18.3rem}
	.it-2 .btns-2 {top:40.9rem}
	.it-2 .btns-3 {top:63.5rem}

	.it-3 ul {position: absolute;top: 5rem;left: 3.7rem;margin: 0;padding: 0;}
	.it-3 ul li {font-size: 3.2rem;line-height: 1;margin-bottom: 2.7rem;margin-left: 5rem !important;}
	.it-3 ul li::before {width: 3.2rem;height: 3.2rem;left: -5rem;}
	.it-4 ul {left: 2.2rem;top: 18.1rem;padding: 1.98rem;padding-top: 5.9rem;width: 35.8rem;background: url(/it-piknik/img/4-5.svg) no-repeat;
background-size: cover;height: 46.79rem;}
	.it-4 ul li {font-size: 2rem;margin-bottom: 2rem;}
.it-5>div {display: flex;flex-wrap: wrap;position: absolute;gap: 1rem;
justify-content: flex-start;width: 34.9rem;margin: 0 auto;padding-top: 0;top: 16.9rem;left: 2.1rem;}
	.it-5>div img {width: calc(50% - 1rem);}

	.it-6 form {top:22.4rem;left:2.1rem;width:34.8rem}
	.it-6 input, .it-6 select, .it-6 label {height:9.2rem !important;width:34.8rem !important;background: url(/it-piknik/img/btn16.svg) no-repeat;}
	.it-6 input:hover, .it-6 select:hover, .it-6 label:hover {background: url(/it-piknik/img/btn18.svg) no-repeat;}
.it-6 input::placeholder,.it-6 select,.it-6 label {font-size: 1.6rem;}
.it-6 select, .it-6 input:nth-child(2) {    background: url(/it-piknik/img/btn17.svg) no-repeat;}
.it-6 select:hover, .it-6 input:nth-child(2):hover {    background: url(/it-piknik/img/btn19.svg) no-repeat;}

.mlogo.animate2.on.fbottom{
	-webkit-animation: none;
	        animation: none;
}

	.program strong {display: block;}
	.program-wrap {padding: 1rem;}
	.program {    padding: 2rem 2rem;    height: calc(100vh - 9rem);}
.program h2 {font-size: 2.5rem;margin-bottom: 2rem;margin-top: 2rem;}
.close {right: 2rem;
        top: 2rem;
        height: 2rem;
        width: 2rem;}
	.program p,.program ul,.program span {font-size: 1.6rem;}
.program ul li h3 {font-size: 2.2rem;line-height: 1.4;}
	.program a,.program span.local {font-size: 1.8rem;line-height: 1.2;}
	#vacancy-detail-popup .program {width: 100%;    max-width: 100%;}
#vacancy-detail-popup .program h1 {font-size: 2rem;margin-top: 4rem;}

#vacancy-detail-popup .program h3 {font-size: 2rem}
.vcont a {        gap: .5rem;
width: calc(100% + 4rem);
padding: 2rem 2rem;
border: 0;
font-size: 1.6rem;
margin-left: -2rem;
        border-top: 1px solid #cdcdcd;
        border-bottom: 1px solid #cdcdcd;
        border-radius: 0;
        margin-bottom: 2rem;
}
.vcont {width: calc(100% + 4rem);max-width: 100%;}
	#vacancy-detail-popup .program p {top: 0;}

	.vacancy-locations {font-size: 1.6rem;
    margin-top: .5rem;
    margin-bottom: 3rem;
    color: #333333;
    line-height: 1.4;
    font-weight: 500;}



}