@media (min-width: 1920px){
.competition_winners{
	display: inline-flex;
	padding-top: 115px;
	padding-left: 117px;
	padding-right: 67px;
	background: var(--bg, #F7F7F8);
}
.competition_winners>div:nth-child(1){
	width: 779px;
}
.competition_winners h2{
	color:  #181818;
	font-family: DIN Pro;
	font-size: 97px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	width: 655px;
}
.competition_winners .selector_div{
	display: inline-flex;
	padding-top: 40px;
	margin-bottom: 40px;
}
.competition_winners .years_selector{
	display: flex;
	flex-wrap:wrap;
}
.years_selector button{
        padding: 5px 20px;
        border-radius: 20px;
        border: 1px solid #181818;
        color: #181818;
        text-align: center;
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.18px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
        margin-left: 10px;
        transition: color .3s, background .3s, border .3s;
        cursor: pointer;
}
.competition_winners .selector_div svg{
	width: 43px;
	height: 43px;
	transition: transform .3s;
	cursor: pointer;
	margin-right: 10px;
}
.competition_winners .selector_div p:hover,.competition_winners .selector_div svg:hover{
	transform:scale(1.0);
}
.competition_winners .selector_div p{
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 0;	
	cursor: pointer;
	height: 43px;
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	border-radius: 40px;
	border: 1px solid var(--dark, #181818);
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.2px;
	transition: transform .3s;
}
.competition_winners .selector_div .active{
	color: #FFFFFF;
	background: #181818;
}
.competition_winners .content_right{
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 830px;
	margin-left: 140px;
	margin-bottom: 520px;
}
.competition_winners .content_right img{
	width: 385px;
	height: 578px;
	border-radius: 20px;
	margin-right: 30px;
	margin-bottom: 30px;
}
.competition_winners .content_right img:nth-child(1),.competition_winners .content_right img:nth-child(3),.competition_winners .content_right img:nth-child(5),.competition_winners .content_right img:nth-child(7){
	margin-top: 129px;
	margin-bottom: -129px;
}
.competition_winners .content_right img:nth-child(2),.competition_winners .content_right img:nth-child(4),.competition_winners .content_right img:nth-child(6),.competition_winners .content_right img:nth-child(8){

}
.competition_winners .item_events{
	display: flex;
	flex-flow:column;
}
.competition_winners .item_events .item_event:hover{
	transform: scale(1.0);
}
.competition_winners .item_events .item_event{
	display: flex;
	flex-flow:column;
	justify-content:center;
	width: calc(100% - 40px);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.90);
	box-shadow: -36px 30px 38px 0px rgba(0, 0, 0, 0.29);
	backdrop-filter: blur(7.5px);
	margin-bottom: 40px;
	transition: transform .3s;
	padding: 50px 40px 40px 40px;
    align-items:center;
}

.competition_winners .item_events .item_event2{
	display: flex;
	flex-flow:column;
	align-items:center;
	justify-content:center;
}
.competition_winners .item_events .item_event2 h1{
	font-size:64px;
	margin:0px;
	text-align:center;
    font-weight: 700;
    line-height: 80.13px;
    letter-spacing: 0.01em;
}
.competition_winners .item_events .item_event2 p{
    font-size: 31px;
    font-weight: 400;
    line-height: 38.44px;
    text-decoration:underline;
    margin:10px;
    text-align:center;
}


.competition_winners .item_events .item_event h3{
	color: var(--dark, #181818);
	font-family: DIN Pro;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.24px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px;
}

.competition_winners .item_events .item_event a{
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
	margin-top: 0;
	margin-bottom: 18px;
}
.competition_winners .selector_div .opaccity_nav{
	cursor: default !important;
	opacity: 0.4;
}
.competition_winners .selector_div .opaccity_nav:hover{
	transform:scale(1.0) !important;
}
.competition_winners  .item_event_top_h3{
	font-size: 64px !important;
}
.competition_winners  .item_event_top_a{
	font-size: 31px !important;
}
}


@media (min-width:800px) and (max-width: 2000px){
.competition_winners{
	display: inline-flex;
	padding-top: calc(61.4px + (115 - 61.4) * ((100vw - 1024px) / (1920 - 1024)));
	padding-left: calc(62.4px + (117 - 62.4) * ((100vw - 1024px) / (1920 - 1024)));
	padding-right: calc(35.8px + (67 - 35.8) * ((100vw - 1024px) / (1920 - 1024)));
	background: var(--bg, #F7F7F8);
}
.competition_winners>div:nth-child(1){
	width: calc(415.5px + (779 - 415.5) * ((100vw - 1024px) / (1920 - 1024)));
}
.competition_winners h2{
	color:  #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;
	margin-bottom: 0;
	width: calc(349.4px + (655 - 349.4) * ((100vw - 1024px) / (1920 - 1024)));
}
.competition_winners .selector_div{
	display: inline-flex;
	padding-top: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
}
.competition_winners .years_selector{
	display: flex;
	flex-wrap:wrap;

}
.years_selector button{
padding: calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024))) calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	border: calc(0.6px + (1 - 0.6) * ((100vw - 1024px) / (1920 - 1024))) solid  #181818;
	color:  #181818;
	text-align: center;
	/* btn-small18 */
	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)));
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	margin-left: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
	transition: color .3s, background .3s, border .3s;
	cursor: pointer;
}
.competition_winners .selector_div svg{
	width: calc(23px + (43 - 23) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(23px + (43 - 23) * ((100vw - 1024px) / (1920 - 1024)));
	transition: transform .3s;
	cursor: pointer;
	margin-right: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
}
.competition_winners .selector_div p:hover,.competition_winners .selector_div svg:hover{
	transform:scale(1.0);
}
.competition_winners .selector_div p{
	margin-right: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: 0;
	margin-bottom: 0;	
	cursor: pointer;
	height: calc(23px + (43 - 23) * ((100vw - 1024px) / (1920 - 1024)));
	padding-left: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	padding-right: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
	border: 1px solid var(--dark, #181818);
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
	transition: transform .3s;
}
.competition_winners .selector_div .active{
	color: #FFFFFF;
	background: #181818;
}
.competition_winners .content_right{
margin-top: 20px;
        display: flex;
     
        flex-wrap: wrap;
        width: 830px;
        margin-left: 114px;
        margin-bottom: 520px;
}
.competition_winners .content_right img{
	width: calc(205.4px + (385 - 205.4) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(308.3px + (578 - 308.3) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024)));
}
.competition_winners .content_right img:nth-child(1),.competition_winners .content_right img:nth-child(3),.competition_winners .content_right img:nth-child(5),.competition_winners .content_right img:nth-child(7){
	margin-top: calc(68.8px + (129 - 68.8) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(-1 * calc(68.8px + (129 - 68.8) * ((100vw - 1024px) / (1920 - 1024))));
}
.competition_winners .content_right img:nth-child(2),.competition_winners .content_right img:nth-child(4),.competition_winners .content_right img:nth-child(6),.competition_winners .content_right img:nth-child(8){

}
.competition_winners .item_events{
	display: flex;
	flex-flow:column;
}
.competition_winners .item_events .item_event:hover{
	transform: scale(1.0);
}
.competition_winners .item_events .item_event{
	display: flex;
	flex-flow:column;
	justify-content:center;
	width: calc(100% - calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024))));
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	background: rgba(255, 255, 255, 0.90);
	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);
	backdrop-filter: blur(calc(4px + (7.5 - 4) * ((100vw - 1024px) / (1920 - 1024))));
	margin-bottom: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
	transition: transform .3s;
	padding: calc(26.7px + (50 - 26.7) * ((100vw - 1024px) / (1920 - 1024))) calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024))) calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024))) calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
}

