/* partnerkukla.ru: the headings and figurines are painted in the section backgrounds (cover), the content on top
   is laid out in pixels for 1920x1080. From 1301px the whole 1920x1080 section is scaled with the screen so both
   stay in place. Up to 1300px the site is a scrolling page with its own menu logic: scaling it broke the menu
   targets, so it is left as it was. Phones: only the background crop. */

@media (min-width: 1301px) {
	html, body { height: 100% !important; overflow: hidden !important; }
	#cubeTransition { height: 100% !important; overflow: hidden !important; }
	#cubeTransition > .page_go {
		left: 0 !important; top: 0 !important; right: auto !important; bottom: auto !important;
		width: 1920px !important; height: 1080px !important; min-height: 0 !important;
		transform-origin: 0 0 !important; overflow: hidden !important;
		--kks: min(100vw / 1920px, 100vh / 1080px);
		transform: translateY(calc((100vh - 1080px * var(--kks)) / 2)) scale(var(--kks)) !important;
	}
	.money_bag_go { transform: none !important; }
	header { margin-bottom: 340px !important; }
	.money_bag_go a { margin-left: 115px !important; }
	.bottom_inf_go ul li { height: 197px !important; }
	.bule_1 { top: 194px !important; left: -59px !important; }
	.bule_2 { top: 305px !important; }
	.bule_3 { top: 542px !important; }
	.bule_4 { top: 644px !important; }
	.bule_5 { top: 574px !important; }
	.bule_6 { top: 525px !important; }
	.page2 .tab_number_1 { position: relative !important; left: -130px !important; }
	/* The 2nd/3rd tab (reviews carousel) peeked under the 1st one; the tab script hides the 1st with inline display:none. */
	.page2 .tab_number_1:not([style*="none"]) ~ .tab_number_2,
	.page2 .tab_number_1:not([style*="none"]) ~ .tab_number_3 { visibility: hidden !important; }
}


/* The phone in one colour; Roboto Mono drew 0 like 8. */
.tel_number_go a, .tel_number_go a span { color: #fec907 !important; font-family: 'Roboto', Arial, sans-serif !important; }

@media (max-width: 767px) {
	.page3 { background-position: center top !important; }
	.page4, .page5 { background-size: 100% auto !important; background-position: center top !important; }
	/* Headings on phones are h2 text (Phorssa): one word per line when needed, left of the menu button. */
	.title_hea_go, .title_footer_mobile { padding: 24px 48px 0 18px !important; max-width: 100% !important; box-sizing: border-box !important; }
	.title_hea_go h2, .title_footer_mobile h2 {
		font-size: 10vw !important; line-height: 1.28 !important; letter-spacing: 0.06em !important;
		white-space: normal !important; text-wrap: balance !important; text-align: center !important; text-transform: uppercase !important;
		max-width: 100% !important; width: 100% !important; margin: 0 auto 14px !important; padding: 0.05em 0 0.18em !important;
		box-sizing: border-box !important; display: block !important;
		text-shadow: 0 2px 8px #000, 0 0 14px rgba(0,0,0,.8) !important;
	}
	.page3 .title_footer_mobile { padding-top: 40px !important; }
	.page3 .title_footer_mobile h2 { margin-bottom: 36px !important; }
	.page5 .title_footer_mobile h2 i { display: none !important; }
}