@import './reset.css';
@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,400;0,700;1,300;1,700&family=Inter:wght@400;500;600;700&display=swap');


:root {
	--container-width: 1262px;
	--container-padding: 15px;
	--secondary: #161616;
	--orange: #ff7c4e;
}

body {
	font-family: 'Inria Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: #1B1C2F;
	color:  #FFF;
	line-height: 1.5;
}
h1, h2, h3, h4 {
	color: var(--secondary);
	font-weight: 600;
}

h2 {
	font-size: 48px;
	line-height: 56px;
	
}

h3 {
	font-size: 32px;
	line-height: 42px;		
}

h4 {
	font-size: 20px;
	line-height: 28px;		
}

a {transition: color 0.2s ease-in;}

.pageheading__header {
	font-size: 48px;
	line-height: 56px;
	margin-bottom: 24px;
}


.none {
	display: none !important;
}

.container {
	max-width: var(--container-width);
	padding: 0 var(--container-padding);
	margin: 0 auto;
}

.container--stroke {
	border: 2px solid #04B0F0;
	border-radius: 80px;
	padding: 64px;}
	
.container--stroke40 {
	border: 2px solid #04B0F0;
	border-radius: 40px;
	padding: 46px 62px;
}

.container-right {
	padding-left: calc((100% - var(--container-width)) / 2 + var(--container-padding));
}

.container-left {
	padding-right: calc((100% - var(--container-width)) / 2 + var(--container-padding));
}



section h2 {margin-bottom: 24px;}

main section:last-child {padding-bottom: 140px;}

input {
	height: 68px;
    border: 1px solid rgba(22, 22, 22, 0.16);
    border-radius: 16px;
    padding: 0 31px;
    width: 100%;
}

input[type=radio],
input[type=checkbox] {
	width: auto;
	height:auto;
}

input::placeholder {
	color: rgba(22, 22, 22, 0.16);
}

/* Header */

.header {
	overflow: hidden;
	position: relative;
    padding: 23px 0;
	
}

.nav__list a {
	color: var(--secondary);
}



/* Nav */

.nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 80px;
}

.nav__list {
	display: flex;
	column-gap: 110px;
}

.nav__list a {
	position: relative;
}

.nav__list a.active,
.nav__list a:hover {
	
	color: #04B0F0;
}

.nav__list.nav__list--footer a.active::after,
.nav__list.nav__list--footer a:hover::after {
	display: none;
}

.nav__list.nav__list--footer a.active,
.nav__list.nav__list--footer a:hover {
	color: var(--orange);
}

.nav__login {
	display: flex;
	align-items: center;
	column-gap: 25px;

	font-size: 15px;
	font-weight: 500;
}

.nav__toggle {
	display: none;
}

/* Media */

@media (max-width: 1269px) {

}


@media (max-width: 1199px) { 
	
}

@media (max-width: 1000px) {
	.nav__logo img {max-width: 188px;}
	
	.header {background: rgba(4, 176, 240, 0.04);}
	
	.nav__list--header {
		display: none;
	}

	.nav__login--header {
		display: none;
	}

	.nav {
		column-gap: 50px;
	}

	.nav__list {
		column-gap: 50px;
	}

	.nav__toggle {
		display: block;
	}

	.no-scroll {
		overflow-y: hidden;
	}

	.nav--mobile {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		flex-direction: column;
		align-items: flex-start;
		padding-top: 40px;
		padding-bottom: 40px;
		justify-content: flex-start;
		background: #fff;
		padding: 12px 16px;
	}

	.nav--mobile .logo {
		font-size: 34px;
	}

	.nav--mobile .nav__list {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		row-gap: 24px;
		font-size: 22px;
		padding: 48px 0px 48px;
		font-weight: 600;
		font-size: 24px;
		line-height: 32px;
		width: 100%;
		margin-top:8px;
		border-top: 1px solid rgba(22, 22, 22, 0.16);
	}

	.nav--mobile .nav__list a.active::after,
	.nav--mobile .nav__list a:hover::after {
		display: none;
	}
    .nav__login {display: none;}
	
	.nav--mobile .nav__login {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 40px;
		width: 100%;
		font-size: 22px;
	}
	
	.nav--mobile .nav__login .btn {
		width: 100%;
	}

	.nav--mobile .nav__toggle {
		position: fixed;
		top: 22px;
		right: 18px;
	}

}

