:root {
	--main-color: #a8528b;
	--grey-color: #f4f7fc;
	--grey-border: #dde4f1;
	--dark-grey-color: #f0f3fa;
	--text-color: #000;
	--text-muted: #6b7280;
	--white: #ffffff;

	--main-container-width: calc(100vw - 520px);
	--aw-gutter-x: 40px;

	accent-color: var(--main-color);

	font-size: 15px;
}

@media (max-width: 1450px) {
	:root {
		--main-container-width: 100%;
	}
}

@media (width <= 767.98px) {
	:root {
		--aw-gutter-x: 20px;
	}
}

html {
	container-type: inline-size;
}

html.with-fancybox {
	overflow: hidden !important;
    width: auto;
}

* {
	box-sizing: border-box;
	scrollbar-color: var(--main-color) #fff;
}

/* Main Font */

/* font-weight: normal;
font-style: italic;
font-display: swap; */

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYExtrathin/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYExtrathin/font.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYExtrathinItalic/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYExtrathinItalic/font.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYThinItalic/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYThinItalic/font.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYThin/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYThin/font.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYLight/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYLight/font.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYLightItalic/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYLightItalic/font.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYRegular/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYRegular/font.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYRegularItalic/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYRegularItalic/font.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYSemibold/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYSemibold/font.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYSemiboldItalic/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYSemiboldItalic/font.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYBold/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYBold/font.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYBoldItalic/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYBoldItalic/font.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYExtrabold/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYExtrabold/font.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYExtraboldItalic/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYExtraboldItalic/font.woff') format('woff');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYBlack/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYBlack/font.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "AvertaStdCY";
	src: url('/fonts/Averta/AvertaStdCYBlackItalic/font.woff2') format('woff2'), url('/fonts/Averta/AvertaStdCYBlackItalic/font.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}


/* !Font icon art-web */
@font-face {
	font-family: 'art';
	src:  url('/fonts/art/art.eot?sljzq5');
	src:  url('/fonts/art/art.eot?sljzq5#iefix') format('embedded-opentype'),
	  url('/fonts/art/art.ttf?sljzq5') format('truetype'),
	  url('/fonts/art/art.woff?sljzq5') format('woff'),
	  url('/fonts/art/art.svg?sljzq5#art') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'art' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-121:before {
content: "\e900";
}
.icon-back-1:before {
content: "\e901";
}
.icon-back:before {
content: "\e902";
}
.icon-balance-sheet:before {
content: "\e903";
}
.icon-bar-chart:before {
content: "\e904";
}
.icon-bottom-arrow:before {
content: "\e905";
}
.icon-business:before {
content: "\e906";
}
.icon-calculator:before {
content: "\e907";
}
.icon-chain-links:before {
content: "\e908";
}
.icon-clicker:before {
content: "\e909";
}
.icon-coding:before {
content: "\e90a";
}
.icon-cursor:before {
content: "\e90b";
}
.icon-diagram:before {
content: "\e90c";
}
.icon-document:before {
content: "\e90d";
}
.icon-down:before {
content: "\e90e";
}
.icon-down-arrow:before {
content: "\e90f";
}
.icon-edit-tools:before {
content: "\e910";
}
.icon-filled:before {
content: "\e911";
}
.icon-interface:before {
content: "\e912";
}
.icon-mail:before {
content: "\e913";
}
.icon-next-1:before {
content: "\e914";
}
.icon-next-3:before {
content: "\e915";
}
.icon-next:before {
content: "\e916";
}
.icon-painting:before {
content: "\e917";
}
.icon-right:before {
content: "\e918";
}
.icon-top:before {
content: "\e919";
}
.icon-verification-sign:before {
content: "\e91a";
}
.icon-web-1:before {
content: "\e91b";
}
.icon-web:before {
content: "\e91c";
}
.icon-Shape-1:before {
content: "\e91d";
}
.icon-Shape-1-2:before {
content: "\e91e";
}
.icon-Shape-1-3:before {
content: "\e91f";
}
.icon-Shape-1-4:before {
content: "\e920";
}
.icon-Shape-1-5:before {
content: "\e921";
}
.icon-Shape-1-6:before {
content: "\e922";
}
.icon-Shape-1-7:before {
content: "\e923";
}
.icon-Shape-1-8:before {
content: "\e924";
}
.icon-Shape-1-9:before {
content: "\e925";
}
.icon-Shape-1-10:before {
content: "\e926";
}
.icon-Shape-1-11:before {
content: "\e927";
}
.icon-Shape-1-12:before {
content: "\e928";
}
.icon-Shape-1-13:before {
content: "\e929";
}
.icon-Shape-1-14:before {
content: "\e92a";
}
.icon-Shape-1-15:before {
content: "\e92b";
}
.icon-Shape-1-16:before {
content: "\e92c";
}
.icon-code::before {
	content: '\e900';
}

.icon-copy {
	display: inline-block;
	width: 14px;
	height: 14px;
}
.icon-copy::before {
	content: "\e92f";
}
.icon-check {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.icon-check::before {
	content: "\e92e";
}

/* Font icon art-web! */

.aw-icon-ex-link {
	display: inline-block;
	width: 25px;
	height: 25px;
	/* background-image: url(/images/icons/ex-link.svg); */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSIzMTIiIGhlaWdodD0iMzEyIj4KCTxnPgoJCTxwYXRoIHN0eWxlPSJmaWxsOmN1cnJlbnRDb2xvcjsiIGQ9Im0zNjkuMjYgNTExLjI5aC0yODQuMDRjLTIyLjc3IDAtNDQuMTctOC44Ny02MC4yNi0yNC45Ni0xNi4xLTE2LjEtMjQuOTYtMzcuNS0yNC45Ni02MC4yNnYtMjg0LjA1YzAtMjIuNzYgOC44Ny00NC4xNiAyNC45Ni02MC4yNSAxNi4wOS0xNi4xIDM3LjQ5LTI0Ljk2IDYwLjI2LTI0Ljk2aDExMy42MmMxNS42OCAwIDI4LjQgMTIuNzIgMjguNCAyOC40MSAwIDE1LjY4LTEyLjcyIDI4LjQtMjguNCAyOC40aC0xMTMuNjJjLTcuNTkgMC0xNC43MiAyLjk2LTIwLjA5IDguMzItNS4zNiA1LjM2LTguMzIgMTIuNS04LjMyIDIwLjA4djI4NC4wNWMwIDcuNTkgMi45NiAxNC43MiA4LjMyIDIwLjA5IDUuMzcgNS4zNiAxMi41IDguMzIgMjAuMDkgOC4zMmgyODQuMDRjNy41OSAwIDE0LjcyLTIuOTYgMjAuMDktOC4zMiA1LjM2LTUuMzcgOC4zMi0xMi41IDguMzItMjAuMDl2LTExMy42MmMwLTE1LjY4IDEyLjcxLTI4LjQgMjguNC0yOC40IDE1LjY5IDAgMjguNDEgMTIuNzIgMjguNDEgMjguNHYxMTMuNjJjMCAyMi43Ny04Ljg3IDQ0LjE2LTI0Ljk2IDYwLjI2LTE2LjEgMTYuMDktMzcuNSAyNC45Ni02MC4yNiAyNC45NnptLTE3MC40Mi0xNzAuNDNjLTcuMjcgMC0xNC41NC0yLjc3LTIwLjA5LTguMzItMTEuMDktMTEuMDktMTEuMDktMjkuMDggMC00MC4xN2wyMzUuNTYtMjM1LjU2aC0xMDEuODZjLTE1LjY4IDAtMjguNC0xMi43Mi0yOC40LTI4LjQgMC0xNS42OSAxMi43Mi0yOC40MSAyOC40LTI4LjQxaDE3MC40M3EyLjc2IDAgNS40NiAwLjUyIDIuNzEgMC41MyA1LjI2IDEuNTcgMi41NSAxLjA0IDQuODUgMi41NSAyLjMxIDEuNTEgNC4yOCAzLjQ0bDAuMDUgMC4wNiAwLjAyIDAuMDEgMC4wNCAwLjA1IDAuMDMgMC4wMyAwLjA0IDAuMDMgMC4wNiAwLjA2IDAuMDYgMC4wNiAwLjAzIDAuMDMgMC4wMyAwLjAzcTAuMDEgMC4wMSAwLjAxIDAuMDIgMC4wMSAwIDAuMDIgMC4wMSAwLjAxIDAuMDEgMC4wMSAwLjAyIDAuMDEgMCAwLjAyIDAuMDFsMC4wNSAwLjA2cTEuOTMgMS45NyAzLjQ0IDQuMjcgMS41MSAyLjMxIDIuNTUgNC44NiAxLjA0IDIuNTUgMS41NyA1LjI1IDAuNTMgMi43MSAwLjUzIDUuNDZ2MTcwLjQzYzAgMTUuNjktMTIuNzIgMjguNDEtMjguNDEgMjguNDEtMTUuNjkgMC0yOC40LTEyLjcyLTI4LjQtMjguNDF2LTEwMS44NWwtMjM1LjU2IDIzNS41NmMtNS41NSA1LjU1LTEyLjgyIDguMzItMjAuMDggOC4zMnoiLz4KCTwvZz4KPC9zdmc+);
	background-repeat: no-repeat;
	background-size: contain;
}


body, div, table, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, caption, th {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	outline-width: 0;
	outline-style: none;
	background-repeat: repeat;
	background-position: 0% 0%;
	background-color: transparent;
	background-image: none;
}

*::selection {
	color: #fff;
	background: var(--main-color);
}

body {
	color: #3a3a3a;
	/* background: #ffffff url(/images/bbg.svg) no-repeat 300px -10%; */
	background: #ffffff;
	padding: 0;
	margin: 0;
}

.root {
	position: relative;
	z-index:1;
}

div {
	box-sizing: border-box;
}
td {
	vertical-align: top;
}
a {
	-webkit-transition:  color 0.4s ease-in-out 0s ,background 0.3s ease-in-out 0s;
	-moz-transition: color 0.4s ease-in-out 0s ,background 0.3s ease-in-out 0s;
	-o-transition:  color 0.4s ease-in-out 0s ,background 0.3s ease-in-out 0s;
	transition:  color 0.4s ease-in-out 0s ,background 0.3s ease-in-out 0s;
	color: var(--main-color);
}
a:link {
	cursor: pointer;
}
a:hover,
a:focus {
	color: #f00000;
	text-decoration: none;
}

.a-semi-bold {
	font-weight: 600;
	text-decoration: none;
	color: #000;
}
.a-semi-bold:hover {
	text-decoration: underline;
}

p {
	text-align: justify;
	margin-bottom: 12px;
	line-height: 130%;
}
.p16 {
	font-size: 16px;
}
p a {
	color: inherit;
}
p a:hover,
p a:focus {
	color: inherit;
}
hr {
	color: #ccc;
	border: 2px solid #e1dede;
}
.hr {
	border: 0;
	border-bottom: 1px solid #dfdede;
}
a img {
	border: 0;
}
body, table, button {
	font-family: 'AvertaStdCY', sans-serif;
	font-size: 1rem;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: var(--main-color);
}
h1, h2, h3, .h1, .h2, .h3 {
	margin-top: 5px; margin-bottom: 5px;
	font-family: 'AvertaStdCY', sans-serif;
	text-transform: uppercase;
	font-weight: 800;
}

h1, .h1 {
	font-size: clamp(22px, 2vw, 34px);
}
.h1-wrap {
	margin-top: 50px;
	padding: 8px 0;
	font-size: clamp(22px, 2vw, 34px);
	line-height: 1.35;
	font-weight: 800;
}
.h1_start {}
.h1_middle {}
.h1_end {
	display: block;
	font-size: 0.5882em;
	line-height: 1.45;
	font-weight: 400;
	text-transform: uppercase;
	color: #737373;
}

h2, .h2 {
	font-size: 22px;
	font-size: clamp(18px, 1.7vw, 28px);
	padding: 5px 0;
}

.h2_2 {
	font-size: 55px;
	font-size: max(min(55px, 5vw), 23px);
	color: #ddd;
}

h3, .h3 {
	font-size: clamp(16px, 1.4vw, 20px);
	line-height: 1.1;
	padding: 2px 0;
}
h4 {
	font-size: 18px;
	line-height: 1.1;
	padding: 2px 0;
	margin: 4px 0;
}
h5 {
	font-size: 16px;
	line-height: 1.1;
	padding: 2px 0;
}
h6 {
	font-size: 14px;
	line-height: 1.1;
	padding: 2px 0;
}

.title-h2 {
	font-size: 42px;
	font-size: max(min(42px, 5vw), 28px);
	line-height: 1;
}

.title-h3 {
	font-size: 28px;
	font-size: max(min(28px, 3vw), 24px);
}

.title-h4 {
	font-size: 24px;
	font-size: max(min(24px, 3vw), 20px);
}

input,
textarea {
	font-family: 'AvertaStdCY', sans-serif;
}

ul {
	padding-left: 30px;
	margin-bottom: 10px;
}

ol {
	padding-left: 30px;
	margin-bottom: 10px;
}

.ovh{
	padding: 15px 0px;
	overflow: hidden;
}
.text-center {
	text-align: center;
}
.fst-italic {
	font-style: italic;
}
@media (max-width: 767.98px) {
	.text-sm-center {
		text-align: center;
	}
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

.text-initialcase {
	text-transform: initial;
}
.text-uppercase {
	text-transform: uppercase;
}

.img-responsive {
	max-width: 100%;
	height: auto;
}

.table-sticky thead {
	position: sticky;
    top: 0;
    background-color: #f8f8f8;
}

.table-styled {
	--border-color: var(#f4f7fc, --grey-color);
	--bg-color: #f8f8f8;
	--bg-2-color: #fff;
	--bg-hover-color: #e0e0e0;

	border-radius: 12px;
	background-color: var(--bg-color);
	font-size: 15px;
}
.table-styled :is(td, th) {
	padding: 20px 20px;
}
.table-styled :is(td, th):first-child {
	text-align: left;
	padding-left: 45px;
}
.table-styled :is(td, th):not(:first-child) {
	text-align: center;
}
.table-styled :is(td, th):not(:last-child) {
	border-right: 1px solid var(--border-color);
}
.table-styled tbody tr:nth-child(odd) td:not(:last-child) {
	border-right-color: var(--border-color);
}
.table-styled thead :is(td, th) {
	padding-top: 26px;
	padding-bottom: 26px;
	background-color: var(--head-bg-color);
	font-size: 18px;
	font-weight: bold;
	color: var(--head-color, #000);
}
.table-styled.table-sticky thead :is(td, th) {
	border-radius: 12px 12px 0 0;
	background-color: #f8f8f8;
}
.table-styled thead :is(td, th):first-child {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 8px 0 0 0;
}
.table-styled thead :is(td, th):last-child {
	border-radius: 0 8px 0 0;
}
.table-styled tbody tr:nth-child(odd) td {
	background-color: var(--bg-2-color);
	background-image: linear-gradient(to top, #f4edf1, #fff);
}
.table-styled tfoot td {
	font-size: 20px;
	font-weight: bold;
}
.table-styled tfoot td:first-child {
	font-size: 18px;
	text-transform: uppercase;
}
.table-styled td .btn {
	padding: 12px 15px;
}
.table-styled .td-btn-wrap .btn {
	width: 100%;
	font-size: 18px;
	padding: 15px;
}
.table-styled .icon-check {
	font-size: 16px;
	font-weight: 700;
	color: var(--main-color);
}
.table-styled tbody tr:hover td {
	background: var(--bg-hover-color) !important;
}
.table-styled tr:last-child > .td-btn-wrap {
	padding-top: 0;
}

.table-styled .td-price-wrap {
	padding-top: 15px;
	padding-bottom: 12px;
}
.table-styled .td-price-wrap p {
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	white-space: nowrap;
}
.table-styled .td-price-wrap div {
	display: inline-block;
	padding: 4px 20px;
	border-radius: 12.5px;
	background-color: #cf3990;
    background-image: linear-gradient(to right, #cf3990 0%, #ff2737 100%);
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	color: #f8f8f8;
}

.table-styled_narrow {
	font-size: 18px;
}
.table-styled :is(td, th) {
	padding: 14px 20px;
	line-height: 1;
}
.table-styled :is(td, th):not(:first-child) {
	line-height: 1.3888888;
}
.table-styled_narrow :is(td, th):first-child {
	font-size: 15px;
	font-weight: 300;
}

.table-check tbody td:empty::before {
	content: "";
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 25px;
	height: 25px;
	background: url(/images/td-unchecked.png) no-repeat center;
}
.table-check tbody td.td-checked:empty::before {
	background-image: url(/images/td-checked.png);
}


.table-whide {
	width: 100%;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}

/**
 * Блок на всю ширину
 * Добавить в класс обертку свойство:
 * container: [name] / inline-size;
 */
.full-bleed {
	width: calc(100vw - var(--scrollbar));
    margin-inline: calc(-1 * (100vw - 100cqw) / 2);
}

/* ! Buttons */

/* общие стили */

.btn,
.u-btn > span {
	display: inline-block;
	padding: 9px 36px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	line-height: 1.2;
	box-shadow: none;
	border: 1px solid #000;
	transition: all 0.2s ease-out;
	cursor: pointer;
	background: none;
	color: #000;
}

.btn-lg,
.u-btn-lg > span {
	padding: 14px 65px;
	font-size: 18px;
}

.btn-md {
	font-size: 17px;
	padding: 16px 36px;
}

/* .btn обычные кнопки */

.btn-default {
	position: relative;
	border: 1px solid #b1b1b1;
	background-color: #fff;
	transition: color 0.2s ease-out;
}

.btn-default::after {
	content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: inherit;
    background-color: #cf3990;
    background-image: linear-gradient(to right, #cf3990 0%, #ff2737 100%);
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

.btn-default:hover,
.btn-default:focus {
	/* background-color: #cf3990;
	background-image: linear-gradient(to right, #cf3990 0%, #ff2737 100%); */
	border-color: transparent;
	color: #fff;
}
.btn-default:hover::after,
.btn-default:focus::after {
	opacity: 1;
}
.btn-default span {
	position: relative;
	z-index: 1;
}

.btn-bordered-default {
	border: 1px solid #b1b1b1;
}

.btn-bordered-default:hover,
.btn-bordered-default:focus {
	box-shadow: 0px 8px 9px rgb(0 0 0 / 20%);
	border-color: #f00000;
	color: #000;
}

.btn-bordered-primary {
	position: relative;
	border: 2px solid #fff;
	background: transparent;
	background-clip: padding-box;
	color: #fff;
	overflow: hidden;
}
.btn-bordered-primary:hover,
.btn-bordered-primary:focus {
	/* background: linear-gradient(to right, #cf3990 0%, #ff2737 100%);
	background-clip: text;
    -webkit-text-fill-color: transparent; */
	color: #fff;
}
.btn-bordered-primary .colors {
	position: absolute;
	width: 0;
    height: 0;
    top: 0;
    left: 0;
	z-index: -1;
	border-radius: 50%;
	background: #fff;
	transform: translate(-50%, -50%);
	transition: width .3s ease-out, height .3s ease-out;
	transition-delay: .1s;
}

.btn-bordered-primary:hover .colors {
	/* opacity: 1; */
	width: 560px;
	height: 560px;
	transition-delay: 0s;
}

.btn-bordered-primary::after {
	content: attr(data-text);
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
	background: linear-gradient(to right, #cf3990 0%, #ff2737 100%);
	background-clip: text;
    -webkit-text-fill-color: transparent;
	opacity: 0;
	font-weight: 600;
	transition: opacity .3s ease-out;
	transition-delay: .1s;
}
.btn-bordered-primary:hover::after {
	transition-delay: 0s;
	opacity: 1;
}


.btn-primary {
	position: relative;
	background-color: #cf3990;
	background-image: linear-gradient(to right, #cf3990 0%, #ff2737 100%);
	border: none;
	overflow: hidden;
	color: #fff;
}

.btn-primary:is(:hover,:focus) {
	/* box-shadow: 0px 8px 9px rgb(0 0 0 / 20%); */
	color: #fff;
}
.btn-primary span {
	pointer-events: none;
}
.btn-primary .wave {
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	transform: scale(0);
	animation: btn-wave 0.5s linear;
	pointer-events: none;
	position: absolute;
}
  
@keyframes btn-wave {
	100% {
		transform: scale(2);
		opacity: 0;
	}
}

.btn-extra-primary {
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	padding: 19px 0 20px;
	border: none;
  	background-color: #cb2de2;
	background-image: linear-gradient(to right, #fe6253, #cb2de2, #4067f9);
	text-align: center;
	white-space: nowrap;
	font-size: 29px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
}
.btn-extra-primary__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 2;
}
.btn-extra-primary__content-sm {
	font-size: 17px;
	font-weight: normal;
}
.btn-extra-primary__hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-image: linear-gradient(to right, #cf398f, #ff2737);
	transition: opacity .25s;
}
.btn-extra-primary:hover .btn-extra-primary__hover {
	opacity: 1;
}
.btn-extra-primary:hover,
.btn-extra-primary:focus {
	color: #fff;
}


.btn-arrow {
	padding-left: 40px;
	padding-right: 65px;
}
.btn-arrow::before {
	content: "\e919";
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 30px;
	z-index: 1;
	font-family: 'art' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn-arrow.active::before {
	transform: rotate(180deg);
}

.btn-order {
	display: inline-block;
    border-radius: 10px;
    border: 1px solid #c8c8c8;
	background-color: #fff;
    padding: 8px 30px;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.btn-order:hover {
	background: #3A3A3A;
    border-color: #3A3A3A;
    color: #fff;
}


/* .u-btn ховер сдвиг вверх */

.u-btn {
	display: inline-block;
	border-radius: 10px;
	border: 0;
	background: none;
	text-decoration: none;
	text-align: center;
}

.u-btn > span {
	display: block;
	border-radius: 10px;
}

.u-btn:hover > span,
.u-btn:focus > span {
	transform: translateY(-8px);
	box-shadow: 0px 8px 9px rgb(0 0 0 / 20%);
}

.u-btn-default > span {
	border: 1px solid #b1b1b1;
	font-weight: 600;
}

.u-btn-primary > span {
	border-color: transparent;
	background-color: #cf3990;
	background-image: linear-gradient(to right, #cf3990 0%, #ff2737 100%);
	color: #fff;
}

/* ! Buttons */

/* 
.btn-2 {
	background-color: #04af10;
	background-image: linear-gradient(90.0deg, #04af10 0%, #006b19 100%);
	border: 0;
}

.btn-3 {
	background-color: #a8528b;
	background-image: linear-gradient(169.0deg, #a8528b 0%, #af0036 101%);
} */


.btn-bordered-1 {
	border: 1px solid #e82525;
	background: #fff;
	color: #000;
}


body.hiddenbody {
	overflow: hidden !important;
}

h2.money_h3 {
	font-size: 18px;
	font-weight: 400;
	color: #000;
}
h2.money_h3 span {
	font-size: 35px;
	font-weight: 800;
	color: #ddd;
}


.h2_portfolio {
	margin: 15px 0 5px;
	padding: 15px 0 5px;
	display: block;
}


div.counter_block{
	display: inline-block;
	position: relative;
	padding-bottom:170px;
	width:1015px;
}
ul.low{
	display:block;
	position: relative;
	left: 311px;
}
ul.low li{
	float:left;
	list-style:none;
	padding-right: 50px;
	font-size: 15px !important;
}
ul.low li h2{
	font-size:66px;
	float:left;
	color:#000;
}
ul.low li p{
	float:left;
}
ul.low p.up_to{
	position: relative;
	top: 8px;
	left: -9px;
	color:#CCCACB;
	font-size:21px;
}
ul.low div.under_price{
	float:left;
	position: relative;
	left: -71px;
	top: 44px;
}
ul.low li:nth-child(2) div.under_price{
	left: -38px;
}
ul.low div.under_price p{
	background: #fff;
}
ul.low div.under_price p span{
	position: relative;
	left: -20px;
	color:#B44261;
	text-transform:lowercase;
	font-family:italic;
}

ul.middle{
	display:block;
	position: relative;
	left: 311px;
	top:80px;
}
ul.middle li{
	float:left;
	list-style:none;
	padding-right: 50px;
}
ul.middle li h2{
	font-size:66px;
	float:left;
	color:#000;
}
ul.middle li p{
	float:left;
}
ul.middle p.up_to{
	position: relative;
	top: 8px;
	left: -9px;
	color:#CCCACB;
	font-size:21px;
}
ul.middle div.under_price{
	float:left;
	position: relative;
	left: -71px;
	top: 44px;
}
ul.middle li:nth-child(2) div.under_price{
	left: -38px;
}
ul.middle div.under_price p{
	background: #fff;
}
ul.middle div.under_price p span{
	position: relative;
	left: -20px;
	color:#B44261;
	text-transform:lowercase;
	font-family:italic;
}


ul.high{
	display:block;
	position: relative;
	left: 311px;
	top:180px;
}
ul.high li{
	float:left;
	list-style:none;
	padding-right: 50px;
}
ul.high li h2{
	font-size:66px;
	float:left;
	color:#000;
}
ul.high li p{
	float:left;
}
ul.high p.up_to{
	position: relative;
	top: 8px;
	left: -9px;
	color:#CCCACB;
	font-size:21px;
}
ul.high div.under_price{
	float:left;
	position: relative;
	left: -71px;
	top: 44px;
}
ul.high li:nth-child(2) div.under_price{
	left: -38px;
}
ul.high div.under_price p{
	background: #fff;
}
ul.high div.under_price p span{
	position: relative;
	left: -20px;
	color:#B44261;
	text-transform:lowercase;
	font-family:italic;
}


p.createa{
	padding: 5px 20px 15px;
	color: red;
	text-align: center;
}


div.img_fon {
	display: inline-block;
	background: url(/images/waiting.gif) no-repeat center center;
	line-height: 2px;
	font-size: 2px;
	text-indent: 0px;
}
div#portfolio div.img_fon {
	background: transparent;
}

.ul_no_style,
.ul_no_style li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ol_style, .ul_style {
	padding-left: 30px;
}
.ol_style li {
	position: relative;
	list-style-position: outside;
	list-style-type: none;
	padding: 4px 0;
	line-height: 130%;
	list-style-type: none;
    list-style-position: outside;
    list-style-image: url("/images/li_gray.png");
    /* list-style-image: url("/images/li_green.png"); */
}

 	.ol_style li.disabled a,
	.ol_style li.disabled a:hover,
	.ol_style li.disabled a:focus,
	.ol_style li.disabled p,
	.ol_style li.disabled strong{
		text-decoration: none;
		color: #868686;
	}

	.ol_style li .vacancy_zp{
    position: absolute;
    bottom: 20%;
    right: 20%;
		width: 300px;
		text-align: left;
    font-size: 14px;
	}
	.ul_style {
		padding-left: 0;
	}
.ul_style li {
	position: relative;
	list-style: none;
	padding: 4px 0;
	padding-left: 30px;
	font-size: 14px !important;
	line-height: 130%;
}
.ul_style > li::before {
	content: "\e92e";

	font-family: 'art' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;

	position: absolute;
	left: 5px;
	margin-right: 7px;
	font-size: 16px;
    font-weight: 700;
    color: var(--main-color);
}
div.internet .ol_style li, div.internet .ul_style li {
	padding-top: 4px;
	padding-bottom: 4px;
}

.ol_style li li, .ul_style li li {
	list-style: disc outside none;
}
.ol_style li ul, .ul_style li ul {
	padding-top: 4px;
	padding-bottom: 4px;
}
.ol_style_n li {
	margin-bottom: 12px;
}

.ul-check-box {
	padding: 0;
}
.ul-check-box li {
	position: relative;
	list-style: none;
	margin-bottom: 1em;
	padding-left: 36px;
}
.ul-check-box li::before {
	content: "";
    display: inline-block;
    width: 23px;
    height: 21px;
    position: absolute;
    top: 0;
    left: 0;
    background: no-repeat url(/images/reklama-v-soc-setyah/check.png);
}

.ul-check-box_bl li::before {
	background-image: url(/images/icons/ic_2.png);
}

.ul-warning {
	padding: 0;
}
.ul-warning li {
	position: relative;
	list-style: none;
	margin-bottom: 1em;
	padding-top: 6px;
	padding-left: 40px;
	font-size: 20px;
	font-weight: bold;
}
.ul-warning li span {
	color: #e33d3d;
}
.ul-warning li::before {
	content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: no-repeat url(/images/box_warning.png);
}

.ul-removal {
	padding: 0;
}
.ul-removal li {
	position: relative;
	list-style: none;
	margin-bottom: 1em;
	padding-left: 20px;
	color: #000;
}
.ul-removal li::before {
	content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: .5em;
    left: 0;
    background: no-repeat url(/images/reklama-v-soc-setyah/not-adv-list.png);
}

.ul-sources {
	padding-left: 0;
}
.ul-sources li {
	list-style: none;
	margin-bottom: 10px;
}
.ul-sources li i {
	margin-right: 7px;
	text-decoration: none;
}
.ul-sources li a {
	color: inherit;
}
.ul-sources li:hover {
	color: #931e1e;
}

.list-angle-b {
	padding-left: 10px;
	list-style: none;
}
.list-angle-b li {
	position: relative;
}
.list-angle-b li::before {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 16px;
	height: 16px;
	background: url(/images/check-mark-black-outline.png);
}

li.list-plus {
	position: relative;
	padding-left: 30px;
}
li.list-plus::before {
	position: absolute;
	left: 8px;
	content: "+";
	color: #10A654;
	font-size: 24px;
	font-weight: 700;
	line-height: 14px;
}
li.list-minus {
	position: relative;
	padding-left: 30px;
}
li.list-minus::before {
	position: absolute;
	left: 8px;
	content: "-";
	color: #EB162D;
	font-size: 24px;
	font-weight: 700;
	line-height: 14px;
}

ul.list-hyphen {
	padding-left: 0;
}
ul.list-hyphen li {
	list-style: none;
}
ul.list-hyphen li::before {
	content: "-";
	display: inline-block;
	margin-right: 4px;
}

.clr {
	display: table;
	clear: both;
}
.clearfix::before,
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}
.akciya_1 {
	background: url(/images/akciya.png) no-repeat right;
}
.akciya_2 {
	color: red;
}
div#mouse {
	position: relative;
	top:0;
	left:0;
	background: red;
	width: 1px;
	height: 100%;
	display: table;
	float: left;
}
div#mouse1 {
	position: relative;
	top:0;
	left:0;
	background: red;
	width:100%;
	height: 1px;
}

.s4et > div {
	float: left;
	margin: 10px;
}

.welcome-pt-overlay {
	margin: 0 !important;
}


:root {
	--top-content--padding: 15px;
	--top-content-container--padding: 25px;

	--top-content-width: 1770px;

	--main-slider-min-height: 913px;

	--index: calc(1vw + 1vh);
}
@media (max-width: 1023.98px) {
	:root {
		--main-slider-min-height: 805px;
	}
}
@media (min-width: 1440px) {
	body.main {
		--top-line-width: calc(100% - 240px * 2);
		--top-menu-width: var(--top-line-width);
	}
	body.no_main {
		--top-menu-width: 100%;
	}
}

/* Контакты вверху */

.contakti-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
	padding: 14px var(--top-content--padding) 0;
	color: #000;
}
.contakti-top__container {
	max-width: var(--top-line-width, 1246px);
    margin-left: auto;
    margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	padding-left: var(--top-content-container--padding);
	padding-right: var(--top-content-container--padding);
}
.contakti-top_poiskivie_prodvizenie,
.contakti-top_reklamnyi_rolik_saita {
	color: #fff;
}
.contakti-top__mail a {
	font-size: 16px;
	line-height: 1;
	font-weight: 300;
	color: inherit;
	text-decoration: none;
}
.contakti-top__tel {
	display: flex;
	align-items: center;
}
.contakti-top__tel a {
	font-size: 20px;
	font-weight: 300;
	color: inherit;
	text-decoration: none;
}
.contakti-top__sicon {
	display: inline-block;
	width: 37px;
	height: 37px;
	border-radius: 50%;
    background-size: auto;
    background-position: center;
}
.contakti-top__sicon svg {
	fill: var(--main-color);
}
.contakti-top__tel-inner {
	display: flex;
	flex-direction: column;
}
.contakti-top__tel-link + a {
	margin-left: 8px;
}
.contakti-top__tel-link ~ a + a {
	margin-left: 6px;
}
.contakti-top__caption {
	margin-top: 1px;
	font-size: 12px;
	font-weight: 300;
	color: inherit;
	opacity: 0.7;
}

.contakti-top__sicon-phone {
	background-image: url(/images/icons/social-media/phone.png);
}
.contakti-top_default .contakti-top__sicon-phone,
.contakti-top__sicon-phone:hover {
	background-image: url(/images/icons/social-media/a_phone.png);
}
.contakti-top__sicon-wt {
	background-image: url(/images/icons/social-media/wtts.png);
}
.contakti-top_default .contakti-top__sicon-wt,
.contakti-top__sicon-wt:hover {
	background-image: url(/images/icons/social-media/a_wtts.png);
}
.contakti-top__sicon-vb {
	background-image: url(/images/icons/social-media/vb.png);
}
.contakti-top_default .contakti-top__sicon-vb,
.contakti-top__sicon-vb:hover {
	background-image: url(/images/icons/social-media/a_vb.png);
}
.contakti-top__sicon-tg {
	background-image: url(/images/icons/social-media/tel.png);
}
.contakti-top_default .contakti-top__sicon-tg,
.contakti-top__sicon-tg:hover {
	background-image: url(/images/icons/social-media/a_tel.png);
}
.contakti-top__sicon-max {
	background-image: url(/images/icons/social-media/max.png);
}
.contakti-top_default .contakti-top__sicon-max,
.contakti-top__sicon-max:hover {
	background-image: url(/images/icons/social-media/a_max.png);
}

.contakti-top__social-media {
	display: flex;
	align-items: center;
	gap: 17px;
}



/* -main- */
.contakti-top_main {
	color: #fff;
}

@media (max-width: 1439.98px) {
	.contakti-top {
		padding-top: 10px;
	}
}
@media (max-width: 1023.98px) {
	.contakti-top {
		display: none;
	}
}

/* Logo sprite block */

.logo-top-sprite {
	display: none;
}

/* Logo Block */
.logo-top {
	position: relative;
	display: flex;
	align-items: center;
}
.logo-top svg {
	color: #0f0f0f;
}
body.main .logo-top svg {
	color: #fff;
}
.logo-top__link {
	display: block;
}
.logo-top__link .mobile {
	display: none;
}
.logo-top svg {
	display: block;
	width: 240px;
    height: auto;
}
.logo-top__right {
	display: none;
	margin-left: 10px;
}
.b-main-nav:not(.b-main-nav_main) .logo-top__right .main {
	display: none;
}
.b-main-nav_main .logo-top__right .no-main {
	display: none;
}
.logo-top__right div:nth-child(1) {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	color: #0F0F0F;
}
.logo-top__right div:nth-child(1) span {
	color: #FF1212;
}
.logo-top__right div:nth-child(2) {
	margin-top: 6px;
	font-size: 12px;
	line-height: 1;
	color: #0F0F0F;
}

/* -Logo Block short- */
.logo-top_short {
	margin-top: 0;
}
.logo-top_short svg {
	display: block;
	width: 100px;
    height: 50px;
}
.logo-top_short .logo-top__right {
	display: block;
}

/* Main navigation line */

.b-main-nav {
	position: absolute;
	top: 85px;
	left: 0;
    right: 0;
	z-index: 30;
	padding-left: var(--top-content--padding);
	padding-right: var(--top-content--padding);
}
.b-main-nav__inner {
	position: relative;
}
.b-main-nav__container {
	max-width: var(--top-menu-width);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 75px;
	padding: 10px 25px;
	background: #fff;
	border-radius: 10px;
	filter: drop-shadow(0px 0px 10.5px rgba(0,0,0,0.14 ));
	background: linear-gradient(0deg, #ffffff 0.00%, #f5f5f5 11.69%, #ffffff 31.42%, #ffffff 100.00%);
}
.b-main-nav__logo {
	width: auto;
	flex-shrink: 0;
}
.b-main-nav:not(.b-main-nav_main) .b-main-nav__logo-outer {
	display: none;
}

@media (max-width: 575.98px) {
	.b-main-nav__logo {
		width: 190px;
	}
}

/* -main- */
.b-main-nav_main .b-main-nav__container {
	filter: none;
	background: rgba(253,253,253,0.122);
	backdrop-filter: blur(7px);
}
.b-main-nav_main :is(.b-menu__link-level-1, a.b-menu__link-level-1) {
	color: #fff;
}
.b-main-nav_main .b-menu__link-level-1 .icon-top {
	opacity: 1;
}


.b-main-nav__logo-outer {
	position: absolute;
	left: -15px;
	top: -70px;
	width: 240px;
}
.b-main-nav_main .b-main-nav__logo {
	display: none;
}
@media (max-width: 1439.98px) {
	.b-main-nav__logo-outer {
		display: none;
	}
	.b-main-nav_main .b-main-nav__logo {
		display: block;
	}
}


@media (min-width: 1250px) {
	.b-main-nav_reklamnyi_rolik_saita .b-main-nav__logo {
		display: none;
	}
	.b-main-nav_poiskivie_prodvizenie .b-main-nav__logo {
		display: none;
	}
}

.b-menu {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.b-menu ul {
	margin: 0;
	padding: 0;
}
.b-menu li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
.b-menu :is(a, span) {
	display: block;
}
.b-menu li .hit {
	margin-left: 14px;
	display: inline-block;
	vertical-align: middle;
}
.b-menu__li-level-1 {
	position: relative;
}
.b-menu__li-level-1::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: calc(100% - 2px);
	width: 100%;
	min-width: 125px;
	height: 20px;
}
.b-menu__link-level-1,
a.b-menu__link-level-1 {
	display: flex;
	align-items: center;
	position: relative;
	padding-right: 26px;
	min-height: 22px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}
.b-menu__link-level-1-wrap {
	position: relative;
	display: block;
}
.b-menu__link-level-1-wrap::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	border-top: 1px solid #000;
	opacity: 0;
	transition: opacity .2s;
	will-change: opacity;
}
.b-menu__link-level-1-icon {
	margin-right: 7px;
}
.b-menu__link-level-1-icon img {
	display: block;
}
.b-menu__link-level-1 .icon-top {
	position: absolute;
    right: 8px;
    top: calc(50% - 5px);
	z-index: 1;
	font-size: 10px;
	opacity: 0.5;
}

.b-menu .b-menu__ul li.active > a {
	text-decoration: underline;
}

@media (width >= 1024px) {
	.b-menu .b-menu__ul li.mobile {
		display: none;
	}
}

@media (min-width: 1024px) {
	/* 2 уровень */
	.b-menu__ul-wrap {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: calc(100% + 15px);
		left: 8px;
		z-index: 2;
		width: calc(100% - 8px);
		min-width: 210px;
		padding: 25px 25px;
		border-radius: 7px;
		background-color: #fff;
		filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.27));
		transition: opacity 0.2s, visibility 0.2s;
	}
	.b-menu__ul > li {
		display: block;
		margin-bottom: 10px;
	}
	.b-menu__ul > li:last-child {
		margin-bottom: 0;
	}
	.b-menu__ul > li :is(a, span) {
		margin: 2px 0;
		text-decoration: none;
		font-size: 15px;
		line-height: 1.3;
		font-weight: 400;
		color: #0f0f0f;
	}
	.b-menu__ul_services > li {
		margin-bottom: 0 !important;
	}
	.b-menu__ul_services > li > :is(a, span) {
		margin-bottom: 12px;
	}
	.b-menu__ul .icon-top {
		display: none;
	}
	/* 3 уровень */
	.b-menu__ul > li ul li {
		padding-left: 24px;
		background: no-repeat 6px 50% / 6px url(/images/icons/right-arrow.svg);
	}
	.b-menu__ul > li ul li a {
		opacity: 0.7;
	}
	.b-menu__ul-wrap_services {
		width: 820px;
	}
	.b-menu__ul_services {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		gap: 30px;
		max-height: 294px;
	}

	.b-menu__li-level-1.active > .b-menu__link-level-1 > .b-menu__link-level-1-wrap::after {
		opacity: 1;
	}

	.b-menu__link-level-1:hover {
		color: #000;
	}
	.b-menu__ul a:hover {
		text-decoration: underline;
	}
	.b-menu__li-level-1:hover .b-menu__ul-wrap {
		opacity: 1;
		visibility: visible;
		transition: 0;
	}
}

@media (max-width: 1439.98px) {
	.b-menu li {
		position: static;
	}
	.b-menu__ul-wrap {
		top: 100%;
		left: 10px;
		width: calc(100% - 20px);
	}

	.b-main-nav {
		top: 57px;
	}
	.b-main-nav__side {
		display: none;
	}


	.logo-top__link .desktop {
		display: none;
	}
	.logo-top__link .mobile {
		display: block;
	}
	body.main #artweb-logo-top .artweb-logo-colored {
		fill: #fff !important;
	}
	.logo-top__right {
		display: block;
	}
	.logo-top svg {
		width: 100px;
		height: 50px;
	}
}

.b-mobile-menu {
	display: none;
}
.b-btn-mobile {
	display: none;
}

@media (max-width: 1023.98px) {
	/* Mobile menu */
	.b-main-nav {
		top: 20px;
	}

	/* --Btn */
	.b-btn-mobile {
		margin-left: auto;
		display: block;
		position: relative;
	}
	.b-btn-mobile span {
		display: block;
		margin: 5px 0;
		width: 37px;
		height: 5px;
		background-color: var(--main-color);
	}
	.b-main-nav_main .b-btn-mobile span {
		background-color: #fff;
	}
	/* Menu block */
	.b-menu {
		display: none;
	}
	.b-mobile-menu {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;
		background-color: #fff;
		max-width: 80%;
		width: 330px;
		height: 100%;
	}
	.b-mobile-menu__scroll {
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}
	.b-mobile-menu.close {
		display: block;
		animation: slideOutLeft .5s both ease;
	}
	.b-mobile-menu.open {
		display: block;
		animation: slideInLeft .5s both ease;
	}
	body.in-use-modal {
		overflow: hidden;
	}
	.b-mobile-menu .b-menu {
		display: block;
	}
	.b-menu__link-level-1 {
		border-bottom: 1px solid #eee;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 7px;
		color: #212121;
	}
	.b-menu .icon-top {
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 0;
		right: 0;
		bottom: 0;
		width: 45px;
		opacity: 1;
		font-size: 12px;
	}
	.b-menu__ul-wrap,
	.b-menu__ul-wrap-level-2 {
		display: none;
	}
	.b-menu__ul {
		background-color: #F8F8F8;
	}
	.b-menu__ul li ul {
		position: relative;
		margin-top: -1px;
		background-color: #EFEFEF;
	}
	.b-menu__ul li > :is(a, span) {
		display: block;
		padding: 12px 45px 12px 48px;
		font-size: 16px;
		color: #212121;
		text-decoration: none;
	}
	.b-menu__ul > li > :is(a, span) {
		border-bottom: 1px solid #fff;
		position: relative;
		background: no-repeat 28px 50% / 6px url(/images/icons/right-arrow.svg);
	}
	.b-menu__ul > li:last-child > a {
		border-bottom: none;
	}
	.b-menu__ul li.active > a {
		text-decoration: underline;
	}

	.b-menu li.on > .b-menu__ul-wrap,
	.b-menu li.on > .b-menu__ul-wrap-level-2 {
		display: block;
	}

	.b-menu li.on > a > .icon-top {
		transform: rotate(180deg);
	}

	/* -contacts- */
	.b-mobile-menu__contacts {
		padding: 25px 30px 25px 18px;
		border-bottom: 1px solid #eee;
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.b-mobile-menu__contacts-tel-inner > div + div {
		margin-top: 10px;
	}
	.b-mobile-menu__contacts-tel-link {
		font-size: 19px;
		text-decoration: none;
		color: #212121;
	}
	.b-mobile-menu__contacts-call {
		background: #b04b6b;
		border: 0;
		padding: 5px 12px 5px;
		border-radius: 4px;
		font-size: 14px;
		line-height: 1.2;
		color: #fff;
	}
	.b-mobile-menu__contacts-social-wrap {
		display: flex;
		justify-content: center;
		gap: 15px;
	}
	.b-mobile-menu__sicon {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		background-color: #f5f5f5;
	}
	.b-mobile-menu__sicon svg {
		fill: var(--main-color);
	}
	
	.b-mobile-menu__close {
		position: absolute;
		display: block;
		width: 32px;
		height: 32px;
		z-index: 1;
		top: 40px;
		left: calc(100% + 15px);
	}
	.b-mobile-menu__close::before,
	.b-mobile-menu__close::after {
		content: "";
		position: absolute;
		top: 43%;
		display: block;
		width: 100%;
		height: 4px;
		background-color: #fff;
	}
	.b-mobile-menu__close::before {
		transform: rotate(-45deg);
	}
	.b-mobile-menu__close::after {
		transform: rotate(45deg);
	}
	.b-mobile-menu__overlay {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: fixed;
		z-index: 1000;
		background: rgba(30,30,30,0.9);
		right: 0;
		top: 0;
		-webkit-animation: fadeOut .5s both ease;
		animation: fadeOut .5s both ease;
	}
	.b-mobile-menu__overlay.overlay-hide {
		display: none;
	}
	.b-mobile-menu__overlay.overlay-show {
		display: block;
		-webkit-animation: fadeIn .3s both ease;
		animation: fadeIn .3s both ease;
	}
}

@media (max-width: 575.98px) {
	.b-mobile-menu__contacts {
		padding-left: 10px;
		padding-right: 10px;
	}
	.b-mobile-menu__contacts-tel-link {
		font-size: 14px;
	}
}

.b-main-nav .pismo .main {
	display: none;
}
.b-main-nav_main .pismo .no-main {
	display: none;
}
.b-main-nav_main .pismo .main {
	display: block;
}

@media (max-width: 1439.98px) {
	.button-switch-menu-city-wrap {
		display: none;
	}
}


.b-left-menu {
	margin-top: 30px;
	margin-bottom: 30px;
}
.b-left-menu :is(h3, .h3) {
	margin-left: 5px;
	margin-left: 9px;
}
.b-left-menu ul {
	padding-left: 0;
}
.b-left-menu ul>li {
	list-style: none;
	padding-left: 24px;
	background: no-repeat 9px 50% / 6px url(/images/icons/right-arrow.svg);
}
.b-left-menu ul>li>a {
	display: block;
    padding: 4px 0;
	text-decoration: none;
	color: #000;
}
.b-left-menu ul>li.active>a,
.b-left-menu ul>li>a:hover {
	text-decoration: underline;
}


div.niz {
	/* padding-top: 50px; */
	/* background: url(/images/bg_bottom.jpg) bottom left repeat-x; */
	position: relative;
}
div.niz2 {
    margin-top: -10px;
	padding-bottom: 100px;
	background-color: var(--grey-color);
	/* background: url(/images/bg_bottom2.jpg) bottom left no-repeat; */
}


ul.bottom_menu {
	left: 37px;
	position: absolute;
	top: 203px;
}
ul.bottom_menu li{
	list-style: none;
	padding-left: 15px;
	background: url(/images/li.gif) 0px 5px no-repeat transparent;
}
ul.bottom_menu  a{
	text-decoration: none;
	color: #464646;
	padding-right: 5px;
	display: block;
	margin-bottom: 15px;
}
ul.bottom_menu  a:hover {
	padding-left: 5px;
	padding-right: 0;
}




div.niz div.contakt {
	padding-top: 10px;
}

div.niz div.contakt a {
	text-decoration: none;
	color: #464646;
}

div.contakt_div div {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	min-height: 40px;
	margin: 15px 0;
	border: 1px solid #e5e5e5;
	background: #f3f3f3;
	background: -webkit-linear-gradient(90deg, #f3f3f3 0%, #ffffff 67%, #f3f3f3 100%);
	background: -moz-linear-gradient(90deg, #f3f3f3 0%, #ffffff 67%, #f3f3f3 100%);
	background: -o-linear-gradient(90deg, #f3f3f3 0%, #ffffff 67%, #f3f3f3 100%);
	background: -ms-linear-gradient(90deg, #f3f3f3 0%, #ffffff 67%, #f3f3f3 100%);
	background: linear-gradient(0deg, #f3f3f3 0%, #ffffff 67%, #f3f3f3 100%);
}
.__tel-icon,
.__location-icon,
.__skype-icon,
.__email-icon,
.__viber,
.__telegramm,
.__WhatsApp,
.__beeline,
.__mts,
.__max {
	content: '';
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 8px;
}
.__c_address {
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: left;
}
.__tel a {
	display: inline-block;
	text-decoration: none;
	font-size: 15px;
	color: #000;
}
div.contakt_div .__tel:before{
	margin: -12px 8px 0px 0px;
}
div.contakt_div .__telvibtel:before{
	margin: -12px 0px 0px 0px;
}
.__tel-icon {
	background-image: url(/images/contact/icon-set-6.png);
}
.__viber{
	background-image: url(/images/contact/icon-set-3.png);
	margin-right: 0;
}
.__telegramm{
	background-image: url(/images/contact/icon-set-4.png);
	margin-right: 0;
}
.__WhatsApp{
	background-image: url(/images/contact/icon-set-2.png);
	margin-right: 0;
}
.__max{
	background-image: url(/images/contact/max-msg.jpg);
	margin-right: 0;
}

.__beeline{
	background-image: url(/images/contact/icon-set-8.png);
	margin-right: 0;
}

.__mts{
	background-image: url(/images/contact/icon-set-9.png);
	margin-right: 0;
}

.__location-icon {
	background-image: url(/images/contact/icon-set-1.png);
}




.__skype>a{
	display: flex;
    align-items: center;
	text-decoration: none;
	font-size: 14px;
	color:  #000;
}
.__skype-icon {
	background-image: url(/images/contact/icon-set-5.png);
}
.__email>a{
font-size: 14px;
	color:  #000;
}
.__email-icon {
	background-image: url(/images/contact/icon-set-7.png);
}



div.contakt_div b {
	
	font-weight: 700;
	font-size: 18px;
	color: #ef7009;
}
div.rezim_raboti {

}
	.__we_work,
	.__we_rest {
		margin-bottom: 10px;
		padding: 10px;
		border: 1px solid #e2e4e3;
		overflow: hidden;
	}
		.rezim_raboti .__days{
			float: left;
			display: block;
			width: 80px;
			margin-right: 10px;
			padding: 10px 0px;
			text-align: center;
			text-transform: uppercase;
			font-size: 18px;
			color: #fff;
		}
		.rezim_raboti .desc{
			text-align: center;
		}
			.rezim_raboti .__we_work .__days{
				background: #3aa08a;
			}
			.rezim_raboti .__we_rest .__days{
				background: #e53b3c;
			}
			.rezim_raboti .__we_work  .desc em{
				line-height: 1.2;
				font-size: 16px;
				font-weight: bold;
				color: #3aa08a;
			}
			.rezim_raboti .__we_rest  .desc em{
				line-height: 1.2;
				font-size: 16px;
				font-weight: bold;
				color: #e53b3c;
			}




.social-links-contact div.stchetchik {
/*
	position: absolute;
	left: 10px;
	bottom: -70px;
	width: 350px;
*/
    float: none;
    margin: 0 90px;
}
.social-links-contact .line {
    display: flex;
    align-items: center;
    margin: 0;
	gap: 10px;
}

.social-links-contact .line .type-pay {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-self: center;
}
.social-links-contact .line .type-pay span {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    cursor: pointer;
}
.social-links-contact .line .type-pay span.visa {
    background: url(/images/pay_set.png) no-repeat center bottom 0;
}
.social-links-contact .line .type-pay span.visa:hover,
.social-links-contact .line .type-pay span.visa:focus {
    background: url(/images/pay_set.png) no-repeat center bottom -52px;
}
.social-links-contact .line .type-pay span.master-card {
    background: url(/images/pay_set.png) no-repeat center bottom -134px;
}
.social-links-contact .line .type-pay span.master-card:hover,
.social-links-contact .line .type-pay span.master-card:focus {
    background: url(/images/pay_set.png) no-repeat center bottom -186px;
}
.social-links-contact .line .type-pay span.web-money {
    background: url(/images/pay_set.png) no-repeat center bottom -268px;
}
.social-links-contact .line .type-pay span.web-money:hover,
.social-links-contact .line .type-pay span.web-money:focus {
    background: url(/images/pay_set.png) no-repeat center bottom -320px;
}
.social-links-contact .line .type-pay span.mir {
    background: url(/images/pay_set.png) no-repeat center bottom -402px;
}
.social-links-contact .line .type-pay span.mir:hover,
.social-links-contact .line .type-pay span.mir:focus {
    background: url(/images/pay_set.png) no-repeat center bottom -454px;
}
.social-links-contact .line .type-pay span.qivi {
    background: url(/images/pay_set.png) no-repeat center bottom -536px;
}
.social-links-contact .line .type-pay span.qivi:hover,
.social-links-contact .line .type-pay span.qivi:focus {
    background: url(/images/pay_set.png) no-repeat center bottom -588px;
}
.social-links-contact .line .type-pay span.yandex {
    background: url(/images/pay_set.png) no-repeat center bottom -670px;
}
.social-links-contact .line .type-pay span.yandex:hover,
.social-links-contact .line .type-pay span.yandex:focus {
    background: url(/images/pay_set.png) no-repeat center bottom -722px;
}
.social-links-contact .line .type-pay span.undefined {
    background: url(/images/pay_set.png) no-repeat center bottom -804px;
}
.social-links-contact .line .type-pay span.undefined:hover,
.social-links-contact .line .type-pay span.undefined:focus {
    background: url(/images/pay_set.png) no-repeat center bottom -856px;
}
.social-links-contact .line .type-pay span.cash {
    background: url(/images/pay_set.png) no-repeat center bottom -938px;
}
.social-links-contact .line .type-pay span.cash:hover,
.social-links-contact .line .type-pay span.cash:focus {
    background: url(/images/pay_set.png) no-repeat center bottom -990px;
}

div.niz div.adres {
	position: absolute;
	left: 10px;
	bottom: 388px;
	width: 99px;
}
div.niz div.adres a {
	text-decoration: none;
}


div.niz div.contakt_bottom {
	position: absolute;
	left: 10px;
	bottom: 80px;
	display: flex;
	
}
div.niz div.contakt_bottom  h3 {
	color: #797979;
}


span.telefon {
	font-size: 15px;
	color: #464646;
	padding-left: 27px;
	background: url(/images/tel.png) 0px 2px no-repeat transparent;
}
span.email {
	background: url(/images/e_mail.gif) 7px 4px no-repeat transparent;
	padding-left: 27px;
}
div.s4et4ik {
	margin-top: 10px;
	cursor: pointer;
}
div.liniya {
	border-top: 1px solid #999999;
	height:1px;
	overflow:hidden;
	margin: 5px 0 5px 0;
}
div.clear {
	clear: both;
	height:1px;
	overflow:hidden;
}
div#soderzanie{
	position: relative;
	top: 0;
	left: 0;
}
div#soderzanie p:first-letter {

}
div#soderzanie ul.otstup {
	margin-left: 185px
}
div#soderzanie a img {
	text-decoration: none;
}



div.tablica1, div.tablica2, div.tablica3 {
	display: table;
	width: 100%;
}
div.tablica1 {
	/* background: #dbdbdb; */
}
div.tablica2 {
	/* background: url(/images/table_top.jpg) top right no-repeat; */
}
div.tablica3 {
	position: relative;
	padding-bottom: 0px;
}

ul.no_background {
    margin-left: 20px !important;
    margin-right: 50px !important;
}
ul.no_background li {
    background: none;
    list-style: disc;
    padding-left: 0;
}

.row-cutaway {
    display: flex;
	justify-content: space-between;
	align-items: flex-end;
    margin: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
}
.row-cutaway .title-h2 {
    color: var(--main-color);
    font-size: 36px;
    font-weight: 700;
    text-transform: initial;
}
.row-cutaway .title-h3 {
	margin: 0;
}
.row-cutaway .title-h2_grey {
	color: #717171;
	opacity: .5;
}
.row-cutaway .title-h2 span,
.row-cutaway p {
    color: #717171;
    font-size: 16px;
	font-weight: 400;
	opacity: .7;
}
.row-cutaway p {
    display: flex;
    align-items: center;
}
.row-cutaway .links a,
.main_conteiner .row-cutaway .a_href {
	display: inline-block;
	margin: 0 5px;
	padding: 0 25px 0 25px;
	border: 1px solid #e0e0e0;
	border-radius: 7px;
	text-decoration: none;
	color: #010101;
	font-size: 16px;
	line-height: 54px;
}
.row-cutaway .links a:hover {
	background-color: #F4584B;
	color: #fff;
}
.row-cutaway .links a i {
	margin-right: 12px;
	font-size: 20px;
}
.row-cutaway .example.a_href {
	font-style: normal;
	font-weight: normal;
}


/* Slick */

.slick-prev, 
.slick-next {
	width: 40px;
	height: 40px;
}

.slick-prev {
    left: -40px;
}

.slick-next {
	right: -40px;
}

.slick-prev:before, 
.slick-next:before {
	font-size: 40px;
	color: #ccc;
}


/* Выпадающие списки */
.drop-down-arrow {
	display: inline-flex;
	align-items: center;
	color: #000;
}
.drop-down-content {
	display: none;
}
.drop-down-title {
	position: relative;
	border: 1px solid var(--grey-border);
	padding: 21px 17px 15px 50px;
	color: #000;
	line-height: 1;
	font-size: 16px;
}
.drop-down-title.on {
	border-bottom: none;
	color: #850000;
}
.drop-down-title .drop-down-arrow {
	float: right;
}
.drop-down-title.on .drop-down-arrow {
	color: #850000;
}
.drop-down-target i {
	display: inline-block;
	margin: 0 5px;
}
.drop-down-title > i {
	position: absolute;
	left: 16px;
	top: 20px;
}
.drop-down-arrow i:nth-child(2) {
	display: none;
}
.on .drop-down-arrow i:nth-child(1),
.drop-down-arrow.on i:nth-child(1) {
	display: none;
}
.on .drop-down-arrow i:nth-child(2),
.drop-down-arrow.on i:nth-child(2) {
	display: inline-block;
}
.drop-down-target {
	cursor: pointer;
}
.drop-down-content {
	padding: 21px 21px 15px;
	color: #000;
}
.drop-down-title + .drop-down-content {
	border: 1px solid var(--grey-border);
	border-top: none;
}
.drop-down-content + .drop-down-title {
	border-top: none;
}
.drop-down-content p {
	text-align: left;
}
.drop-down-content ul {
	list-style: none;
}
.drop-down-content li {
	margin-bottom: 5px;
}
.drop-down-content a {
	color: #000;
}
.drop-down-wrap {
	margin-bottom: 20px;
}
.drop-down-wrap .ol_style {
	padding-left: 20px;
}




/* Форма калькулятора магазина */
.shop-calc-form a {
	color: #000;
}
.shop-calc-form td {
	padding: 8px;
	line-height: 1.2;
	vertical-align: middle;
}
.shop-calc-form tr > td:first-child {
	text-align: right;
}
.shop-calc-form tr > td:nth-child(2) {
	text-align: center;
}
.shop-calc-form tr > td:nth-child(3) {
	min-width: 100px;
	user-select: none;
}
.shop-calc-form .btn-flat {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.shop-calc-form input {
	font-size: 14px;
	text-align: center;
	border-radius: 4px;
	box-shadow: none;
	border: 1px solid var(--grey-border);
	line-height: 34px;
}
.shop-calc-form label {
	cursor: pointer;
}
.shop-calc-form__btn-wrap {
	text-align: center;
}
.tpl-exampl .btn-flat {
	margin-top: 25px;
	margin-right: 70px;
}
.tpl-exampl__title {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 900;
	color: #a7528a;
}
.tpl-exampl__link {
	display: block;
	position: relative;
}
.tpl-exampl__link::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-68%, -80%);
	width: 80px;
	height: 80px;
	background: no-repeat center/auto url(/images/icons/icon-link.png);
	filter: drop-shadow(2px 4px 6px #fff);
	opacity: 0;
	transition: .3s ease;
}
.tpl-exampl__link:hover::after {
	opacity: 1;
}


/* my_checkbox */
.my_checkbox {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border: 2px solid #686868;
	margin: 0 auto;
}
.my_checkbox .icon-right {
	display: none;
	position: absolute;
	left: 1px;
    top: 1px;
	font-size: 10px;
	color: #fff;
}
input[type="checkbox"].checkbox-styled:checked + .my_checkbox {
	background: #FF6856;
	border-color: #FF6856;
}
input[type="checkbox"].checkbox-styled:checked + .my_checkbox i {
	display: block;
}
.my_checkbox-wrap {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}


.image-templates-wrap {
	position: relative;
	margin-bottom: 40px;
	padding-top: 100%;
}

.image-templates-wrap figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: transform 0.3s ease-out;
}

.image-templates-wrap figcaption {
	font-size: 12px;
	padding: 2px 5px;
}

.image-templates-wrap:hover figure {
	transform: scale(1.1);
}


a.a_main {
	display: block;
	height: 153px;
	left: 64px;
	position: absolute;
	top: 43px;
	width: 153px;
	z-index: 4878;
	background: url(/images/a_main.png) 0px 200px no-repeat;
}
a.a_main:hover {
	background: url(/images/a_main.png) 0px 0px no-repeat;
}

div.coment_hid {
	display: none;
}

div.coment {
	color: #555555;
	font-size: 12px;
	line-height: 1.4em
}
div#portfolio span, div#portfolio span a{
	display: block;
	float: left;
	position: relative;
	height: 200px;
}
div.portfolio_1 a {
	border: 1px solid #c7c7c7;
	margin-right: 10px;
	width: 198px;

}
div#portfolio span a img {
	margin-right: 0;
}


div.portfol_web span, div.portfol_web span a{
	display: block;
	float: left;
	position: relative;
	height: 200px;
}
div.portfol_web span {
	height: 215px;
}
div.portfol_web span a {
	margin-right: 10px;
}
div.portfol_web span a img {
	margin-right: 0;
}


/*
div.boxs_img {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
*/
div#soderzanie .box_img {
	height: 200px;
	width: 200px;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
}
div#soderzanie .box_img img {
	max-width: 100%;
	display: block;
}

div#soderzanie .box_img .box_text {
	position: absolute;
	left: 0;
	bottom: -110px;
	height: 110px;
	display: block;
	width: 100%;
	padding: 10px;
	background: linear-gradient(to top, rgba(0,0,0, .9), rgba(0,0,0, .7) 50%, rgba(0,0,0, .3) 85%, rgba(0,0,0, 0) 100% );
	color: #fff;
	filter: alpha(opacity=80);
	z-index: 500; 
	transition: all .2s;
}

div#soderzanie .box_img:hover .box_text {
	bottom: 0;
}
div#soderzanie .box_img .box_text a {
	margin: 10px auto;
	padding: 6px 12px;
	border-radius: 30px;
	background-color: red;
	text-decoration: none;
	color: #fff;
	transition: all .1s;
	font-size: 14px;
}

