.news{display:none}

.b2,.b3,.b4,.b5,.b6{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 60px 0px!important;
	}
.b12
	{
color: #000;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
	text-transform: uppercase;}
.b22
	{color: #000;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
	}
	.b23,.b43
	{
display: flex;
align-items: center;
gap: 60px;
		align-self: stretch;}
	hr.dos {background: #CDB5A8;
		padding:0!important}
.b31
	{
color: #000;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
	text-transform: uppercase;}
.b3 ul{
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    color: #000;
    /* font-family: "Futura New"; */
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    list-style: disc;
    margin-left: 20px;
}
.b41
	{color: #000;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
	text-transform: uppercase;}-
	.b42{color: #000;
font-size: 24px;
font-style: normal;
font-weight: 400;
		line-height: normal;}
	.b51{color: #000;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
		text-transform: uppercase;}
	.b52 a {
    display: flex
;
    align-items: center;
    gap: 10px;
    color: var(--2, #575656);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
	.b5 svg{
    width: 70px;
}
.b52
	{display: flex;
max-width: 643px;
flex-direction: column;
align-items: flex-start;
	gap: 25px;}
	.b61{color: #000;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
		text-transform: uppercase;}
	.b62{color: #000;
font-size: 24px;
font-style: normal;
font-weight: 400;
		line-height: normal;}







.event-card__btn{
    display: flex
;
    height: 38px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: var(--3, #D0A99E);
}
	.event-card__btn:hover{
    display: flex
;
    height: 38px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: var(--6, #EBE0D9);
}
.event-card__body{
    width: 90%;
}
	.event-card__name  {
    color: #000;
    text-align: justify;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.rispi {
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
	.text2ri {color: #000;

text-align: justify;
font-size: 30px;
font-style: normal;
font-weight: 450;
line-height: normal;}
.riblok {
display:flex;
  flex-wrap:wrap;
  gap:24px;              /* расстояние между карточками */
  justify-content:center;
}
div.cv1 {  background: var(--3, #D0A99E);}
div.cv2 { background: var(--6, #EBE0D9);}
.riblok2 {
    flex: 1 1 calc(50% - 24px);
    max-width: 600px;
    background: #fff;

    padding: 20px;
    box-sizing: border-box;
    display: flex
;
    height: 150px;

    gap: 20px;
    align-self: stretch;
}
.cbrr
{
    display: flex
;
    max-width: 683px;
   min-height: 515px; 
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.clobblok
{
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}
.textri
{
    color: #000;
    text-align: justify;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



	.contact
 {
display: flex;
flex-direction: column;
}
.contact a.mail
{color: #000;

font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.contact a.tel
{color: #000;
margin-bottom: 30px;
text-align: justify;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.contact h3,.news h3,.club h3{color: #000;
padding-top:120px!important;
		padding-bottom:30px!important;
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 90%; /* 45px */
		text-transform: uppercase;}
.final p
	{color: #000;

text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 400;
		line-height: normal;}
.titf
	{
color: #000;

text-align: center;
font-size: 50px;
font-style: normal;
font-weight: 450;
line-height: 90%; /* 45px */
	text-transform: uppercase;}
.textbright
{
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 400px;
    text-align: right;
    float: right;
}
	.tl-item {margin-bottom:70px}
.timeline,.title
	{
	max-width: 1000px!important;}
	.tl-item {display: flex;}
	.sl   {flex: 1;}
.zza {
    color: #000;
    text-align: center;
    font-size: 70px;
    font-style: normal;
    font-weight: 450;
    line-height: 90%;
    text-transform: uppercase;
    font-weight: BOLD;
width:100%;
}
.line

 {
    max-width: 200px;
    height: 1px;
    background: #D0A99E;
    width: 180px;
}
.textb {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-right: 10px;
}
.karri
{
    flex: 1;
}
.karri2
	{
    flex: none;
	margin-right: 50px;}
.karri2 img
 {
    object-fit: cover;
    
}
.karri img
 {
    object-fit: cover;
    width: 100%;
}
.bl1 {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    /* flex: 1; */
    padding-right: 20px;
}
.title
{
    color: #000;
    text-align: justify;

    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 50px 0px;
}
.breadcrumbs {padding-top:20px!important}
.breadcrumbs span {color:#ffffff!important}
.hero{
  position:relative;
  overflow:hidden;
  background:#fff;
  height:460px;                 /* десктоп, как в макете */
}

/* фон-картинка */
.hero__bg{
  position:absolute;
  inset:0;
  background-size:cover;        /* растянуть и обрезать лишнее */
  background-position:center;   /* можно поменять на top / left */
  will-change:transform;
}

/* контент сверху */
.hero__inner{
  position:relative;
  z-index:1;
  min-height:100%;
  display:grid;
  align-content:center;
  justify-content:center;       /* поставь left, если нужно прижать к левому краю */
  text-align:center;
  padding:16px;
}

/* текст */
.hero__title
 {

font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 90%; /* 45px */
text-transform: uppercase;
}
.hero__sub{
  color:#fff;
  font-size:clamp(14px,2.6vw,18px);
  text-shadow:0 2px 8px rgba(0,0,0,.3);
}

/* мобильная высота — растягиваем по ширине, высоту задаём экранной долей
   (можно заменить на aspect-ratio) */
@media (max-width: 1200px){
div.wrapper .container {
        width: 100%;
        padding: 0 20px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

.three-cards {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr))!important;
    gap: 0px;
    margin: 0 auto;
    margin-top: 62px !important;
}

.clobblok {
    display: flex
;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    flex-direction: column;
}
.b23, .b43 {
    display: flex
;
    align-items: center;
    gap: 60px;
    align-self: stretch;
    flex-wrap: wrap;
}
}
@media (max-width: 900px){
.karri2 img {
    object-fit: cover;
    margin: 0 auto;
    display: block;
}.karri2 {
    flex: none;
    margin-right: 0;
}
.textbright

 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 400px;
    text-align: left;
    float: left;
}
.na {

        flex-direction: column-reverse!important;
    }
    .title {
        color: #000;
        text-align: left;
        font-family: "Futura New";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }
.tl-item {
    display: flex
;
    flex-direction: column;
}
.na .bl1 {

    flex-direction: row-reverse!important;
}
}
@media (max-width: 767.98px){
.event-card__body {
    width: 100%;
    display: flex
;
    flex-direction: column;
    gap: 10px;
}
.slick-slide img {
    display: block;
    width: 100%;
}figure {
    margin: 0 auto;
    display: block;
    width: 100%;
}
.zza {
    color: #000;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 450;
    line-height: 90%;
    text-transform: uppercase;
    font-weight: BOLD;
    /* min-width: 200px; */
}
  .hero{ height:56vh; }         /* либо: aspect-ratio: 1200 / 460; */
}