div.header{
	box-shadow: none;
	position: static;
}
div.header .phone,
div.header .nav,
div.header a.logo {
	display: none;
}
div.header .content {
    max-width: 1400px;
}

.ptichka{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	background-color: rgb(255, 255, 255);
	width: 188px;
	height: 205px;
	top: 0;
    background: #ffffff url(../images/ptichka0.svg) center 0px no-repeat;
}

#twinkling{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	background-color: rgb(255, 255, 255);
	width: 188px;
	height: 193px;
	top: 0;
}
#twinkling::after{
    position: absolute;
	width: 188px;
	height: 229px;
    background: #ffffff url(../images/ptichka0.svg) center 11px no-repeat;
    background-size: contain;
    left: 0px;
    top: -11.5px;
    content: "";
    display: block;
    transition: all 0.25s linear 0s;
	opacity:1;
	cursor: pointer;
}
body.language1 #twinkling::after{
    background: #ffffff url(../images/ptichka1.svg) center 11px no-repeat;
}

#twinkling:hover::after{
	--opacity:0;
}
h1{
    font-family: Roboto-Bold; 
	padding: 10px 0 20px;
	margin-top: 0;
	text-transform: uppercase;
}
h3{
    font-family: Roboto; 
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
    padding: 20px 0 20px;
}
.mainblock .content {
	width: 100%;
	max-width: 1440px;
	padding-bottom: 20px
}

.blockList.three.fourblocks {
	grid-template-columns: repeat(4, 1fr);
}

/* 4 плитки — фиксированная высота под узкие колонки */
.blockList.three.homepage-blocks.fourblocks > div > a.url .block{
	height: clamp(200px, 15.625vw, 350px);
	padding-bottom: 0;
	width: 100%;
	box-sizing: border-box;
}

/* 3 плитки — высота как у классической сетки (пропорция ширины) */
.blockList.three.homepage-blocks:not(.fourblocks) > div > a.url .block{
	height: 0;
	min-height: 0;
	padding-bottom: 71.78%;
	width: 100%;
	box-sizing: border-box;
}

.blockList.three.fourblocks > div > a.url .block,
.blockList.three.homepage-blocks > div:nth-child(1) > a.url .block{
	background-image: url(../images/index1.jpg);
}
.blockList.three.homepage-blocks > div:nth-child(2) > a.url .block{
	background-image: url(../images/index2.jpg);
}
.blockList.three.homepage-blocks > div:nth-child(3) > a.url .block{
	background-image: url(../images/index3.jpg);
}
.blockList.three.homepage-blocks > div:nth-child(4) > a.url .block{
	background-image: url(../images/index4.jpg);
}

.blockList.three.homepage-blocks a.url {
	padding: 10px;
}

.blockList.three.homepage-blocks a.url .block .caption {
	top: 50%;
	transform: translateY(-50%);
}

.blockList.three.homepage-blocks.fourblocks a.url .block .title {
	font-size: 2.15vw;
	line-height: 2.5vw;
}

.blockList.three.homepage-blocks.fourblocks a.url .block .body {
	padding: 0.6vw 8px 0;
	font-size: 1.05vw;
	line-height: 1.45vw;
}

.blockList.three.homepage-blocks:not(.fourblocks) a.url .block .title {
	font-size: 2.9vw;
	line-height: 3.4vw;
}

.blockList.three.homepage-blocks:not(.fourblocks) a.url .block .body {
	padding: 0.8vw 12px 0;
	font-size: 1.2vw;
	line-height: 1.65vw;
}

@media screen and (min-width:1440px) {
	.blockList.three.homepage-blocks.fourblocks a.url .block .title {
		font-size: 32px;
		line-height: 38px;
	}
	.blockList.three.homepage-blocks.fourblocks a.url .block .body {
		padding: 10px 8px 0;
		font-size: 15px;
		line-height: 20px;
	}
	.blockList.three.homepage-blocks:not(.fourblocks) a.url .block .title {
		font-size: 42px;
		line-height: 48px;
	}
	.blockList.three.homepage-blocks:not(.fourblocks) a.url .block .body {
		padding: 12px 12px 0;
		font-size: 17px;
		line-height: 24px;
	}
}

@media screen and (max-width:1930px) and (max-height:1090px) {
	.blockList.three.homepage-blocks a.url {
		padding: 8px;
	}
}

@media screen and (max-width:1280px) {
	.blockList.three.homepage-blocks.fourblocks a.url .block .title {
		font-size: 2.35vw;
		line-height: 2.75vw;
	}
	.blockList.three.homepage-blocks.fourblocks a.url .block .body {
		font-size: 1.15vw;
		line-height: 1.55vw;
	}
	.blockList.three.homepage-blocks:not(.fourblocks) a.url .block .title {
		font-size: 3.1vw;
		line-height: 3.6vw;
	}
	.blockList.three.homepage-blocks:not(.fourblocks) a.url .block .body {
		font-size: 1.35vw;
		line-height: 1.85vw;
	}
}

.blockList.three > a .block{
	background-image: url(../images/index1.jpg);
}
.blockList.three > a:nth-child(2) .block{
	background-image: url(../images/index2.jpg);
}
.blockList.three > a:nth-child(3) .block{
	background-image: url(../images/index3.jpg);
}

.announcement{
	padding: 10px 16px 20px 16px;
	text-align: center;
}
.announcement .title{
   font-family: var(--Headers-font-family);
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    position: relative;
    padding: 0 0 10px;
    
}
.announcement .text{
    font-size: 17px;
    line-height: 24px;
    text-align: center;
}
.ptichka span.controls a.zap,
.announcement span.controls a.zap,
h1 span.controls a.zap{
	display: none;
}
.ptichka span.controls{
}
@media screen and (max-width:970px) { 
	.blockList.three,
	.blockList.three.fourblocks,
	.blockList.three.homepage-blocks{
		display: block;
	}
	.blockList.three.fourblocks > div > a.url .block,
	.blockList.three.homepage-blocks > div > a.url .block{
		height: 0;
		min-height: 0;
		padding-bottom: 71.78%;
	}
	.blockList.three > a,
	.blockList.three.homepage-blocks > div > a.url {
		width: calc( 100%  - 32px );
	}
	.blockList.three > a .block .caption,
	.blockList.three.homepage-blocks a.url .block .caption {
	    top: 50%;
		transform: translateY(-50%);	
	}
	.blockList.three > a .block .title,
	.blockList.three.homepage-blocks a.url .block .title{
	    font-size: 9.3vw;
	    line-height: 10.83vw;
	}
	.blockList.three > a .block .body,
	.blockList.three.homepage-blocks a.url .block .body {
	    padding: 2.4vw 30px 0;
	    font-size: 4.3vw;
	    line-height: 5.8vw;

	}
	h1{
	    margin-top: 0;
		padding-top: 0;
	}

	h3 {
		display: none;
		padding: 0 16px ;
	    font-size: 5vw;
	    line-height: 6vw;
	}
}