div#soderzanie .box_img .box_text a:hover {
	opacity: .85;
	background-color: #E70000;
}
div#soderzanie .box_img .site_create {
	position: absolute;
	right: 8px;
	top: 8px;
	color: #fff;
	font-weight: bold;
}













div#colorbox {
	z-index: 999;
	max-width: 100% !important;
}

.cboxPhoto {
	max-width: 100% !important;
}






div#ugol {
	position: absolute;
	right: 0; top: 0;
	display: none;
}
div#ugol div{
	float: right;
	position: relative;
}
div#ugol img {
	width: 35px;
	height: 36px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	border: 0;
}
div#ugol div.ugol_block {
	width: 35px;
	height: 35px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(/images/ugol_baner.jpg) no-repeat right top;
}
div#raschet {
	padding: 280px 10px 0 10px;
	width: 110px;
	text-align: center;
	overflow: hidden;
}
div#raschet a {
	font-weight: bold;
	text-decoration: none;
	color: #670000;
}
div#raschet a:hover {color: red}
div#forma table{
	table-layout: auto;
}
table.raschet{
	table-layout: auto;
	padding: 2px;
	border: 0;
	width: 95%;
	border-collapse:collapse;
	padding:0px;
}
table.raschet td {
	padding: 7px 10px 7px 10px;
}
table.raschet  tr.td_t td{
	background-image: url(/images/td_bg_t.jpg);
	background-color: #f9c498;
	background-repeat: no-repeat;
}
table.raschet td.left{
	background-position: 0 -20px;
}
table.raschet td.right{
	background-position: right -20px;
	text-align: right;
}
table.raschet td.top_right{
	background-position: right top;
	text-align: right;
	width: 61px;
}
table.raschet td.top_left {
	background-position: left top;
}
table.raschet  tr.td_s td{
	background-image: url(/images/td_bg_s.jpg);
	background-color: #fcd8b6;
	background-repeat: no-repeat;
}
table.raschet td.bottom_right{
	background-position: right bottom;
	text-align: right;
}
table.raschet td.bottom_left {
	background-position: left bottom;
}
table.raschet td span.koment {
	color: #6b6b6b;
	font-size: 12px;
	font-weight: normal;
}
table.raschet td.pusto {
	background: #fff;
	font-size: 5px;
}
table.raschet td.zagolovok {
	font-weight: bold;
	text-align: center;
}

