@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
 @font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-BlackItalic.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-BlackItalic.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-BlackItalic.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-BlackItalic.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-BlackItalic.svg#CeraPro-BlackItalic') format('svg');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Light.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Light.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-Light.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-Light.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-Light.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-Light.svg#CeraPro-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Medium.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-Medium.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-Medium.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-Medium.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-Medium.svg#CeraPro-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Bold.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Bold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-Bold.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-Bold.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-Bold.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-Bold.svg#CeraPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-MediumItalic.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-MediumItalic.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-MediumItalic.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-MediumItalic.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-MediumItalic.svg#CeraPro-MediumItalic') format('svg');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Black.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Black.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-Black.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-Black.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-Black.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-Black.svg#CeraPro-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-LightItalic.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-LightItalic.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-LightItalic.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-LightItalic.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-LightItalic.svg#CeraPro-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-BoldItalic.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-BoldItalic.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-BoldItalic.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-BoldItalic.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-BoldItalic.svg#CeraPro-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Regular.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-Regular.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-Regular.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-Regular.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-Regular.svg#CeraPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-ThinItalic.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-ThinItalic.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-ThinItalic.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-ThinItalic.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-ThinItalic.svg#CeraPro-ThinItalic') format('svg');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Thin.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Thin.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-Thin.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-Thin.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-Thin.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-Thin.svg#CeraPro-Thin') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cera Pro';
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Italic.eot');
	src: url('/wp-content/themes/iroes/fonts/CeraPro-Italic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/iroes/fonts/CeraPro-Italic.woff2') format('woff2'), url('/wp-content/themes/iroes/fonts/CeraPro-Italic.woff') format('woff'), url('/wp-content/themes/iroes/fonts/CeraPro-Italic.ttf') format('truetype'), url('/wp-content/themes/iroes/fonts/CeraPro-Italic.svg#CeraPro-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}


.b-list .main-header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:80vh;
}



	.b-list .main-header .grid-items {
		display: flex;
		flex-wrap: wrap;
		width:30%;
	}

		.b-list .main-header .grid-items .item {
			width: 25%;
			position: relative;
			overflow: hidden;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}

			.b-list .main-header .grid-items .item::after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				z-index: 1;
			}

			.b-list .main-header .grid-items .item img {
				display: block;
				width: 100%;
				height: auto;
			}

	.b-list .main-header .item.year {
		background-image: url(/wp-content/themes/iroes/images/athletes/header/year-1.svg);
	}

	.b-list .main-header .item.half-circle {
		background-image: url(/wp-content/themes/iroes/images/athletes/header/end.svg);
	}
	.b-list .main-header .item.half-circle-orange {
		background-image: url(/wp-content/themes/iroes/images/athletes/header/end-orange.svg);
	}

	.b-list .main-header .item.circle::after {
		background-image: url(/wp-content/themes/iroes/images/athletes/header/circle.png);
	}

	.b-list .main-header .item.logo::after {
		background-image: url(/wp-content/themes/iroes/images/athletes/header/logo.png);
	}
.b-list .main-header .item.orange {
	background: #E19900;
}

