/* Common */
/* Media */
/* Content */
/* Blocks */
@media (min-width: 768px) {
	.main {
		padding-top: 67px;
		background: url("../img/@index/main/bg.png") center center no-repeat;
		background-size: cover;
	}
	.main__inner {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.main__box {
		padding: 42px 43px 52px;
		height: 836px;
	}
	.main__logo {
		width: 238px;
		opacity: 1;
	}
	.main__logo-mob {
		display: none;
	}
	.main__logo-desk {
		display: block;
	}
	.main__title {
		font-size: 32px;
		line-height: 39px;
		margin-bottom: 30px;
	}
	.main__text {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 0.18px;
	}
	.main__item {
		height: 418px;
	}
	.main__buttonbox {
		display: none;
	}
}

@media (min-width: 1100px) {
	.main__box {
		background: url("../img/@index/main/main-image-desk.jpg") center center no-repeat;
		background-size: cover;
		height: 636px;
	}
	.main__item {
		height: 318px;
	}
}

@media (min-width: 768px) {
	.header {
		position: relative;
		top: 0;
	}
	.header__scrolled {
		position: relative;
		background: transparent;
	}
	.header__box._white {
		display: none;
	}
}

@media (min-width: 768px) {
	.news .container {
		position: relative;
	}
	.news__title {
		-webkit-writing-mode: vertical-rl;
		    -ms-writing-mode: tb-rl;
		        writing-mode: vertical-rl;
		position: absolute;
		-webkit-transform: rotate(180deg);
		        transform: rotate(180deg);
		top: 70px;
		left: 1.5%;
		text-align: right;
	}
	.news__title span {
		display: block;
	}
	.news__item-picture {
		height: auto;
	}
}

@media (min-width: 768px) {
	.projects__title {
		font-size: 20px;
		line-height: 19px;
		padding: 22px 0;
	}
	.projects__items {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.projects__item {
		padding: 21px 20px 28px 30px;
	}
	.projects__item:not(:nth-child(3n)) {
		border-right: 1px solid #ECECEC;
	}
	.projects__item-name {
		font-size: 16px;
		line-height: 21px;
	}
}

@media (min-width: 768px) {
	.review__inner {
		padding: 84px 0 69px;
		max-width: 90%;
		margin: 0 67px 0 auto;
	}
	.review__items {
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
	}
	.review__content {
		flex-basis: 60%;
		margin: -9px 50px 0 0;
	}
	.review__title {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 17px;
	}
	.review__text {
		font-size: 16px;
		line-height: 21px;
	}
	.review__images {
		flex-basis: 35%;
		max-width: 271px;
	}
	.review__images img {
		max-width: 206px;
		-webkit-filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.25));
		        filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.25));
	}
	.review__images img:nth-child(2) {
		left: 65px;
		top: 19px;
	}
	.review__button {
		font-size: 16px;
		line-height: 24px;
		bottom: -26px;
		max-width: 273px;
		letter-spacing: 0.16px;
	}
	.review__button span {
		margin-left: 5px;
	}
}

@media (min-width: 1100px) {
	.review__inner {
		max-width: 79%;
	}
}

@media (min-width: 768px) {
	.persons {
		background: transparent;
	}
	.persons .container {
		padding: 0 20px;
	}
	.persons__inner {
		padding: 144px 0 34px;
	}
	.persons__items {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 82px;
	}
	.persons__item {
		max-width: 252px;
	}
	.persons__item-box {
		margin-bottom: 30px;
	}
	.persons__item-photo {
		margin-right: 20px;
		width: 74px;
		height: 74px;
	}
	.persons__item-name {
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 9px;
	}
	.persons__item-post {
		font-size: 12px;
		line-height: 17px;
	}
	.persons__item-text {
		font-size: 15px;
		line-height: 23px;
	}
}

@media (min-width: 768px) {
	.info__inner {
		padding: 39px 0 28px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.info__logo {
		max-width: 202px;
		margin-bottom: 0;
	}
	.info__items {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-basis: 100%;
		max-width: 666px;
	}
	.info__item {
		font-size: 14px;
		line-height: 17px;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.info__item:not(:last-child) {
		border-bottom: 1px solid #DDDDDD;
	}
	.info__item span {
		font-size: 53px;
		line-height: 110%;
		letter-spacing: 0.01em;
		flex-basis: auto;
		margin-right: 0;
	}
}

@media (min-width: 768px) {
	.footer__inner {
		padding: 25px 0;
	}
}