table.raschet td.esli {
	padding: 5px 5px 5px 30px;
}
table.raschet td.esli table {
	background: #fbd9b3;

}
table.raschet td.esli table td{
	background-image: none;
	padding: 2px;
}
span#valuta {
	display: none;
	margin: 0 0 5px 20px;
}
span#valuta a {
	text-decoration: underline;
	cursor: pointer;
}
span#valuta a:hover {
	color: red;
}
table.raschet span.usd {
	display: none;
}
div#magazin_tovar {
	display: none;
}
div#rabota_nad_site, div#magazin_tovar {
	padding-top: 5px;
}
div#redakt_form {
	text-align: center;
	padding: 5px;
}
div#dop_servisi td td {
	background: #fff;
}
div.submit {
	text-align: center;
	padding-top: 10px;
}
div.submit input {
	border: 0;
	background: url(/images/sabmit.jpg) no-repeat left top #f9c498;
	width: 187px;
	height: 29px;
	font-weight: bold;
	padding-bottom: 4px;
	cursor: pointer;
	color: #fff;
}
div#flas {
	position: absolute;
	top: 10px;
	left: 44px;
	height: 200px;
	overflow: hidden;
	padding:0;
}

td.left_column {
	width: 212px;
}
.left_column2 {
	z-index: 9;
}
div.div_copyright {
	padding-top: 25px;
	margin-bottom: 30px;
	font-size: 12px;
	color: #b1b1b1;
	background: url(/images/copyright.png) right bottom no-repeat;
	padding-left: 24px;
}

