/* Start:/css/article.css?17373771128653*/
@charset "UTF-8";
.article {
		display: block;
		margin: 0;
		padding: 0;
}
.article-text-wrap:not(:first-child) {
		margin-top: var(--section-vert);
}
.article-text-wrap:not(:last-child) {
		margin-bottom: var(--section-vert);
}
@media only screen and (min-width: 1000px) {
		.article-text-wrap {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				gap: 20px;
		}
}
.article-nav, .article-nav li {
		list-style: none;
		margin: 0;
		padding: 0;
}
@media only screen and (max-width: 999px) {
		.article-nav {
				display: none;
		}
}
@media only screen and (min-width: 1000px) {
		.article-nav {
				position: sticky;
				top: calc(var(--header) + var(--header-stroke) + 20px);
				display: flex;
				flex-direction: column;
				gap: 20px;
				order: 2;
				width: var(--sidebar);
		}
}
.article-nav .btn {
		font-size: 16px;
		line-height: 1.5;
		padding: 5px 9px;
		height: auto;
}
.article-nav *:nth-last-child(1 of .anchor-active) .btn {
		color: var(--white);
		border-color: var(--darkblue);
		background-color: var(--darkblue);
}
.article-other {
		display: flex;
		flex-direction: column;
		gap: 40px 20px;
}
.article-other > * {
		flex: 0 0 auto;
		width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.article-other {
				flex-direction: row;
				align-items: flex-start;
		}
		.article-other > * {
				width: calc(50% - 10px);
		}
		.article-other > *:only-child {
				width: 100%;
		}
}
@media only screen and (max-width: 999px) {
		.article-other {
				margin-top: 60px;
				width: 100%;
		}
}
@media only screen and (min-width: 1000px) {
		.article-other {
				order: 2;
				margin-top: 10px;
				/*position: sticky;
				top: calc(var(--header) + var(--header-stroke) + 20px);*/
				width: var(--sidebar);
		}
		.article-text-wrap:has(.article-text > .date) .article-other {
				margin-top: 40px;
		}
}
.article-other .block-dark {
		border-radius: var(--radius);
		background: var(--gradient);
		color: var(--white);
		padding: 20px;
}
@media only screen and (max-width: 767px) {
		.article-other .block-dark {
				padding: 16px;
		}
}
@media only screen and (min-width: 1000px) and (max-width: 1279px) {
		.article-other .block-dark {
				padding: 16px;
		}
}
.article-other .title {
		font: bold var(--h3)/1.2 var(--font1);
		margin: 0 0 20px 0;
		color: var(--darkblue);
		hyphens: auto;
		word-wrap: break-word;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
		.article-other .title {
				font-size: 20px;
		}
}
@media only screen and (min-width: 1280px) and (max-width: 1499px) {
		.article-other .title {
				font-size: 22px;
		}
}
@media only screen and (min-width: 1500px) {
		.article-other .title {
				font-size: 26px;
		}
}
.article-other .block-dark .title {
		color: inherit;
}
.article-other a:not(.btn) {
		color: var(--darkblue);
		text-decoration: none;
}
.article-other .block-dark a:not(.btn) {
		color: var(--white);
		text-decoration: underline;
}
@media (pointer:fine) {
		.article-other a:not(.btn):hover {
				text-decoration: underline;
		}
		.article-other .block-dark a:not(.btn):hover {
				text-decoration: none;
		}
}
.article-other .list-links, .article-other .list-links li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.article-other .list-links {
		font-weight: 600;
		font-size: var(--text);
		line-height: 1.5;
		display: flex;
		flex-direction: column;
		gap: 20px;
}
.article-other .block-dark .list-links li:not(:first-child) {
		padding-top: 20px;
		border-top: 1px solid var(--white);
}
.article-other .list-links .date {
		margin-bottom: 6px;
}
@media only screen and (max-width: 999px) {
		.article-sidebar {
				margin-top: 20px;
				width: 100%;
		}
}
@media only screen and (min-width: 1000px) {
		.article-sidebar {
				flex: 0 0 auto;
				order: 2;
				width: var(--sidebar);
		}
}
.article-text {
		font: 500 var(--text)/1.5 var(--font2);
		color: var(--darkgrey);
		flex: 0 0 auto;
		order: 1;
}
@media only screen and (min-width: 1000px) {
		.article-text {
				width: calc(100% - var(--sidebar) - 20px);
		}
}
.article-text > *:first-child {
		margin-top: 0 !important;
}
.article-text > *:last-child {
		margin-bottom: 0 !important;
}
.article-text a:not(.btn) {
		color: inherit;
}
.article-text p {
		margin: 20px 0;
}
.article-text ol, .article-text ul {
		list-style: none;
		margin: 20px 0;
		padding: 0;
}
.article-text li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 1.6em;
		position: relative;
}
.article-text li:not(:first-child) {
		margin-top: 10px;
}
.article-text li ol, .article-text li ul {
		margin-top: 10px;
}
.article-text ol {
		counter-reset: ol;
}
.article-text ol > li:before {
		content: counter(ol)'.';
		counter-increment: ol;
		font-weight: bold;
		color: var(--darkblue);
		min-width: 1.6em;
		margin-left: -1.6em;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		padding-right: 4px;
}
.article-text ul > li:before {
		content: '';
		width: 6px;
		height: 6px;
		top: 0.75em;
		left: 0.8em;
		position: absolute;
		background: var(--darkblue);
		transform: translate3d(-50%, -50%, 0);
		border-radius: 50%;
}
.article-text .date {
		margin-bottom: 10px;
}
.article-main-image {
		display: block;
		margin: var(--section-vert) 0;
		padding: 0;
		width: 100%;
}
.article-main-image img {
		width: 100%;
		height: auto;
		border: 1px solid var(--darkblue);
		border-radius: var(--radius);
}
.article-video {
		display: block;
		margin: var(--section-vert) 0;
		padding: 0;
		width: 100%;
		position: relative;
		aspect-ratio: 16/9;
}
.article-video > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
}
.article-image {
		display: block;
		margin: var(--section-vert) 0;
		padding: 0;
		width: 100%;
}
.article-image img {
		width: auto;
		height: auto;
		max-width: 100%;
}
.article-text .list-photos, .article-text .list-photos li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.article-text .list-photos li:before {
		display: none;
}
.article-text .list-photos {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 25px;
}
.article-text .list-photos a {
		display: block;
		position: relative;
		border: 1px solid var(--darkblue);
		border-radius: var(--radius);
		transition: border 0.4s ease;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
}
.article-text .list-photos a:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: calc(var(--radius) - 1px);
		border: 2px solid var(--darkblue);
		pointer-events: none;
		transition-property: border, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		opacity: 0;
}
@media (pointer:fine) {
		.article-text .list-photos a:hover {
				border-color: var(--lightblue);
		}
		.article-text .list-photos a:hover:after {
				border-color: var(--lightblue);
				opacity: 1;
		}
}
.article-text .list-photos img {
		display: block;
		height: 226px;
		width: auto;
}
.article-table {
		margin: 20px 0;
		overflow: auto;
		border: 1px solid var(--darkblue);
		border-radius: var(--radius);
		color: var(--black);
}
.article-table table {
		min-width: 100%;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		border: 0;
		background: none;
}
.article-table th, .article-table td {
		text-align: left;
		vertical-align: middle;
		background: none;
		border-style: solid;
		border-width: 0 1px 0 0;
		border-color: var(--darkblue);
		padding: 10px;
}
.article-table th:last-child, .article-table td:last-child {
		border-right-width: 0;
}
.article-table th {
		border-color: var(--lightblue);
		color: var(--white);
		background: var(--darkblue);
		border-bottom-width: 3px;
		font-weight: bold;
		font-size: 16px;
}
.article-table td {
		transition: background 0.4s ease;
}
.article-table tr:nth-child(odd) td {
		background-color: var(--lightlightblue);
}
.article-table tr:hover td {
		background-color: var(--lightblue);
}
.article-table .align-left {
		text-align: left;
}
.article-table .align-center {
		text-align: center;
}
.article-table .align-right {
		text-align: right;
}
.article-top-actions {
		margin: 20px 0;
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;
		gap: 20px;
		justify-content: space-between;
}
@media only screen and (min-width: 768px) {
		.article-top-actions {
				margin-top: -20px;
		}
}
.article-top-actions .mini-timer {
		flex: 1 1 auto;
}
.article-top-actions .btn {
		font-weight: 600;
		font-size: var(--bold-text);
}
@media only screen and (min-width: 768px) {
		.article-top-actions .btn {
				margin-bottom: 2px;
		}
}
.article-top-actions .btn svg {
		width: 24px;
		height: 24px;
}
/* End */


