/* version: 1 */

/* // @media queries //////////////////////////////////////// */
/* ////////////////////////////////////////////////////////// */

	html { scrollbar-width: thin; }

	.itcenter {
		--iata: 'ИТЦ';
		--bg: #005da4;
		--bg1: #106db4;
		--bg2: #207dc4;
		--bga: #3aeba1;
		--bggr: radial-gradient(ellipse at top right, #106db4 0, #005da4 60%);
	}

	.intro:before { opacity: 0.2; }

	.intro:after { display: block; content: ''; width: 100%; height: 5px;
		border-top: 1px solid #fff; 
		background: linear-gradient(
			90deg,
			#0098db 0%, #0098db 6.66%,
			#af5a5a 6.66%, #af5a5a 13.32%,
			#049bae 13.32%, #049bae 19.98%,
			#99a73a 19.98%, #99a73a 26.64%,
			#ed754f 26.64%, #ed754f 33.3%,
			#6267b5 33.3%, #6267b5 39.96%,
			#2d5eac 39.96%, #2d5eac 46.62%,
			#f49827 46.62%, #f49827 53.28%,
			#00a878 53.28%, #00a878 59.94%,
			#578ecb 59.94%, #578ecb 66.6%,
			#00aec7 66.6%, #00aec7 73.26%,
			#404c24 73.26%, #404c24 79.92%,
			#2e2e32 79.92%, #2e2e32 86.58%,
			#104382 86.58%, #104382 93.24%,
			#0098db 93.24%, #0098db 100%
		);
		background-size: 1400% 100%;
		animation: itcenter_intro 10s linear infinite;
	}

	@keyframes itcenter_intro { 0% { background-position: 0% 0%; } 100% { background-position: 100% 0%; } }

/* ////////////////////////////////////////////////////////// */

	.bg { position: relative; top: 0; left: 0; overflow: hidden; mix-blend-mode: screen; }
	.bg:before { content: ''; background: url(/usr/introbg.jpg); background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.05; }

	div.usr { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cpattern id='softPattern' patternUnits='userSpaceOnUse' width='32' height='32'%3E%3Cpath d='M 0 32 L 32 0' stroke='rgba(210, 210, 220, 0.2)' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M 0 0 L 32 32' stroke='rgba(210, 210, 220, 0.2)' stroke-width='1.2' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='16' r='1' fill='rgba(190, 190, 200, 0.4)'/%3E%3C/pattern%3E%3Crect width='256' height='256' fill='url(%23softPattern)'/%3E%3C/svg%3E"); }

	.usr form { display: flex; flex-direction: column; gap: 1rem; max-width: 320px; margin: 0 auto; }
	.usr .frm.ln { display: block; margin: 0; padding: 0.4rem; border: 1px solid var(--bg); background: #fff; border-radius: 0.1rem; }
	.usr .frm input, .usr .frm select, .usr .frm textarea, .usr .frm button { display: block; width: 100%; border: 0; background: transparent; }

	.usr .frm.sbmt { cursor: pointer; background: var(--bggr); padding: 0.4rem; margin: 0 0 0 auto; border-radius: 0.1rem; }
	.usr .frm.sbmt input, .usr .frm.sbmt button { color: #fff; }

	header { display: block; width: 100%; position: fixed; top: 0; left: 0; z-index: 1; transition-duration: 0.2s; }
	.sticky header { background: #fff; background: rgba(255,255,255,0.8); border-bottom: 1px solid #ddd; backdrop-filter: blur(10px); }
	body:not(.sticky) .adm + header { top: 32px; }
	.header__container { padding-top: 0.4rem; padding-bottom: 0.4rem; text-align: right; }

	header a { display: inline-block; margin-left: 1rem; line-height: 2rem; transition-duration: 0.2s; }
	header a:first-child { margin-left: 0; }
	header a:link, header a:visited { color: #fff; }
	.sticky header a:link, .sticky header a:visited { color: var(--bg); }

	.footer__container { text-align: left; color: #999; flex-wrap: wrap; }
	.footer__container > div { flex-basis: 20%; max-width: calc(20% - 0.3rem); order: 3; gap: 1rem; }
	.footer__container > div:nth-child(1),
	.footer__container > div:nth-child(2) { flex-basis: 50%; max-width: calc(50% - 0.5rem); }
	.footer__container > div:nth-child(2) { text-align: right; }
	.footer__container > div:nth-child(3) {  flex-basis: 40%; max-width: calc(40% - 0.4rem); }

	.footer__title { color: #eee; font-size: 1.6rem; }

	footer .lg  { display: block; width: 64px; height: 64px; float: right; }
	footer .row { align-items: flex-start; }
	footer .hdr { font-weight: bold; display: block; margin-bottom: 0.4rem; }
	footer .org.fn { font-weight: bold; }
	/* footer .email { display: block; margin-top: 0.4rem; } */
	footer .category + .okved { margin-top: 0.4rem; }
	/* footer .category, footer .okved { font-size: 0.8rem; } */
	footer a.street-address:link, footer a.street-address:visited { color: #eee; }


	.main_about { background: #fff; border-bottom: 1px solid #ddd; }

	.main_services { border-bottom: 1px solid #ddd; }
	.main_services h2 { font-size: 1.6rem; }
	.main_services__child { padding-top: 2rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; }
	.main_services__child .blk__child { display: flex; flex-direction: column; gap: 1rem; }
	.main_services__child section { padding: 1rem; background: #fff; border: 1px solid #ddd; }

	.price .btn { display: block; text-align: center;   letter-spacing: normal; color: #fff; background: var(--bggr); border-radius: 0; }

	.main_uslugi { background: #fff; border-bottom: 1px solid #ddd; }
	.main_uslugi__child { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
	.main_uslugi .txt__title { font-size: 1.2rem; }

	.main_uslugi__price { grid-column-start: 1; grid-column-end: 3; }

	.main_tech { }

/* // @media queries //////////////////////////////////////// */

	@media (prefers-color-scheme: dark) {
		.bg { mix-blend-mode: overlay; }
		h1, h2, h3, h4, h5, h6, .lg, caption { color: #6BA4E7; }
		.txt__title { color: #3D6B9D; }
		.main_about { background: transparent; border-color: #666; }
		.main_services { background: #333; }
		.main_services__child section { background: #333; border-color: #666; }
		.main_uslugi { background: #333; }
		.footer__container { color: #ddd; }
	}

	@media (min-width:1025px) {

	}

	@media (max-width:1024px) {
		.header__container { text-align: center; font-size: 0.8rem; }
		.main_services__child { grid-template-columns: repeat(1, 1fr); }

		.footer__container { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; }
		.footer__container > div { flex-basis: 100%; max-width: 100%; }
		.footer__container > div:nth-child(3) {  flex-basis: 100%; max-width: 100%; }
	}

	@media (max-width:767px) {
		.intro__container { padding-top: 4rem; }
		.main_about--img .main_about__image { min-height: 20rem; background-position: center; order: 1; }
		.main_uslugi__child { display: flex; flex-direction: column; }
		.footer__container { grid-template-columns: 1fr; }

		.footer__container > div:nth-child(2) { order: -1; }
		footer .lg  { float: none; }
	}

	@media (max-width:767px), (prefers-color-scheme: dark) {

	}

	@media (max-width: 480px) {

	}