div.polosa_1 {
	line-height: 1px;
	padding: 0;
	width: 100%;
	background: #060002;
}
div.polosa_1 img {
	width:100%;
	height:6px;
	display: block;
}
div.fixid {
	width: 800px;
	height: 0;
	line-height: 0;
}
div#vizitki img {
	margin: 5px 0;
}
div#portfolio_navigator {
	position: absolute;
	top: 10px;
	left: 480px;
	z-index: 160;
}
div#portfolio_navigator_all {
    height: 74px;
    left: 673px;
    position: absolute;
    top: 50px;
    width: 99px;
	background: url(/images/all.png) top left no-repeat;
	overflow: hidden;
}
div#portfolio_navigator_all a {
	text-decoration: none;
	position: absolute;
	top: 27px;
	left: 29px;
}
div#portfolio_navigator_1 ol {
	margin: 5px 0;
	list-style: none;
	padding-left: 15px;
}
div#portfolio_navigator_1 ol  a{
	font-size: 16px;
	text-decoration: none;
	color: #000;
}
div#portfolio_navigator_1 ol  a.activ {
	color: red;
	font-weight: bold;
}
div.dom, div.mail {
	display: block;
	position: absolute;
	top: -21px;
	color: #fff;
	padding-bottom: 20px;
	width: 21px;
	z-index: 99;

}
div.dom div, div.mail div{
	padding: 2px 5px;
	width: 165px;
}
div.dom div {
	background: red;
}
div.mail div {
	background: #e8641b;
}
div.dom div a, div.mail div a, div.dom div a:hover, div.mail div a:hover {
	color: #fff;
	text-decoration: none;
}
div.dom:hover, div.mail:hover {
	top: 0;
	height: 20px;
	z-index: 150;
}
div.dom {
	left: 640px;
	background: url(/images/dom.png) no-repeat bottom left;
}
div.mail {
	left: 585px;
	background: url(/images/mail.png) no-repeat bottom left;
}
div.portfolio_5 {
	margin-bottom: 5px;
	padding-bottom: 8px;
	border-bottom: 1px solid #cecece;
	height: auto;
}
div.ne_rabotaet {
	background: url("../images/colorbox/overlay.png") repeat scroll 0 0 transparent;
	display: block;
	opacity: 0.5;
	height: 100%;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9998;
	text-align: center;
}
div.ne_rabotaet_2 {
	position: fixed;
	left: 0;
	top: 35%;
	text-align: center;
	color: red;
	z-index: 9999;
	margin: 0 auto;
	width: 100%;
}
div.ne_rabotaet_2 div {
	background: url("../images/stop.jpg") no-repeat 15px 10px #fff;
	padding: 30px 20px 30px 110px;
	width: 50%;
	margin: 0 auto;
	-moz-border-radius: 23px;
	-khtml-border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-box-shadow: 1px 1px 7px #000000;
	-webkit-box-shadow: 1px 1px 7px #000000;
}
div.navigator {
	text-align: center;
	padding: 0px;
	position: absolute;
	top: 2px;
	left: 428px;
}
div.navigator  div {
	width: 150px;
	margin: 0 auto;
}
div.navigator a, div.navigatof_bottom a{
	text-align: center;
	text-decoration: none;
	background: url("../images/a_bg.jpg") no-repeat 0 0 #fff;
	display: block;
	width: 23px;
	height: 21px;
	float: left;
	color: #fff;
	font-weight: bold;
	padding: 4px 0 0 0;
}
div.navigator a.active, div.navigatof_bottom a.active {
	background-position: 0 -23px;
	cursor: default;
}
table.main_table {
	width: 100%;
}
div.navigator a:hover {
	background-position: 0 -50px;
}
div.navigator a.active:hover {
	background-position: 0 -23px;
}





