.element_hide_right{
	display: none !important;
}
@media (min-width: 1920px){
	.list_block_name *{
		color: #000;
		font-family: DIN Pro;
		font-size: 20px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: 0.2px;
	}
	.list_block_name{
		margin-top: 402px;
		margin-left: -310px;
		max-width: 230px;
	}
    .yagp_judges_and_teachers .images_block {
    background: url(http://yagp.kip3rb9g.beget.tech/wp-content/themes/yagp/res/img/yagp_judges_and_teachers_back.png);
    background-repeat: no-repeat;
    background-size: contain;
}
    
.yagp_judges_and_teachers>.up_block{
	padding-top: 95px;
	background: #F7F7F8;
	display: inline-flex;
	padding-bottom: 20px;
}	
.yagp_judges_and_teachers{
	display:flex;
	flex-flow: column;
}
	.right_content_block{
		margin-left: auto;
		margin-top: 100px;
		margin-right:20px;
	}
.yagp_judges_and_teachers .up_block>.images_block{
	display: inline-flex;
	align-content: flex-start;
	flex-wrap: wrap;
	width: 600px;
	margin-right: 117px;
	margin-left: auto;
	padding-right: 81px;
	padding-left: 79px;
	margin-bottom: 80px;
	padding-top: 28px;
	margin-top: -40px;
}

.yagp_judges_and_teachers .up_block>.images_block>img{
	object-fit: cover;
	border-radius: 20px;
	border: 1px solid  #FFF;
	background: url(<path-to-image>), lightgray 50% / cover no-repeat;
	box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.25);
	width: 173px;
	height: 294px;
	margin-right: 14px;
	margin-top: 52px;
	margin-bottom: -32px;
}
.yagp_judges_and_teachers .up_block>.images_block>img:nth-child(2){
	margin-top: -27px;
}

.yagp_judges_and_teachers .up_block>.images_block>img:nth-child(5){
	margin-top: -27px;
}
.yagp_judges_and_teachers .up_block_content_left{
	margin-left: 117px;
	width: 699px;
	display: flex;
	flex-flow: column;
}
.yagp_judges_and_teachers .up_block_content_left>h2{
	color: var(--dark, #181818);
	font-family: DIN Pro;
	font-size: 97px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 0;
	width: 1319px;
	margin-bottom: 50px;
}

.yagp_judges_and_teachers .up_block_content_left>div:nth-child(2){
	display: inline-flex;
	width: 603px;
	justify-content: space-between;
}

.yagp_judges_and_teachers .up_block_content_left>div:nth-child(2) button{
	border-radius: 40px;
	border: 1px solid  #181818;
	color: #181818;
	text-align: center;
	font-family: DIN Pro;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.24px;
	padding: 20px 90px;
	cursor: pointer;
	transition: transform .3s, color .3s, background .3s
}
.yagp_judges_and_teachers .up_block_content_left>div:nth-child(2) button:hover{
	transform:scale(0.95);
}
.yagp_judges_and_teachers .up_block_content_left>svg{
	margin-right: auto;
}
.yagp_judges_and_teachers .active{
	color: #F7F7F8 !important;
	background: #181818;
}

.yagp_judges_and_teachers_block_letter_group{
	display: inline-flex;
	flex-wrap: wrap;
	margin-top: 40px;
	width: 403px;
}
.yagp_judges_and_teachers_block_letter_group>div{
	width: 37px;
	height: 37px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	font-family: DIN Pro;
	font-size: 16px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 400;
	line-height: normal;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.50);
	border-radius: 150px;
	margin-right: 20px;
	margin-bottom: 20px;
	transition: transform .3s, color .3s, background .3s
}
.yagp_judges_and_teachers>div:nth-child(2){
	display:inline-flex;
	width: 100%;
	margin-top: 80px;
	padding-bottom: 80px;
}

.yagp_judges_and_teachers_block_letter_group>div:hover{
	transform: scale(0.95);
}
.yagp_judges_and_teachers>div:nth-child(2)>div:nth-child(1){
	display:flex;
	flex-flow:column;
	margin-left: 117px;
	border-radius: 20px;
	background:  #F7F7F8;
	display: flex;
	height: 646px;
	width: 374px;
	padding: 60px 59px 65px 59px;
}
.yagp_judges_and_teachers>div:nth-child(2)>.list_text{
	display:flex;
	flex-flow:column;
	overflow-y:scroll;
	width: 300px;
	height: 499px;
}
.yagp_judges_and_teachers>div:nth-child(2)>svg{
	margin-left: 61px;
	margin-top: 75px;
}
.yagp_judges_and_teachers>div:nth-child(2)>.right_content_block{
	width: 1037px;
	margin-left:auto;
	margin-right: 117px;
}
.yagp_judges_and_teachers .list_block_name .list_text .hide_list_item{
	transform: scale(0);
	height: 0;
	opacity: 0;
}
.yagp_judges_and_teachers .list_block_name .list_text ul li{
	color:#181818;
	font-family: DIN Pro;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.24px;
	margin-top: 0;
	margin-bottom: 20px;
	transition: color .3s;
	cursor: pointer;
}
.yagp_judges_and_teachers .list_block_name.list_text ul{
	display: flex;
	flex-flow: column;
	transition: transform .3s, height .3s, opacity .3s;
}
.yagp_judges_and_teachers .list_block_name .list_text p{
	color:#181818;
	font-family: DIN Pro;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.24px;
	margin-top: 0;
	margin-bottom: 20px;
	transition: color .3s;
	cursor: pointer;
}
.yagp_judges_and_teachers .list_block_name .list_text p:hover,.yagp_judges_and_teachers .list_block_name .list_text ul li:hover{
	color: #85c3f2;
}
.yagp_judges_and_teachers .list_block_name .list_text .select_text_List{
	color: #2577B7; 
}
.yagp_judges_and_teachers_block_content_down{
	display: inline-flex;
	
}
.yagp_judges_and_teachers_block_content_down>img{
	margin-right: -300px;
	object-fit: cover;
	width: 350px;
	height: 485px;
	margin-top: 32px;
	z-index: 1;
	border-radius: 20px;
	border: 1px solid #FFF;
	box-shadow: -36px 30px 38px 0px rgba(0, 0, 0, 0.29);
}
.yagp_judges_and_teachers_block_content_down>div{
	width: 580px;
	min-height: 514px;
	padding-left: 350px;
	padding-top: 32px;
	border: 1px solid #181818;
	border-radius: 120px 0 0 0;
	padding-right: 57px;
	padding-bottom: 50px;
	display: flex;
	flex-flow: column;
}
.yagp_judges_and_teachers_block_content_down>div>h3 span{
	color: #181818;
	text-decoration-line: underline;
	
}

.yagp_judges_and_teachers_block_content_down>div>h3{
	margin-top: 0;
	margin-bottom: 0px;
	color:  #2577B7;
	font-family: DIN Pro;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.yagp_judges_and_teachers_block_content_down>div>div *{
	color: #000;
	font-family: DIN Pro;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.yagp_judges_and_teachers_block_content_down>div>a{
	margin-top: auto;
	margin-bottom: 0px;
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.18px;
	width: auto;
	margin-left: auto;
}
.yagp_judges_and_teachers_block_content_down>div>a svg{
	margin-left: 10px;
}
}
@media (min-width: 1024px) and (max-width: 1919px){

.list_text li {
        list-style: none;
        text-decoration: none;
        color: #000;
        font-weight: 500;
        transition: color .3s;
        margin-bottom: -16px;
        cursor:pointer;
}

.hide_list_item > li{
     display:none;
 }
    .yagp_judges_and_teachers>div:nth-child(2)>.list_text{
	display:flex;
	flex-flow:column;
	overflow-y:scroll;
	width: 300px;
}
	.list_block_name *{
		color: #000;
		font-family: DIN Pro;
		font-size: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
	}
	.right_content_block{
		margin-left: auto;
		margin-top: calc(53.4px + (100 - 53.4) * ((100vw - 1024px) / (1920 - 1024)));
		margin-right:calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	}
	.list_block_name{
		margin-top: calc(214.4px + (402 - 214.4) * ((100vw - 1024px) / (1920 - 1024)));
		margin-left: calc(-1 * calc(165.4px + (310 - 165.4) * ((100vw - 1024px) / (1920 - 1024)))) !important;
	}
.yagp_judges_and_teachers>.up_block{
	padding-top: calc(50.7px + (95 - 50.7) * ((100vw - 1024px) / (1920 - 1024)));
	background: #F7F7F8;
	display: inline-flex;
	padding-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
}	
.yagp_judges_and_teachers{
	display:flex;
	flex-flow: column;
}
.yagp_judges_and_teachers .up_block>.images_block{
	display: inline-flex;
	flex-wrap: wrap;
	width: calc(352px + (660 - 352) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(42.7px + (80 - 42.7) * ((100vw - 1024px) / (1920 - 1024)));
	margin-left: auto;
	padding-right: calc(20.8px + (39 - 20.8) * ((100vw - 1024px) / (1920 - 1024)));
	padding-left: calc(42.2px + (79 - 42.2) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(42.7px + (80 - 42.7) * ((100vw - 1024px) / (1920 - 1024)));
	padding-top: calc(15px + (28 - 15) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: calc(-1 * calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024))));
}
.yagp_judges_and_teachers .up_block>.images_block>img{
	object-fit: cover;
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	border: 1px solid  #FFF;
	background: url(<path-to-image>), lightgray 50% / cover no-repeat;
	box-shadow: 0px calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024))) calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.25);
	width: calc(108.3px + (203 - 108.3) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(210.2px + (394 - 210.2) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(7.5px + (14 - 7.5) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: calc(27.8px + (52 - 27.8) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(-1 * calc(33.1px + (62 - 33.1) * ((100vw - 1024px) / (1920 - 1024))));
}
.yagp_judges_and_teachers .up_block>.images_block>img:nth-child(2){
	margin-top: calc(-1 * calc(14.4px + (27 - 14.4) * ((100vw - 1024px) / (1920 - 1024))));
}

.yagp_judges_and_teachers .up_block>.images_block>img:nth-child(5){
	margin-top: calc(-1 * calc(14.4px + (27 - 14.4) * ((100vw - 1024px) / (1920 - 1024))));
}
.yagp_judges_and_teachers .up_block_content_left{
	margin-left: calc(62.4px + (117 - 62.4) * ((100vw - 1024px) / (1920 - 1024)));
	width: calc(372.8px + (699 - 372.8) * ((100vw - 1024px) / (1920 - 1024)));
	display: flex;
	flex-flow: column;
}
.yagp_judges_and_teachers .up_block_content_left>h2{
	color: var(--dark, #181818);
	font-family: DIN Pro;
	font-size: calc(51.8px + (97 - 51.8) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 0;
	width: calc(703.5px + (1319 - 703.5) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(26.7px + (50 - 26.7) * ((100vw - 1024px) / (1920 - 1024)));
}

.yagp_judges_and_teachers .up_block_content_left>div:nth-child(2){
	display: inline-flex;
	width: calc(321.6px + (603 - 321.6) * ((100vw - 1024px) / (1920 - 1024)));
	justify-content: space-between;
}

.yagp_judges_and_teachers .up_block_content_left>div:nth-child(2) button{
	border-radius: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
	border: 1px solid  #181818;
	color: #181818;
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(12.8px + (24 - 12.8) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
	padding: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))) calc(48px + (90 - 48) * ((100vw - 1024px) / (1920 - 1024)));
	cursor: pointer;
	transition: transform .3s, color .3s, background .3s
}
.yagp_judges_and_teachers .up_block_content_left>div:nth-child(2) button:hover{
	transform:scale(0.95);
}
.yagp_judges_and_teachers .up_block_content_left>svg{
	margin-right: auto;
}
.yagp_judges_and_teachers .active{
	color: #F7F7F8 !important;
	background: #181818;
}

.yagp_judges_and_teachers_block_letter_group{
	display: inline-flex;
	flex-wrap: wrap;
	margin-top: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
	width: calc(215px + (403 - 215) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp_judges_and_teachers_block_letter_group>div{
	width: calc(19.8px + (37 - 19.8) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(19.8px + (37 - 19.8) * ((100vw - 1024px) / (1920 - 1024)));
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(8.6px + (16 - 8.6) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	text-transform: uppercase;
	font-weight: 400;
	line-height: normal;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.50);
	border-radius: calc(80px + (150 - 80) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	transition: transform .3s, color .3s, background .3s
}
.yagp_judges_and_teachers>div:nth-child(2){
	display:inline-flex;
	width: 100%;
	margin-top: calc(42.7px + (80 - 42.7) * ((100vw - 1024px) / (1920 - 1024)));
	padding-bottom: calc(42.7px + (80 - 42.7) * ((100vw - 1024px) / (1920 - 1024)));
}

.yagp_judges_and_teachers_block_letter_group>div:hover{
	transform: scale(0.95);
}
.yagp_judges_and_teachers>div:nth-child(2)>div:nth-child(1){
	display:flex;
	flex-flow:column;
	margin-left: calc(62.4px + (117 - 62.4) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	background:  #F7F7F8;
	display: flex;
	height: calc(344.6px + (646 - 344.6) * ((100vw - 1024px) / (1920 - 1024)));
	width: calc(199.5px + (374 - 199.5) * ((100vw - 1024px) / (1920 - 1024)));
	padding: calc(32px + (60 - 32) * ((100vw - 1024px) / (1920 - 1024))) calc(31.5px + (59 - 31.5) * ((100vw - 1024px) / (1920 - 1024))) calc(34.7px + (65 - 34.7) * ((100vw - 1024px) / (1920 - 1024))) calc(31.5px + (59 - 31.5) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp_judges_and_teachers .list_block_name .list_text{
	display:flex;
	flex-flow:column;
	overflow-y:scroll;
	width: 300px;
	height: calc(266.2px + (499 - 266.2) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp_judges_and_teachers>div:nth-child(2)>svg{
	margin-left: calc(32.6px + (61 - 32.6) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: calc(40px + (75 - 40) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp_judges_and_teachers .list_block_name{
	margin-left:auto;
	margin-right: 0;
	max-width: calc(122.7px + (230 - 122.7) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp_judges_and_teachers .list_block_name .list_text .hide_list_item{
	transform: scale(0);
	height: 0;
	opacity: 0;
}
.yagp_judges_and_teachers .list_block_name .list_text ul li{
	color:#181818;
	font-family: DIN Pro;
	font-size: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: 2px;
	margin-bottom: 5px;
	transition: color .3s;
	cursor: pointer;
	list-style: none;
}
.yagp_judges_and_teachers .list_block_name .list_text ul{
	display: flex;
	flex-flow: column;
	transition: transform .3s, height .3s, opacity .3s;
}

.list_text li {
        list-style: none;
        text-decoration: none;
        color: #000;
        font-weight: 500;
        transition: color .3s;
        margin-bottom: -16px;
        cursor:pointer;
        display:flex;
        gap:5px;
        align-items:center;
}


.yagp_judges_and_teachers .list_block_name .list_text p{
	color:#181818;
	font-family: DIN Pro;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: 0;
	margin-bottom: 5px;
	transition: color .3s;
	cursor: pointer;
}
.yagp_judges_and_teachers .list_block_name .list_text p:hover,.yagp_judges_and_teachers .list_block_name .list_text ul li:hover{
	color: #85c3f2;
}
.yagp_judges_and_teachers .list_block_name .list_text .select_text_List{
	color: #2577B7; 
}
.yagp_judges_and_teachers_block_content_down{
	display: inline-flex;
	
}
.yagp_judges_and_teachers_block_content_down>img{
	margin-right: calc(-1 * calc(160px + (300 - 160) * ((100vw - 1024px) / (1920 - 1024))));
	object-fit: cover;
	width: calc(186.7px + (350 - 186.7) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(258.7px + (485 - 258.7) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: calc(17.1px + (32 - 17.1) * ((100vw - 1024px) / (1920 - 1024)));
	z-index: 1;
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	border: 1px solid #FFF;
	box-shadow: calc(-1 * calc(19.2px + (36 - 19.2) * ((100vw - 1024px) / (1920 - 1024)))) calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024))) calc(20.3px + (38 - 20.3) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.29);
}
.yagp_judges_and_teachers_block_content_down>div{
	width: calc(309.4px + (580 - 309.4) * ((100vw - 1024px) / (1920 - 1024)));
	min-height: calc(274.2px + (514 - 274.2) * ((100vw - 1024px) / (1920 - 1024)));
	padding-left: calc(186.7px + (350 - 186.7) * ((100vw - 1024px) / (1920 - 1024)));
	padding-top: calc(17.1px + (32 - 17.1) * ((100vw - 1024px) / (1920 - 1024)));
	border: 1px solid #181818;
	border-radius: calc(64px + (120 - 64) * ((100vw - 1024px) / (1920 - 1024))) 0 0 0;
	padding-right: calc(30.4px + (57 - 30.4) * ((100vw - 1024px) / (1920 - 1024)));
	padding-bottom: calc(26.7px + (50 - 26.7) * ((100vw - 1024px) / (1920 - 1024)));
	display: flex;
	flex-flow: column;
}
.yagp_judges_and_teachers_block_content_down>div>h3 span{
	color: #181818;
	text-decoration-line: underline;
	
}

.yagp_judges_and_teachers_block_content_down>div>h3{
	margin-top: 0;
	margin-bottom: 0px;
	color:  #2577B7;
	font-family: DIN Pro;
	font-size: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.yagp_judges_and_teachers_block_content_down>div>div *{
	color: #000;
	font-family: DIN Pro;
	font-size: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.yagp_judges_and_teachers_block_content_down>div>a{
	margin-top: auto;
	margin-bottom: 0px;
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
	width: auto;
	margin-left: auto;
}
.yagp_judges_and_teachers_block_content_down>div>a svg{
	margin-left: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
}
}






@media (max-width: 1023px){

.list_text li {
font-family: 'DIN Pro';
        list-style: none;
        text-decoration: none;
        color: #000;
        font-weight: 500;
        transition: color .3s;
        margin-bottom:-16px;
        cursor:pointer;
}
    .yagp_judges_and_teachers .list_block_name .list_text ul{
	display: flex;
	flex-flow: column;
	transition: transform .3s, height .3s, opacity .3s;
}
    .yagp_judges_and_teachers .list_block_name .list_text{
	flex-flow:column;
	overflow-y:scroll;
	max-height:320px;
}
    .yagp_judges_and_teachers .list_block_name .list_text p {
        color: #181818;
        font-family: DIN Pro;
        font-size: calc(12.8px +(24 - 12.8)*((100vw - 1024px) /(1920 - 1024)));
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: calc(0.2px +(0.24 - 0.2)*((100vw - 1024px) /(1920 - 1024)));
        margin-top: 0;
        margin-bottom: calc(10.7px +(20 - 10.7)*((100vw - 1024px) /(1920 - 1024)));
        transition: color .3s;
        cursor: pointer;
    }
.list_text p {
    font-family: DIN Pro;

}
.left_anim{
    width:30%;
    padding-left:20px;
    padding-right:20px;
}
.yagp_judges_and_teachers>.up_block{
	padding-top: calc(29.8px + (95 - 29.8) * ((100vw - 320px) / (1023 - 320)));
	background: #F7F7F8;
	display: flex;
	flex-wrap:wrap;
	padding-bottom: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
}	
.yagp_judges_and_teachers{
	display:flex;
	flex-flow: column;
}
.yagp_judges_and_teachers .up_block>.images_block{
	display: none;
	flex-wrap: wrap;
	width: calc(177.4px + (567 - 177.4) * ((100vw - 320px) / (1023 - 320)));
	margin-right: calc(36.6px + (117 - 36.6) * ((100vw - 320px) / (1023 - 320)));
	margin-left: auto;
	padding-right: calc(25.4px + (81 - 25.4) * ((100vw - 320px) / (1023 - 320)));
	padding-left: calc(24.8px + (79 - 24.8) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(25.1px + (80 - 25.1) * ((100vw - 320px) / (1023 - 320)));
	padding-top: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	margin-top: calc(-1 * calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320))));
}
.yagp_judges_and_teachers .up_block>.images_block>img{
	object-fit: cover;
	border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	border: 1px solid  #FFF;
	background: url(<path-to-image>), lightgray 50% / cover no-repeat;
	box-shadow: 0px calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320))) calc(5.7px + (18 - 5.7) * ((100vw - 320px) / (1023 - 320))) 0px rgba(0, 0, 0, 0.25);
	width: calc(54.2px + (173 - 54.2) * ((100vw - 320px) / (1023 - 320)));
	height: calc(76.4px + (244 - 76.4) * ((100vw - 320px) / (1023 - 320)));
	margin-right: calc(4.4px + (14 - 4.4) * ((100vw - 320px) / (1023 - 320)));
	margin-top: calc(16.3px + (52 - 16.3) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(-1 * calc(19.4px + (62 - 19.4) * ((100vw - 320px) / (1023 - 320))));
}
.yagp_judges_and_teachers .up_block>.images_block>img:nth-child(2){
	margin-top: calc(-1 * calc(8.5px + (27 - 8.5) * ((100vw - 320px) / (1023 - 320))));
}

.yagp_judges_and_teachers .up_block>.images_block>img:nth-child(5){
	margin-top: calc(-1 * calc(8.5px + (27 - 8.5) * ((100vw - 320px) / (1023 - 320))));
}
.yagp_judges_and_teachers .up_block_content_left{
	margin-left: 5%;
	width: 90%;
	display: flex;
	flex-flow: column;
}
.yagp_judges_and_teachers .up_block_content_left>h2{
	color: var(--dark, #181818);
	font-family: DIN Pro;
	font-size: calc(30.4px + (97 - 30.4) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 0;
	width: 100%;
	margin-bottom: calc(15.7px + (50 - 15.7) * ((100vw - 320px) / (1023 - 320)));
	text-align: center;
}

.yagp_judges_and_teachers .up_block_content_left>div:nth-child(2){
	display: inline-flex;
	width: calc(188.7px + (603 - 188.7) * ((100vw - 320px) / (1023 - 320)));
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
}

.yagp_judges_and_teachers .up_block_content_left>div:nth-child(2) button{
	border-radius: 40px;
	border: 1px solid  #181818;
	color: #181818;
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(7.6px + (24 - 7.6) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.24 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	padding: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320))) calc(28.2px + (90 - 28.2) * ((100vw - 320px) / (1023 - 320)));
	cursor: pointer;
	transition: transform .3s, color .3s, background .3s
}
.yagp_judges_and_teachers .up_block_content_left>div:nth-child(2) button:hover{
	transform:scale(0.95);
}
.yagp_judges_and_teachers .up_block_content_left>svg{
	margin-right: auto;
	margin-left: 10%;
}
.yagp_judges_and_teachers .active{
	color: #F7F7F8 !important;
	background: #181818;
}

.yagp_judges_and_teachers_block_letter_group{
	display: inline-flex;
	flex-wrap: wrap;
	margin-top: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
	width: calc(241.8px + (773 - 241.8) * ((100vw - 320px) / (1023 - 320)));
	margin-left: auto;
	margin-right: auto;
}
.yagp_judges_and_teachers_block_letter_group>div{
	width: calc(11.6px + (37 - 11.6) * ((100vw - 320px) / (1023 - 320)));
	height: calc(11.6px + (37 - 11.6) * ((100vw - 320px) / (1023 - 320)));
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(5.1px + (16 - 5.1) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	text-transform: uppercase;
	font-weight: 400;
	line-height: normal;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.50);
	border-radius: calc(47px + (150 - 47) * ((100vw - 320px) / (1023 - 320)));
	margin-right: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	transition: transform .3s, color .3s, background .3s
}
.yagp_judges_and_teachers>div:nth-child(2){
	display:inline-flex;
	width: 90%;
	margin-top: 80px;
	padding-bottom: 80px;
	margin-left: 5%;
	margin-right: 5%;
}

.yagp_judges_and_teachers_block_letter_group>div:hover{
	transform: scale(0.95);
}
.yagp_judges_and_teachers>div:nth-child(2)>div:nth-child(1){
	display:flex;
	flex-flow:column;
	margin-left: 0;
	border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	background:  #F7F7F8;
	display: flex;
	height: calc(361.7px + (1156 - 361.7) * ((100vw - 320px) / (1023 - 320)));
	width: calc(57.6px + (184 - 57.6) * ((100vw - 320px) / (1023 - 320)));
	padding: calc(18.8px + (60 - 18.8) * ((100vw - 320px) / (1023 - 320))) calc(12.2px + (39 - 12.2) * ((100vw - 320px) / (1023 - 320))) calc(20.4px + (65 - 20.4) * ((100vw - 320px) / (1023 - 320))) calc(18.5px + (59 - 18.5) * ((100vw - 320px) / (1023 - 320)));
}
.yagp_judges_and_teachers>div:nth-child(2)>.list_text{
	display:flex;
	flex-flow:column;
	overflow-y:scroll;
	width: 300px;
}
.yagp_judges_and_teachers>div:nth-child(2)>svg{
	margin-left: calc(12.9px + (41 - 12.9) * ((100vw - 320px) / (1023 - 320)));
	margin-top: calc(23.5px + (75 - 23.5) * ((100vw - 320px) / (1023 - 320)));
	display: none;
}
.yagp_judges_and_teachers>div:nth-child(2)>.right_content_block{
	width: calc(174.3px + (557 - 174.3) * ((100vw - 320px) / (1023 - 320)));
	margin-left:auto;
	margin-right: 0;
}
.yagp_judges_and_teachers>div:nth-child(2) .list_text .hide_list_item{
	transform: scale(0);
	height: 0;
	opacity: 0;
}
.yagp_judges_and_teachers>div:nth-child(2) .list_text ul li{
	color:#181818;
	font-family: DIN Pro;
	font-size: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.24 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	margin-top: 0;
	margin-bottom: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	transition: color .3s;
	cursor: pointer;
}
.yagp_judges_and_teachers>div:nth-child(2) .list_text ul{
	display: flex;
	flex-flow: column;
	transition: transform .3s, height .3s, opacity .3s;
}
.yagp_judges_and_teachers>div:nth-child(2) .list_text p{
	color:#181818;
	font-family: DIN Pro;
	font-size: calc(7.6px + (24 - 7.6) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.24 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	margin-top: 0;
	margin-bottom: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	transition: color .3s;
	cursor: pointer;
}
.yagp_judges_and_teachers>div:nth-child(2) .list_text p:hover,.yagp_judges_and_teachers>div:nth-child(2) .list_text ul li:hover{
	color: #85c3f2;
}
.yagp_judges_and_teachers>div:nth-child(2) .list_text .select_text_List{
	color: #2577B7; 
}
.yagp_judges_and_teachers_block_content_down{
	display: inline-flex;
	
}
.yagp_judges_and_teachers_block_content_down>img{
	margin-right: calc(-1 * calc(78.3px + (250 - 78.3) * ((100vw - 320px) / (1023 - 320))));
	object-fit: cover;
	width: calc(59.5px + (190 - 59.5) * ((100vw - 320px) / (1023 - 320)));
	height: calc(86.1px + (275 - 86.1) * ((100vw - 320px) / (1023 - 320)));
	margin-top: calc(10.1px + (32 - 10.1) * ((100vw - 320px) / (1023 - 320)));
	z-index: 1;
	border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	border: 1px solid #FFF;
	box-shadow: calc(-1 * calc(11.3px + (36 - 11.3) * ((100vw - 320px) / (1023 - 320)))) calc(9.4px + (30 - 9.4) * ((100vw - 320px) / (1023 - 320))) calc(11.9px + (38 - 11.9) * ((100vw - 320px) / (1023 - 320))) 0px rgba(0, 0, 0, 0.29);
}
.yagp_judges_and_teachers_block_content_down>div{
	width: calc(103.3px + (330 - 103.3) * ((100vw - 320px) / (1023 - 320)));
	min-height: calc(160.8px + (514 - 160.8) * ((100vw - 320px) / (1023 - 320)));
	padding-left: calc(87.6px + (280 - 87.6) * ((100vw - 320px) / (1023 - 320)));
	padding-top: calc(10.1px + (32 - 10.1) * ((100vw - 320px) / (1023 - 320)));
	border: 1px solid #181818;
	border-radius: calc(37.6px + (120 - 37.6) * ((100vw - 320px) / (1023 - 320))) 0 0 0;
	padding-right: calc(8.5px + (27 - 8.5) * ((100vw - 320px) / (1023 - 320)));
	padding-bottom: calc(15.7px + (50 - 15.7) * ((100vw - 320px) / (1023 - 320)));
	display: flex;
	flex-flow: column;
}
.yagp_judges_and_teachers_block_content_down>div>h3 span{
	color: #181818;
	text-decoration-line: underline;
	
}

.yagp_judges_and_teachers_block_content_down>div>h3{
	margin-top: 0;
	margin-bottom: 0px;
	color:  #2577B7;
	font-family: DIN Pro;
	font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.yagp_judges_and_teachers_block_content_down>div>div *{
	color: #000;
	font-family: DIN Pro;
	font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.yagp_judges_and_teachers_block_content_down>div>a{
	margin-top: auto;
	margin-bottom: 0px;
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	width: auto;
	margin-left: auto;
}
.yagp_judges_and_teachers .list_block_name .list_text ul li{
	color:#181818;
	font-family: DIN Pro;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: 0;
	margin-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	transition: color .3s;
	cursor: pointer;
}
.yagp_judges_and_teachers_block_content_down>div>a svg{
	margin-left: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
}
    .yagp_judges_and_teachers .list_block_name .list_text p:hover, .yagp_judges_and_teachers .list_block_name .list_text ul li:hover {
        color: #85c3f2;
    }
.hide_list_item > li{
     display:none;
 }
}