.ibnr_top { color:white; text-transform:uppercase; background:url(../img/index/ibnr_top.jpg) center no-repeat; background-size:cover; padding:50px 0 60px; }
.ibnr_top .text1 { font-size:19px; }
.ibnr_top .text2 { font-size:38px; padding:10px 0; }
.ibnr_top .text3 { font-size:66px; }
@media only screen and (max-width : 992px) {
	.ibnr_top { padding:20px 0 30px; }
	.ibnr_top .text1 { font-size:16px; }
	.ibnr_top .text2 { font-size:24px; }
	.ibnr_top .text3 { font-size:38px; font-weight:700; }
}
@media only screen and (max-width : 576px) {
	.ibnr_top .text1 { font-size:14px; }
	.ibnr_top .text2 { font-size:18px; }
	.ibnr_top .text3 { font-size:24px; }
}

.index_top { padding-bottom:20px; }
.index_top .zag { display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:20px; }
.index_top .a_more { font-size:16px; font-weight:400; color:#121212; background:url(/assets/img/ar.svg) right no-repeat; padding-right:30px; }
.index_top .more { display:none; margin-top:20px; text-align:center; }
@media only screen and (max-width : 576px) {
	.index_top { padding-bottom:0px; }
	.index_top .zag .a_more { display:none; }
	.index_top .more { display:block; }
}

.zak_gr { margin-top:40px; }
.zak_gr > div:first-child { display: flex; justify-content:center; column-gap:2%; }
.zak_gr a.zak { font-size:20px; padding:5px 10px; }
.zak_gr a.zak.active { background: #f6cb16; cursor: default; text-decoration:none; }
.zak_gr div.zak { padding-top:40px; display: none; }
.zak_gr div.zak.active { display: block; }


.txt_index { display:flex; margin-top:50px; }
.txt_index > * { width:50%; }
.txt_index .img { background:url(/assets/img/index/bot_txt_img.jpg) center no-repeat; background-size:cover; }
.txt_index .text { padding:40px 60px; color:#FFF; font-size:22px; background:url(/assets/img/index/bot_txt_bg.png) center no-repeat #003698; background-size:cover; }
.txt_index .text h1 { color:#F6CB16; font-size:40px; font-weight:normal; margin-bottom:20px; }
@media only screen and (max-width : 1400px) {
	.txt_index { display:block; }
	.txt_index > * { width:100%; }
	.txt_index .img { display:none; }
}
@media only screen and (max-width : 768px) {
	.txt_index .text { padding:32px; }
	.txt_index .text { font-size:16px; }
	.txt_index .text h1 { font-size:30px; }
}
@media only screen and (max-width : 375px) {
	.txt_index .text { padding:16px; }
}


.index_cats_top {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr; /* Высота строк автоматически растягивается */
	gap: 8px; /* Отступы между элементами */
}
.index_cats_top a { background:right no-repeat #eceef0; background-size:50% auto; color:#121212; font-weight:400; padding:32px 16px; }
.index_cats_top a div { width:50%; font-size: 32px; line-height:90%; }
.index_cats_top a label { display:block; font-size:14px; margin-top:20px; }
.index_cats_top a:hover { text-decoration:none; background-color:#e1e3e5; }
.index_cats_top a:hover label { text-decoration:underline; }
.index_cats_top a:nth-child(1) { grid-row: span 2; }
@media only screen and (max-width : 900px) {
	.index_cats_top { 
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: minmax(100px, auto); /* Минимальная высота 100px, но растягивается под контент */
	}
	.index_cats_top a div { font-size:24px; }
	.index_cats_top a:nth-child(1) { grid-column: span 2; }
}
@media only screen and (max-width : 576px) {
	.index_cats_top { grid-auto-rows: minmax(50px, auto); }
	.index_cats_top a { padding:16px 8px; }
	.index_cats_top a div { font-size:16px; font-weight:600; }
}



.index_makers { background:#eceef0; margin-top:80px; padding:64px; display:flex; justify-content:space-between; align-items:center; }
.index_makers > * { width:48%; }
.index_makers .text { margin-top:16px; font-size:16px; }
.index_makers .lnk { margin-top:24px; }
.index_makers .lnk a { display:inline-block; font-size:20px; background:url(/assets/img/ar.svg) right center no-repeat; padding-right:32px; }
.index_makers .lnk.m { display:none; text-align:center; }
.index_makers .lnk.m a { font-size:16px; background-size:auto 20px; padding-right:24px; }
.index_makers ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.index_makers ul li { padding:10px; text-align:center; width:33%; font-size:20px; font-weight:bold; }
.index_makers ul li img { max-width:80%; }

@media only screen and (max-width : 991px) {
	.index_makers { display:block; }
	.index_makers > * { width:100%; }
	.index_makers > div .lnk { display:none; }
	.index_makers ul { margin:24px 0; }
	.index_makers .lnk.m { display:block; }
}
@media only screen and (max-width : 768px) {
	.index_makers { margin-top:40px; padding:32px; }
}
@media only screen and (max-width : 480px) {
	.index_makers { margin-top:16px; padding:16px; }
	.index_makers ul li { width:50%; padding:10px; }
}