.main_table {
	display: flex;
	padding-bottom: 75px;
}
.left_column {
	background: url("../images/border-right.svg") no-repeat right top;
	width: 260px;
	padding-right: 10px;
}
.right_column {
	background: url("../images/border-left.svg") no-repeat left top;
	width: 260px;
	padding: 0 15px;
}
article {
	max-width: var(--main-container-width);
	flex: 1;
}
article.no_right {
	width: 83%;
}


/* Grid system */
.container,
.container-xl {
    max-width: var(--main-container-width);
	padding-right: var(--aw-gutter-x);
	padding-left: var(--aw-gutter-x);
    margin-left: auto;
	margin-right: auto;
    position: relative;
}

.container-xl {
	max-width: 1920px;
}

.container-fluid {
	padding-right: var(--aw-gutter-x);
	padding-left: var(--aw-gutter-x);
}

div#soderzanie{
	position: relative;
}
div.soderzanie1 {
	padding-right: var(--aw-gutter-x);
	padding-left: var(--aw-gutter-x);
}
@media (width <= 767.98px) {
	.soderzanie1 .container {
		padding-right: 0;
		padding-left: 0;
	}
	.force-full-width .container {
		padding-right: var(--aw-gutter-x);
		padding-left: var(--aw-gutter-x);
	}
}