/* Start:/css/order.css?17478073295506*/
@charset "UTF-8";
.order-main .hide-title {
		display: none;
}
.order-main .title {
		font: 600 var(--bold-text)/1.5 var(--font2);
		margin: 0;
		color: inherit;
}
.order-card {
		border: 1px solid var(--darkblue);
		border-radius: var(--radius);
		padding: 19px;
		display: grid;
		gap: 40px;
		font: 600 var(--text)/1.5 var(--font2);
		color: var(--darkgrey);
		margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
		.order-card {
				grid-template-columns: 1fr;
		}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.order-card {
				grid-template-columns: repeat(2, 1fr);
		}
}
@media only screen and (min-width: 1000px) {
		.order-card {
				grid-template-columns: repeat(4, 1fr);
				gap: 40px;
		}
}
@media only screen and (min-width: 1280px) {
		.order-card {
				gap: 40px 80px;
		}
}
.order-card .col {
		position: relative;
}
.order-card .col, .order-card .col * {
		text-wrap: auto;
}
.order-card .col:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		width: 1px;
		background: var(--lightlightgrey);
		display: none;
}
@media only screen and (max-width: 767px) {
		.order-card .col:not(:first-child) {
				border-top: 1px solid var(--lightlightgrey);
				padding-top: 40px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.order-card .col:nth-child(even):before {
				left: -20px;
				display: block;
		}
}
@media only screen and (min-width: 1000px) {
		.order-card .col:not(:nth-child(4n - 3)):before {
				left: -20px;
				display: block;
		}
}
@media only screen and (min-width: 1280px) {
		.order-card .col:not(:nth-child(4n - 3)):before {
				left: -40px;
		}
}
.order-card .col > *:first-child {
		margin-top: 0 !important;
}
.order-card .col > *:last-child {
		margin-bottom: 0 !important;
}
.order-card .title {
		margin-bottom: 10px;
}
.order-card .status {
		margin: 10px 0 20px 0;
}
.order-card .btns {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		flex-direction: column;
		margin: 20px 0 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.order-card .btns {
				flex-direction: row;
				flex-wrap: wrap;
				align-items: center;
		}
}
.order-card .total {
		border-collapse: collapse;
		width: 100%;
		border: 0;
		background: none;
		margin: 0 0 28px 0;
		font-weight: 500;
}
.order-card .total td {
		border-style: solid;
		border-width: 0;
		border-color: var(--lightlightgrey);
		padding: 10px 0 12px 0;
		text-align: left;
		vertical-align: middle;
}
.order-card .total tr:not(:first-child) td {
		border-top-width: 1px;
}
.order-card .total .price {
		text-align: right;
		white-space: nowrap;
		color: var(--darkblue);
		font: bold var(--bold-text)/1 var(--font1);
}
.order-card .total .price.big {
		font-size: var(--big-text);
}
.order-card .total .price.grey {
		color: var(--lightgrey);
}
.order-card .contact, .order-card .contact li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.order-card .contact {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-top: 4px;
}
.order-card .contact li {
		position: relative;
		padding-left: 26px;
}
.order-card .contact .icon {
		width: 16px;
		height: 16px;
		position: absolute;
		top: 0.75em;
		left: 0;
		margin: -8px 0;
		object-fit: contain;
		object-position: center;
}
.order-icons, .order-icons li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.order-icons {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 20px;
		margin-top: 10px;
}
.order-icons img {
		height: 30px;
		width: auto;
}
.order-main .tabs {
		margin-bottom: 20px;
}
.order-main:has(input.order-card-contains-input:not(:checked)) .order-card-contains, .order-main:has(input.order-card-userdata-input:not(:checked)) .order-card-userdata {
		display: none;
}
.order-card-contains {
		border: 1px solid var(--darkblue);
		border-radius: var(--radius);
		padding: 19px;
}
.order-main .catalog-table table {
		margin-top: 0;
		margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
		.order-main .catalog-table tr {
				gap: 10px 0;
		}
		.order-main .catalog-table tr:nth-last-child(2) {
				border-bottom-width: 0;
				padding-bottom: 0;
		}
		.order-main .catalog-table .name {
				margin-bottom: 6px;
		}
}
.order-card-userdata {
		border: 1px solid var(--darkblue);
		padding: 19px;
		border-radius: var(--radius);
		font: 600 var(--text)/1.5 var(--font2);
}
@media only screen and (min-width: 1000px) {
		.order-card-userdata {
				display: flex;
				gap: 40px;
		}
}
.order-card-userdata .col {
		position: relative;
}
.order-card-userdata .col:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		width: 1px;
		background: var(--lightlightgrey);
		display: none;
}
@media only screen and (max-width: 999px) {
		.order-card-userdata .col:not(:last-child) {
				border-bottom: 1px solid var(--lightlightgrey);
				padding-bottom: 20px;
				margin-bottom: 20px;
		}
}
@media only screen and (min-width: 1000px) {
		.order-card-userdata .col {
				flex: 1;
		}
		.order-card-userdata .col:not(:last-child):before {
				display: block;
				right: -20px;
		}
}
.order-card-userdata .title {
		margin-bottom: 20px;
}
.order-card-userdata ul, .order-card-userdata li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.order-card-userdata ul {
		display: flex;
		flex-direction: column;
		gap: 10px;
}
@media only screen and (max-width: 767px) {
		.order-card-userdata ul {
				gap: 16px;
		}
}
.order-card-userdata .light {
		font-weight: 500;
		margin-right: 0.5em;
}
/* End */