.competition_winners .item_events .item_event2{
	display: flex;
	flex-flow:column;
	align-items:center;
	justify-content:center;
}
.competition_winners .item_events .item_event2 h1{
	font-family: DIN Pro;
	font-size:64px;
	margin:0px;
	text-align:center;
    font-weight: 700;
    line-height: 80.13px;
    letter-spacing: 0.01em;
}
.competition_winners .item_events .item_event2 p{
    font-size: 31px;
    font-weight: 400;
    line-height: 38.44px;
    text-decoration:underline;
    margin:10px;
    text-align:center;
}
.competition_winners .item_events .item_event h3{
	color: var(--dark, #181818);
	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)));
	text-align: center;
	margin-top: 0;
	margin-bottom: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
}

.competition_winners .item_events .item_event a{
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
	margin-top: 0;
	margin-bottom: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
}
.competition_winners .selector_div .opaccity_nav{
	cursor: default !important;
	opacity: 0.4;
}
.competition_winners .selector_div .opaccity_nav:hover{
	transform:scale(1.0) !important;
}
.competition_winners  .item_event_top_h3{
	font-size: calc(34.2px + (64 - 34.2) * ((100vw - 1024px) / (1920 - 1024))) !important;
}
.competition_winners  .item_event_top_a{
	font-size: calc(16.6px + (31 - 16.6) * ((100vw - 1024px) / (1920 - 1024))) !important;
}
}