@media (max-width: 991px) {
	.header__container > img {max-width: 121px;}
	.team--left, .team--right, .championship {flex: 0 0 30%;}
	body .team__name  {font-size: 20px; text-align: center;}
	body .team__kef  {font-size: 24px;}
	body .team__date {font-size: 22px;}
	body .team__name, body .team__date {line-height: 1;}
	body .header__slogan {font-size: 28px;}
	body .header__cta {font-size: 19px;}
	body .header {min-height: unset; padding: 27px 0;}
	body .main__container {margin-top: 10px;}
	body .header__slogan:after {height: 56px;}
	body .team__kef {padding: 0 14px; height: 32px; margin-top: 11px;}
	body .header__container-team {margin-top: -22px; padding: 0 15px; flex-wrap: wrap; align-items: flex-end;}
	body .header {background-size: 120% auto;}
	body .championship {flex: 0 0 18%; margin-top: 0; margin-bottom: 43px;}	
	body .main__tree-item, body .main__tree-item:first-child {font-size: 20px; width: 250px; height: 79px;}
	body .main__tree-item:first-child {height: 59px;}
	body .header__container {gap: 16px;}
	body .team__date {margin-top: 12px;}
	body .main__tree-number { 
		top: -17px;	
		width: 34px;
		height: 34px;
		line-height: 34px;
		background-size: cover;
	}

	body .main__tree {gap: 35px;}
	.team-img {max-height: 102px;}	
	.championship > img {max-width: 55px;}
}

@media (max-width: 600px) {
	body .header {
		background-size: auto 100%;
	}
}
.d-flex {
	display: flex;	
} 

.header:after {
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	content: "";
	height: 40%;
	background: linear-gradient(180deg, rgba(27, 28, 47, 0.00) 0%, rgba(27, 28, 47, 0.50) 28.14%, rgba(27, 28, 47, 0.81) 57.21%, #1B1C2F 92.09%);
}
.header {
	position: relative;
	background: url(/img/banner-min.jpg) top center no-repeat;	
	/*min-height: 100vh;*/
    max-height: 989px;
}



.header__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 693px;
    margin: 0 auto;
	gap: 30px;
}


.header__slogan	{
	text-shadow: 0px 4px 4.699999809265137px rgba(0, 0, 0, 0.65);
	font-size: 84px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	position: relative; 
}

.header__slogan:after {
	position: absolute; 
	content: "";
	display: block;
	top: -30px;
	width: 100%; 
	height: 166px;
	/*background: url(/img/blur.png) top center no-repeat;*/
	border-radius: 653px;
	background: rgba(3, 104, 115, 0.40);	
	filter: blur(40px);
}

.header__slogan span{
	z-index: 2;
    position: relative;
}

.header__cta {
	text-align: center;
	text-shadow: 0px 4px 4.699999809265137px rgba(0, 0, 0, 0.65);
	font-size: 59px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
}

.header__container-team {
	max-width: 1130px;
    margin: 0 auto;
	justify-content: space-between;
	align-items: center;
	z-index: 1;
    position: relative;
	padding: 0 20px;
}

.header__container-team {    
	margin-top: clamp(-98px, -13vh, -8vh);
}

.team--left, .team--right, .championship, .main__tree {
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

.championship { margin-top: 50px;}

.team__name	{
	font-size: 50px;
	font-weight: 700;
	line-height: normal;
	margin-top: 10px;
	text-align: center;
}

.team__date	{
	font-size: 60px;
	font-weight: 700;
	line-height: normal;
	margin-top: 38px;
}


	
.team__kef {
	font-size: 60px;
	font-weight: 700;
	line-height: normal;
	margin-top: 30px;
	padding: 0 38px;
    height: 79px;
	border-radius: 40px;
	background: linear-gradient(180deg, #FAA838 1.4%, #F89734 23.08%, #F2692A 95.1%);
}

.main__container {
	max-width: 683px;
    margin: 0 auto;
	padding-bottom: 60px;
	margin-top: -72px;
	
}
.main__tree-item a {    
	color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.main__tree {gap: 59px;}

.main__tree-item {
	width: 414px;
	border-radius: 20px;
	border: solid 2px transparent;
	background: #1B1C2F;
	background-clip: padding-box;
	font-size: 35px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	height: 131px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
}

.main__tree-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(180deg, #FAA838 1.4%, #F89734 23.08%, #F2692A 95.1%);
}

.main__tree-number {    
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	position: absolute;
	width: 56px; 
	height: 56px;
	line-height: 56px;
	display: inline-flex;
    justify-content: center;
    align-items: center;
	top: -28px;
	background: url(/img/number.png) center center no-repeat;
}

.main__tree--button {
	height: 96px;
	border-radius: 14px;
	border: 1px solid #FFF;
	
}

.main__tree--button a {
	transition: all 400ms ease-in;
	border-radius: 14px;
	background: linear-gradient(180deg, #55CC36 0%, #51CD32 20.91%, #49C829 40.91%, #3DA124 84.55%);
}

.main__tree--button a:hover {
	
	background: linear-gradient(359deg, #55CC36 0%, #51CD32 20.91%, #49C829 40.91%, #3DA124 84.55%);
}

.main__tree--button .main__tree-number {z-index: 10;}

.main__tree-item:first-child:after  {
	display: none;	
}
.main__tree--button {
	position: relative;
}


.main__tree-item:nth-child(4),
.main__tree-item:nth-child(5) {padding-top: 13px;}



@media (min-width: 1641px) {
	.header { background-size: cover;}
}

@media (min-width: 768px) and (max-width: 992px) {
	body .header__container-team {
		max-width: 528px;
	}
}