BODY				{ background-color: #F5F5F5; margin: 8px 20px; }
BODY, TABLE			{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; }

A				{ color: #000080; }
A:hover, A:active		{ color: #800000; }

H1				{ font-size: 22pt; clear: both; margin: 19px 0; text-align: center; }
H2				{ font-size: 16pt; clear: both; margin: 18px 0; }

IMG				{ border: 0; }

DIV.page			{ max-width: 1200px; margin: 0 auto; background-color: #FFFFFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }

DIV.top				{ height: 100px; padding: 10px; background-color: #FFFFFF; border-top: 3px solid #0057B8; }
DIV.logo			{ float: left; padding: 0 20px; }
DIV.right			{ float: right; padding-right: 65px; }
DIV.address			{ float: right; padding-right: 65px; padding-top: 11px; font-size: 16pt; }
DIV.work			{ float: right; padding-top: 24px; font-size: 16pt; }
DIV.contacts			{ float: right; padding-right: 25px; padding-top: 16px; font-size: 21pt; }
DIV.place			{ float: right; padding-top: 37px; padding-right: 10px; }
DIV.clock			{ float: right; padding-top: 40px; padding-right: 10px; }
SPAN.phone, SPAN.mail		{ padding-right: 10px; }

DIV.menu			{ padding: 8px 25px; color: #FFFFFF; background-color: #0057B8; height: 19px; white-space: nowrap; }
DIV.menu UL			{ margin: 0; padding: 0; }
DIV.menu LI			{ display: inline; position: relative; padding: 9px 0; }
DIV.menu LI:before		{ content: "\00B7\0020"; }
DIV.menu LI:first-child:before	{ content: ""; }
DIV.menu A			{ text-decoration: none; color: #FFFFFF; padding: 9px 5px; }
DIV.menu A:hover		{ color: #FFFFFF; background-color: #4097F8; }
DIV.menu LI:hover > UL		{ display: block; }
DIV.menu LI:hover > A		{ background-color: #4097F8; }
DIV.menu LI UL			{ display: none; position: absolute; top: 35px; left: 0; width: 230px; }
DIV.menu LI LI			{ display: block; background-color: #2077D8; padding: 0; height: 28px; }
DIV.menu LI LI:before		{ content: ""; }
DIV.menu LI UL A		{ padding: 5px 10px; display: block; }
DIV.menu LI UL A:hover		{ border-radius: 0; -moz-border-radius: 0; }
DIV.menu LI LI UL		{ position: absolute; top: 0; left: 230px; width: auto; }
DIV.menu LI LI LI		{ background-color: #4097F8; }
DIV.menu LI LI LI:hover A	{ background-color: #70B7FF; }
DIV.open			{ float: right; font-weight: bold; font-size: 18pt; margin-top: -6px; }
DIV.open:after			{ content: "\203A"; }
DIV.price			{ float: right; }
DIV.price IMG			{ padding-right: 6px; margin-bottom: -2px; }

DIV.nav				{ padding: 4px 30px; background-color: #F0F0F7; border-bottom: 1px solid #D8D8F7; }
DIV.nav UL			{ margin: 0; padding: 0; }
DIV.nav LI			{ display: inline; font-weight: bold; }
DIV.nav LI:before		{ content: "\2192\0020"; font-size: 11pt; color: #808080; }
DIV.nav LI:first-child:before	{ content: ""; }
DIV.nav A			{ color: #404040; font-weight: normal; text-decoration: none; }
DIV.nav A:hover,
DIV.nav A:active		{ color: #800000; text-decoration: underline; }

DIV.features			{ background-color: #C5C6C6; padding: 5px 30px; background: linear-gradient(to right, #BCE3F9, #F7C9DF, #FFF9C7, #C5C6C6); background: -moz-linear-gradient(left, #BCE3F9, #F7C9DF, #FFF9C7, #C5C6C6); }
DIV.features H1			{ color: #2B2A29; font-size: 19pt; }
DIV.advantages			{ background-color: #FFFFFF; margin: 30px 0 15px 0; padding: 10px 20px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
DIV.advantage			{ color: #000000; width: 33.33%; text-align: center; font-size: 14pt; float: left; }
DIV.advantage IMG		{ padding-right: 6px; }

DIV.main			{ padding: 0 30px; text-align: justify; }

DIV.services			{ margin: 0 -15px; }
DIV.service			{ width: 33.33%; float: left; margin: 10px 0 20px 0; }
DIV.service DIV			{ height: 292px; background-color: #F8F8FF; margin: 0 15px; border: 1px solid #E0E0FF; border-radius: 10px; -moz-border-radius: 10px; background-repeat: no-repeat; background-size: contain; background-position: center; }
DIV.service H2			{ text-align: center; font-size: 14pt; margin: 10px 0; }
DIV.service P			{ margin: 0; padding: 0 15px; text-align: center; color: #404040; }
DIV.service UL			{ margin: 0; }
DIV.service LI			{ color: #B0B0B0; list-style-type: decimal-leading-zero; margin-bottom: 6px; height: 18px; }
DIV.design			{ background-image: url(images/design.svg); }
DIV.printing			{ background-image: url(images/printing.svg); }
DIV.wide-format			{ background-image: url(images/wide-format.svg); }
DIV.labels			{ background-image: url(images/labels.svg); }
DIV.risograph			{ background-image: url(images/risograph.svg); }
DIV.binding			{ background-image: url(images/binding.svg); }

UL.list LI			{ list-style-type: square; margin-bottom: 6px; }
DIV.gallery			{ float: right; margin-left: 20px; }
DIV.gallery IMG			{ padding: 5px; border: 1px solid #D0D0D0; }
DIV.gallery A:hover IMG,
DIV.gallery A:active IMG	{ border-color: #808080; }
DIV.image			{ float: right; padding: 0 0 10px 30px; }
DIV.clear			{ clear: both; }

DIV.bottom			{ padding: 10px 20px; border-top: 3px solid #0057B8; border-bottom: 3px solid #0057B8; text-align: center; clear: both; }
DIV.bottom UL			{ margin: 0; padding: 0; }
DIV.bottom LI			{ display: inline; white-space: nowrap; }
DIV.bottom LI:before		{ content: "\00B7\0020"; }
DIV.bottom
LI:first-child:before		{ content: ""; }

@media (hover: none) {
DIV.menu LI:hover > UL		{ display: none; }
}

@media screen and (max-width: 1160px) {
DIV.right			{ padding-right: 30px; }
DIV.address			{ padding-right: 30px; }
DIV.contacts			{ padding-right: 20px; }
}

@media screen and (max-width: 1070px) {
DIV.place, DIV.clock		{ display: none; }
SPAN.phone, SPAN.mail		{ display: none; }
DIV.service			{ width: 50%; }
}

@media screen and (max-width: 980px) {
DIV.address			{ padding-top: 15px; font-size: 14pt; }
DIV.work			{ padding-top: 26px; font-size: 14pt; }
DIV.contacts			{ padding-top: 18px; font-size: 19pt; }
DIV.advantage			{ width: 100%; float: none; padding: 3px 0; }
DIV.image			{ float: none; padding: 0; text-align: center; }
}

@media screen and (max-width: 910px) {
DIV.address			{ padding-top: 21px; font-size: 12pt; }
DIV.work			{ padding-top: 31px; font-size: 12pt; }
DIV.contacts			{ padding-top: 26px; font-size: 14pt; }
}

@media screen and (max-width: 810px) {
DIV.address			{ padding-right: 0; padding-top: 10px; }
DIV.work			{ float: none; padding-top: 0; }
}

@media screen and (max-width: 720px) {
BODY				{ margin: 8px 0; }
DIV.page			{ width: 100%; margin: 0; box-shadow: none; -moz-box-shadow: none; }
DIV.top				{ padding: 10px 0; }
DIV.features			{ padding: 5px 20px; }
DIV.main			{ padding: 0 20px; }
DIV.main IMG			{ max-width: 100%; height: auto; }
}

@media screen and (max-width: 630px) {
HTML				{ scroll-behavior: smooth; }
BODY				{ margin-top: 0; }
DIV.line			{ position: sticky; top: 0; height: 8px; background-color: #F5F5F5; }
DIV.top				{ height: 75px; position: sticky; top: 8px; }
DIV.logo IMG			{ height: 75px; width: 158px; }
DIV.contacts			{ padding-top: 14px; }
DIV.right			{ display: none; }
DIV.menu			{ position: sticky; top: 106px; }
DIV.nav				{ display: none; }
DIV.service			{ width: 100%; float: none; }
DIV.gallery			{ float: none; margin: 0; text-align: center; }
DIV.gallery IMG			{ padding: 0; border: 0; }
DIV.bottom
LI:nth-child(2):before		{ content: "\A"; white-space: pre-line; }
}

@media screen and (max-width: 470px) {
DIV.menu			{ padding: 8px 8px; }
DIV.menu A			{ padding: 9px 3px; }
DIV.menu LI:before		{ content: ""; }
DIV.menu LI:hover > UL		{ display: none; }
DIV.price IMG			{ display: none; }
}

@media screen and (max-width: 355px) {
DIV.contacts			{ display: none; }
DIV.price			{ display: none; }
DIV.bottom LI:last-child:before	{ content: "\A"; white-space: pre-line; }
}