.b-list .main-header .item.blue {
	background: #0080FF;
}

	.b-list .main-header .left-part .item-13 {
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	.b-list .main-header .left-part .item-2 {
		-webkit-transform: rotate(270eg);
		transform: rotate(270deg);
	}


	.b-list .main-header .right-part .item-10 {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}


	.b-list .main-header .logo-part {
		margin: 0 -40px;
		width:40%;
	}

		.b-list .main-header .logo-part img {
			display: block;
			width:100%;
		}

	.b-list .main-header .athlete-image {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width:100% !important;
		height:100% !important;
		object-fit:cover;
	}

	/*Animation*/
	.b-list .main-header *
	{
		transition: none;
	}


@media screen and (min-width:781px) {
	.b-list .main-header.mobile-header {
		display: none;
	}

	.b-list .main-header.desktop-header {
		display: flex;
	}
}

@media screen and (max-width:780px) {
	.b-list .main-header.mobile-header {
		display: flex;
		height:auto;
	}

	.b-list .main-header.desktop-header {
		display: none;
	}
	.b-list .main-header .logo-part {
		margin: 0 auto;
		width:100%;
	}
	.b-list .main-header .grid-items{
		max-width:100%;
		width:100%;
	}
	.b-list .main-header .grid-items .item{
		width:20%;
	}
	.b-list .main-header {
		flex-direction: column;
	}
	.b-list .main-header .logo-part img {
		min-width: 0;
		max-width: 70vw;
		margin: 30px auto;
	}
	.b-list .main-header .right-part .item-8 {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
		.b-list .main-header .right-part .item-10 {
			-webkit-transform: none;
			transform: none;
		}
}
	/*Banner*/
	.b-list .main-banner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 120px;
		background-color: #0083FF;
	}

		.b-list .main-banner .left-part {
			padding: 0 30px;
			display: flex;
			justify-content: center;
			align-items: center;
			flex: 1;
		}

		.b-list .main-banner h2 {
			font-family: 'Cera Pro';
			color: #FFF;
			font-size: 82.64px;
			font-style: normal;
			font-weight: 400;
			line-height: 101.641%;
			letter-spacing: 5.785px;
			max-width: 500px;
		}

			.b-list .main-banner h2 strong {
				color: #00249D;
			}

		.b-list .main-banner h3 {
			color: #FFF;
			font-family: "Cera Pro";
			font-size: 38.233px;
			font-style: normal;
			font-weight: 400;
			line-height: 38.615px;
			
		}

			.b-list .main-banner h3 strong {
				color: #E19900;
			}

		.b-list .main-banner .value {
			color: #FFF;
			text-align: center;
			font-family: "Cera Pro";
			font-size: 178.419px;
			font-style: normal;
			font-weight: 700;
			line-height: 154px;
		}

		.b-list .main-banner .right-part {
			width: fit-content;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			display:none !important;
		}
		.b-list .main-banner .values {
			position: absolute;
			z-index: 1;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.b-list .main-banner .mobile-element{
			display:none;
		}

		@media screen and (max-width:780px) {
			.b-list .main-banner{
		flex-direction:column;
		
	}
				.b-list .main-banner .mobile-element {
					display: block;
					width:100%;
				}
				.b-list .main-banner .desktop-element {
					display: none;
				}
		.b-list .main-banner .right-part{
			width:100%;
		}
		.b-list .main-banner .left-part {
			width: 100%;
			padding:40px 30px;
		}
		.b-list .main-banner h2 {
			font-size: 35px;
			max-width: 100%;
			text-align: center;
		}
		
		.b-list .main-banner .value {
			font-size: 100px;
			line-height: 110px;
		}
		.b-list .main-banner h3 {
			font-size: 19px;
			text-align: center;
			max-width: 120px;
			line-height: 20px;
			
		}
}
/*LIST*/
#athletes_list {
	margin-top: 120px;
	margin-bottom:100px;
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 35px;
	position: relative;
}

	#athletes_list .element,
	#athletes_list .element * {
		transition: all 0.2s ease-out;
	}
	#athletes_list .element{
		width:460px;
		overflow:hidden;
		overflow:hidden;
	}
	#athletes_list .image-part {
		width: 100%;
		height: 320px;
		overflow:hidden;
	}
	#athletes_list .element img.main {
		width: 100%;
		height:100%;
		object-fit: cover;
	}
	#athletes_list .details {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
		height: 125px;
		overflow: hidden;
	}
		#athletes_list .details .text-part {
			padding: 12px 5px 16px 20px;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			gap: 10px;
		}
	#athletes_list .sport {
		display: flex;
		gap: 10px;
		align-items: center;
		color: #30304D;
		font-family: "Inter", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
		#athletes_list .sport .icon{
			width:30px;
			height:30px;
			position:relative;
		}
		#athletes_list .sport .icon img {
			width: 100%;
			height: 100%;
			position: relative;
			display: block;
			object-fit: contain;
		}
		#athletes_list .text-part h2 {
			color: #30304D;
			font-family: "Cera Pro";
			font-size: 27px;
			font-style: normal;
			font-weight: 700;
			line-height: 92.593%;
			letter-spacing: -0.93px;
			margin-top: 0;
		}
	#athletes_list .more-bt {
		display: flex;
		/*background-image: url(/wp-content/themes/iroes/images/athletes/more.svg?v=1);
		background-size: cover;*/
		width: 125px;
		min-width: 125px;
		height: 125px;
		justify-content: center;
		align-items: center;
		color: #265cdc;
		font-family: "Cera Pro";
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.665px;
	}
		#athletes_list .more-bt .content {
			display: flex;
			gap: 3px;
			margin-left: 20px;
			align-items: center;
			position: absolute;
			bottom: 43px;
		}
	/*
	#athletes_list .element:hover .more-bt {
		background-image: url(/wp-content/themes/iroes/images/athletes/more_over.svg?v=1);
	}
	*/
	#athletes_list .element:hover img.main {
		transform:scale(1.07);
	}
	@media screen and (max-width:1560px) {
		#athletes_list .element {
		width: 430px;
	}
}
@media screen and (max-width:1480px) {
	#athletes_list .element {
		width: 380px;
	}
}
@media screen and (max-width:1250px) {
	#athletes_list .element {
		width: calc(50% - 20px);
	}
}
@media screen and (max-width:780px) {
	#athletes_list .element {
		width: 100%;
		margin-bottom: 5px;
	}
	#athletes_list .text-part h2 {
		font-size: 24px;
	}
	/*#athletes_list .more-bt {
		width: 82px;
		min-width: 82px;
		height: 82px;
	}*/
		#athletes_list .more-bt .content {
			margin-top: 10px;
			margin-left: 15px;
		}

}


.b-list .emp-buttons {
	text-align: center;
	margin: 80px auto;
}
.b-list a.emp-bt {
	font-size: 32px;
	padding-right: 0;
	bottom: auto;
}
@media screen and (max-width:780px){
	.b-list .emp-buttons {
		margin: 30px auto;
	}
	.b-list a.emp-bt {
		font-size: 18px;
	}
.b-list .main-banner iframe {
  width: 100vw !important;
  height: 56vw !important;
}
}

.athlete-search {
    width: 513px;
    height: 80px;
    box-shadow: 0 20px 20px -5px rgba(38, 92, 220, 0.06);
    background-color: #ffffff;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -40px;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:30px;
    display:none;
}
    .athlete-search input {
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #30304d;
        padding:10px 0;
        border:none;
    }