/* Article footer */
.footer {
    margin-top: 48px;
    padding-top: 18px;
    border-top: 1px solid #e0e0e0;
}

.footer-note {
    font-size: 12px;
    color: #888888;
}


div.blok_div {
	position: relative;
	height: 30px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 13px;
}
div.navigatof_bottom {
	margin: 0 auto;
	width: 150px;
}

span.pnamber {
	position: relative;
	top: -8px;
	left: 3px;
	font-size: 9px;
}

.h0 {
	margin-bottom: 20px; font-size: 35px;
}

div.accordion-item {
	counter-increment: qna-counter;
	position: relative;
	border-bottom: 1px solid var(--grey-border);
}

.accordion-item__header, 
div.accordion-item .money-item__title {
	margin: 0;
	padding: 20px 40px 20px 50px;
	text-transform: initial;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 400;
	color: #000;
	cursor: pointer;
}
.accordion-item__header h2,
.accordion-item__header h3 {
	margin: 0;
	padding: 0;
	text-transform: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
}
.accordion-item__header::before {
	content: counter(qna-counter, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #a7528a;
}
.accordion-item__icon-collapse {
	position: absolute;
	top: 20px;
	right: 15px;
	width: 18px;
	height: 18px;
	background: url("/images/icons/icon_plus.png") no-repeat center center;
	transition: 0.2s ease-out;
}
.accordion-item.in .accordion-item__icon-collapse {
	background-image: url("/images/icons/icon_minus.png");
}
div.accordion-item > h3, div.accordion-item > a > h3 {
	padding-left: 25px;
}
.accordion-item__text {
	display: none;
	padding: 5px 25px 25px 50px;
	background: #fff;
}


.accordion-item__text ul,
.accordion-item__text ol {
	margin-bottom: 12px;
}