/* Start:/css/lightbox.min.css?17365642643102*/
.lb-loader, .lightbox {
		text-align: center;
		line-height: 0;
		position: absolute;
		left: 0
}
body.lb-disable-scrolling {
		overflow: hidden
}
.lightboxOverlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		background: rgba(51, 51, 51, 0.5);
		backdrop-filter: blur(10px);
		display: none
}
.lightbox {
		width: 100%;
		z-index: 10000;
		font-weight: 400;
		outline: 0
}
.lightbox .lb-image {
		display: block;
		height: auto;
		max-width: inherit;
		max-height: none;
		border-radius: 3px;
		border: 4px solid #fff
}
.lightbox a img {
		border: none
}
.lb-outerContainer {
		position: relative;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		border-radius: 4px;
		background-color: #fff
}
.lb-outerContainer:after {
		content: "";
		display: table;
		clear: both
}
.lb-loader {
		top: 43%;
		height: 25%;
		width: 100%
}
.lb-cancel {
		display: block;
		width: 32px;
		height: 32px;
		margin: 0 auto;
		background: url(/css/../img/lightbox/loading.gif) no-repeat
}
.lb-nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10
}
.lb-container > .nav {
		left: 0
}
.lb-nav a {
		outline: 0;
		background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}
.lb-next, .lb-prev {
		height: 100%;
		cursor: pointer;
		display: block
}
.lb-nav a.lb-prev {
		width: 34%;
		left: 0;
		float: left;
		background: url(/css/../img/lightbox/prev.png) left 48% no-repeat;
		filter: alpha(Opacity=0);
		opacity: 0;
		-webkit-transition: opacity .6s;
		-moz-transition: opacity .6s;
		-o-transition: opacity .6s;
		transition: opacity .6s
}
.lb-nav a.lb-prev:hover {
		filter: alpha(Opacity=100);
		opacity: 1
}
.lb-nav a.lb-next {
		width: 64%;
		right: 0;
		float: right;
		background: url(/css/../img/lightbox/next.png) right 48% no-repeat;
		filter: alpha(Opacity=0);
		opacity: 0;
		-webkit-transition: opacity .6s;
		-moz-transition: opacity .6s;
		-o-transition: opacity .6s;
		transition: opacity .6s
}
.lb-nav a.lb-next:hover {
		filter: alpha(Opacity=100);
		opacity: 1
}
.lb-dataContainer {
		margin: 0 auto;
		padding-top: 5px;
		width: 100%;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px
}
.lb-dataContainer:after {
		content: "";
		display: table;
		clear: both
}
.lb-data {
		padding: 0 4px;
		color: #ccc
}
.lb-data .lb-details {
		width: 85%;
		float: left;
		text-align: left;
		line-height: 1.1em
}
.lb-data .lb-caption {
		font-size: 13px;
		font-weight: 700;
		line-height: 1em
}
.lb-data .lb-caption a {
		color: #4ae
}
.lb-data .lb-number {
		display: block;
		clear: left;
		padding-bottom: 1em;
		font-size: 12px;
		color: #999
}
.lb-data .lb-close {
		display: block;
		float: right;
		width: 30px;
		height: 30px;
		background: url(/css/../img/lightbox/close.png) top right no-repeat;
		text-align: right;
		outline: 0;
		filter: alpha(Opacity=70);
		opacity: .7;
		-webkit-transition: opacity .2s;
		-moz-transition: opacity .2s;
		-o-transition: opacity .2s;
		transition: opacity .2s
}
.lb-data .lb-close:hover {
		cursor: pointer;
		filter: alpha(Opacity=100);
		opacity: 1
}
/* End */
/* /css/article.css?17373771128653 */
/* /css/order.css?17478073295506 */
/* /css/lightbox.min.css?17365642643102 */