@media (max-width: 1023px){

.competition_winners .years_selector{
	display: flex;
	flex-wrap:wrap;
	font-family: DIN Pro;
}
.years_selector button{
        padding: 3px 8px;
        border-radius: 20px;
        border: 1px solid #181818;
        color: #181818;
        text-align: center;
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.18px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
        margin-left: 2px;
        transition: color .3s, background .3s, border .3s;
        cursor: pointer;
}

.competition_winners{
	display: inline-flex;
	padding-top: calc(61.4px + (115 - 61.4) * ((100vw - 1024px) / (1920 - 1024)));
	padding-left: calc(62.4px + (117 - 62.4) * ((100vw - 1024px) / (1920 - 1024)));
	padding-right: calc(35.8px + (67 - 35.8) * ((100vw - 1024px) / (1920 - 1024)));
	background: var(--bg, #F7F7F8);
}

.competition_winners .item_events .item_event2 h1{
	font-family: DIN Pro;
	font-size:34px;
	margin:0px;
	text-align:center;
    font-weight: 700;
    letter-spacing: 0.01em;}

.competition_winners .item_events .item_event2 p{
    font-size: 31px;
    font-weight: 400;
    line-height: 38.44px;
    text-decoration:underline;
    margin:10px;
    text-align:center;}

.competition_winners{
	display: inline-flex;
	padding-top: calc(36px + (115 - 36) * ((100vw - 320px) / (1023 - 320)));
	padding-left: 5%;
	width: 90%;
	padding-right: 5%;
	background: var(--bg, #F7F7F8);
}
.competition_winners>div:nth-child(1){
	width: 100%;
	display: flex;
	flex-flow: column;
	padding-bottom: calc(37.6px + (120 - 37.6) * ((100vw - 320px) / (1023 - 320)));
}
.competition_winners h2{
	color:  #181818;
	font-family: DIN Pro;
	font-size: calc(30.1px + (96 - 30.1) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	text-align: center;
}
.competition_winners .selector_div{
	display: inline-flex;
	padding-top: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
	margin-left: auto;
	margin-right: auto;
}

.competition_winners .selector_div svg{
	width: calc(13.5px + (43 - 13.5) * ((100vw - 320px) / (1023 - 320)));
	height: calc(13.5px + (43 - 13.5) * ((100vw - 320px) / (1023 - 320)));
	transition: transform .3s;
	cursor: pointer;
	margin-right: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
}
.competition_winners .selector_div p:hover,.competition_winners .selector_div svg:hover{
	transform:scale(1.0);
}
.competition_winners .selector_div p{
	margin-right: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	margin-top: 0;
	margin-bottom: 0;	
	cursor: pointer;
	height: calc(13.5px + (43 - 13.5) * ((100vw - 320px) / (1023 - 320)));
	padding-left: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	padding-right: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	border-radius: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
	border: 1px solid var(--dark, #181818);
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.2 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	transition: transform .3s;
}
.competition_winners .selector_div .active{
	color: #FFFFFF;
	background: #181818;
}
.competition_winners .content_right{
	display: none;
	justify-content: space-between;
	
}
.competition_winners .item_events{
	display: flex;
	flex-flow:column;
}
.competition_winners .item_events .item_event:hover{
	transform: scale(1.0);
}
.competition_winners .item_events .item_event{
	display: flex;
	flex-flow:column;
	justify-content:center;
	width: 90%;
	border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	background: rgba(255, 255, 255, 0.90);
	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);
	backdrop-filter: blur(7.5px);
	margin-bottom: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
	transition: transform .3s;
	padding: calc(15.7px + (50 - 15.7) * ((100vw - 320px) / (1023 - 320))) calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320))) calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320))) calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
}

.competition_winners .item_events .item_event h3{
	color: var(--dark, #181818);
	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.24 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	text-align: center;
	margin-top: 0;
	margin-bottom: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
}

.competition_winners .item_events .item_event a{
	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: 400;
	line-height: normal;
	text-decoration-line: underline;
	margin-top: 0;
	margin-bottom: calc(5.7px + (18 - 5.7) * ((100vw - 320px) / (1023 - 320)));
}
.competition_winners .selector_div .opaccity_nav{
	cursor: default !important;
	opacity: 0.4;
}
.competition_winners .selector_div .opaccity_nav:hover{
	transform:scale(1.0) !important;
}
.competition_winners  .item_event_top_h3{
	font-size: calc(22.6px + (72 - 22.6) * ((100vw - 320px) / (1023 - 320))) !important;
}
.competition_winners  .item_event_top_a{
	font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320))) !important;
}
}