:root {
	--main-color: #a8528b;
	--grey-color: #f4f7fc;
	--grey-border: #dde4f1;
	--dark-grey-color: #f0f3fa;
	counter-reset: qna-counter;

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

* {
	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! */

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;
}
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;
}

p {
	text-align: justify;
	font-size: 14px;
	margin-bottom: 12px;
	line-height: 130%;
}
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: 14px;
}
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 {
	margin: 0;
	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 {
	font-size: 2.1764em;
	color: #d0d0d0;
}
.h1_middle {
	font-size: 0.7647em;
	line-height: 1.3;
	font-weight: 800;
}
.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: 110%;
	padding: 2px 0;
}
h4 {
	font-size: 18px;
	line-height: 110%;
	padding: 2px 0;
	margin: 4px 0;
}
h5 {
	font-size: 16px;
	line-height: 110%;
	padding: 2px 0;
}
h6 {
	font-size: 14px;
	line-height: 110%;
	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);
}

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 {
	display: block;
	max-width: 100%;
	height: auto;
}

.table-styled :is(td, th) {
	padding: 10px 16px;
}
.table-styled :is(td, th):first-child {
	text-align: left;
}
.table-styled :is(td, th):not(:first-child) {
	text-align: center;
}
.table-styled :is(td, th):not(:last-child) {
	border-right: 2px solid #fff;
}
.table-styled tbody tr:nth-child(odd) td:not(:last-child) {
	border-right-color: var(--grey-color);
}
.table-styled thead :is(td, th) {
	background-color: #535a67;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
.table-styled tbody tr:nth-child(even) td {
	background-color: var(--grey-color);
}
.table-styled td b {
	text-transform: uppercase;
	color: #010101;
}
.table-styled td .btn {
	width: 100%;
	border-radius: 0;
}
.table-styled .icon-check {
	font-size: 16px;
	font-weight: 700;
	color: var(--main-color);
}
.table-styled .td-btn-wrap {
	padding: 0;
}
.table-styled tbody tr:hover td {
	background-color: #E1E4EB;
}

.table-whide {
	width: 100%;
}

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

/* ! Buttons */

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

.btn,
.u-btn > span {
	display: inline-block;
	padding: 9px 36px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	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%, #f2503a 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%, #f2503a 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%, #f2503a 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%, #f2503a 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%, #f2503a 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, #f2503a);
	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-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%, #f2503a 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;
	font-size: 14px !important;
	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;
}

.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: 74px;
	--top-content-container--padding: 25px;

	--top-content-width: 1770px;
	--top-menu-width: 1246px;

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

	--index: calc(1vw + 1vh);
}

@media (max-width: 1599.98px) {
	:root {
		--top-menu-width: 1046px;
	}
}
@media (max-width: 1439.98px) {
	:root {
		--top-content--padding: 50px;
		--top-menu-width: 100%;
	}
}
@media (max-width: 1023.98px) {
	:root {
		--main-slider-min-height: 805px;
	}
}
@media (max-width: 767.98px) {
	:root {
		--top-content--padding: 12px;
	}
}

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

.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-menu-width);
    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: contain;
}
.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__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__link {
	display: block;
}
.logo-top__link .mobile {
	display: none;
}
.logo-top svg {
	display: block;
	width: 100%;
    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: calc((100% - var(--top-menu-width)) / 2);
	max-width: 245px;
}
.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 a {
	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 (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 a {
		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 > a {
		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: 274px;
	}

	.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 > a {
		display: block;
		padding: 12px 45px 12px 48px;
		font-size: 16px;
		color: #212121;
		text-decoration: none;
	}
	.b-menu__ul > li > a {
		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 {
	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;
}

.__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;
    
}
.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;
	font-size: 14px;
	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;
	font-size: 14px;
	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 {
	text-align: center;
}
.tpl-exampl .btn-flat {
	margin-top: 25px;
	margin-right: 70px;
}




/* 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 {
	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;
}





div.main_table {
	display: flex;
}
div.left_column {
	background: url("../images/border-right.svg") no-repeat right top;
	width: 260px;
	padding-right: 10px;
	padding-top: 70px;
}
div.right_column {
	background: url("../images/border-left.svg") no-repeat left top;
	width: 260px;
	padding: 0 15px;
}
article {
	width: calc(100% - 520px);
}
article.no_right {
	width: 83%;
}







div#soderzanie{
	position: relative;
}
div.soderzanie1 {
	padding: 0 40px;
}


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 {
	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 {
	counter-increment: qna-counter;
	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;
}

.accordeon-shop div.accordion-item {
  padding-left: 15px;
  background: url(/images/akordion_text.jpg) no-repeat 467px 0 #f5f5f5;
}
div.text_h2 {
	margin-bottom: 25px;
	padding: 10px 20px 20px;
	border: 1px solid #dedede;
	background: #fff;
	text-align: center;
}

div.text_h2 .money_ico-title {
	margin-top: -50px;
	margin-bottom: 50px;
}

div.akordeon_money .akordeon_money-title {
	padding: 10px 0;
}

div.akordeon_money.sozdanie_sajta {
    background: #f5f5f5;
    padding-left: 10px;
}
div.akordeon_money.sozdanie_sajta h2 {
    margin: 5px 0;
}
div.akordeon_money + h3 a {
	display: flex;
	align-items: center;
	justify-content: center;
}
div.akordion_text {
	background: url("../images/akordion_text.jpg") no-repeat 467px 0 #f5f5f5;
}
/*
div.reklama_net {
	padding-left: 40px;
    background: url(/images/akordion_text.jpg) no-repeat 467px 0 #f5f5f5;
}
*/
div.accordion-item span.dopzag{
	font-size: 14px;
	font-weight: normal;
	color: #818080;
}

@media (max-width: 767px) {
	.accordion-item__header, 
	div.accordion-item .money-item__title {
		padding: 20px 40px;
		font-size: 16px;
	}
	.accordion-item__text {
		padding: 5px 5px 25px 40px;
	}
}

div.ugol_1, div.ugol_2, div.ugol_3, div.ugol_4 {
	position: absolute;
	background: url("../images/slider.png") no-repeat top left;
	width: 12px;
	height: 12px;
}
div.ugol_1 {
	top: -3px;
	left: -3px;
	background-position: top left;
}
div.ugol_2 {
	bottom: -3px;
	left: -3px;
	background-position: bottom left;
}
div.ugol_3 {
	bottom: -3px;
	right: -3px;
	background-position: bottom right;
}
div.ugol_4 {
	top: -3px;
	right: -3px;
	background-position: top right;
}

.money_ico .top_sale {
    overflow: hidden;
	padding-top: 70px;
}
/* 
.other_sites {
	display: none;
} */

.money_ico + .read-more {
	position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
}
.money_ico + .read-more button {
    position: relative;
	margin: auto;
    border-radius: 25px;
    text-decoration: underline;
	cursor: pointer;
	
    text-transform: uppercase;
    background-color: #b7b7b7;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    
    padding: 8px 50px;
    padding-left: 30px;
    border: none;
    margin-top: -15px;
    margin-bottom: 25px;
}
.money_ico + .read-more button:hover {
    background-color: #000;
}
.money_ico + .read-more button:after {
    content: '';
    width: 19px;
    height: 10px;
    background: url(/images/read-more-arrow.png);
    position: absolute;
    right: 20px;
    top: 15px;
	transform: rotate(180deg);
	
	transition: rotate .4s;
}

.money_ico + .read-more button.active:after {
    transform: rotate(0deg);
}


.portfolio_chudo_2 .money_ico .money_ico1 {
	display: block;
}
.money_ico .top_sale .money_ico1{
	display: block;
}

.accordion-item.accordeon-context {
	background: url(/images/reklama_net.jpg) no-repeat 10px 0 #f5f5f5;
	/* padding-left: 40px; */
}


.accordion-item.accordeon-context > h2:first-child {
	text-align: center;
}

.accordeon-context .money_ico .top_sale {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.accordeon-context div.money_ico1 {
	margin: 0 0 38px 0;
}
.accordeon-context .money_ico1 ul {
	list-style-position: inside;
}


.top_sale.money_ico {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.top_sale.money_ico .money_ico1 {
	flex: calc(100% / 4 - 20px);
}

@media (max-width: 1199px) {
	.top_sale.money_ico .money_ico1 {
		flex: calc(100% / 2 - 20px);
	}
}


.box-warning {
	background: url("../images/box_warning.png") no-repeat scroll 5px 50% var(--grey-color);
	border: 1px solid var(--grey-border);
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 1px 0 #FFFFFF;
	padding: 23px 32px 23px 55px;
	margin: 15px 0;
	text-indent: 0;
}
.box-warning2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 30px;
	padding: 60px 20%;
	margin: 60px 0;
	background-image: url("../images/box_warning2.png"), url("../images/box_warning2.png");
	background-position: center top, center bottom;
	background-repeat: no-repeat;
}

.box-green {
	margin: 15px 0;
	text-indent: 0;
	border-radius: 8px 8px 8px 8px;
	padding: 23px 32px 23px 55px;
	background: #f1fbdb;
    border: 1px solid #cbe3a5;
}

.box-primer {
	padding: 22px 5% 22px 20%;
}
.box-primer, .box-primer ol {
	
	opacity: 0.6;
	text-align: right;
}
.box-primer ol {
    list-style:  none;
}
.box-recap {
	margin: 50px 0;
	padding: 20px;
	border-radius: 8px 8px 8px 8px;
	background: #f1fbdb;
	border: 3px solid #cbe3a5;
	font-size: 17px;
	
	font-weight: 700;
	opacity: 0.9;
	line-height: 32px;
}
.box-recap  h3 {
	font-size: 25px;
	opacity: 0.7;
}


.advanced-setup {
  border: 2px dashed #e5e5e5;
  margin: 15px auto;
}
.advanced-setup .row > div {
  padding: 10px;
}
.advanced-setup .row {
  display: flex;
}
.advanced-setup .row:nth-child(odd) {
  background-color: #f8f8f8;
}
.advanced-setup .row:nth-child(even) {
  background-color: #fff;
}
.advanced-setup .name {
  width: 90%;
}
.advanced-setup .price {
  width: 10%;
}

.portfolio-opencart {
  overflow: hidden;
}

.read-more {
	margin: 15px 0;
	text-align: center;
}



/* .boxs_img-wrap .read-more,
.portfolio-opencart .read-more {
  clear: both;
  text-align: center;
}

.boxs_img-wrap .read-more button,
.portfolio-opencart .read-more button {
  border-radius: 25px;
  text-decoration: underline;
  cursor: pointer;
  position: relative;
  background-color: #b7b7b7;
  color: #fff;
  font-size: 20px;
  padding: 8px 50px;
  padding-left: 30px;
  border: none;
  margin: 15px 0;
}

.boxs_img-wrap .read-more button.close,
.portfolio-opencart .read-more button.close {
  float: none;
  opacity: 1;
  text-shadow: none;
  line-height: normal;
}

.boxs_img-wrap .read-more button:after,
.portfolio-opencart .read-more button:after {
    content: '\e90e';
	font-family: 'art';
	font-size: 18px;
	font-style: normal;
	line-height: .5;
    width: 19px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 15px;
    transform: rotate(180deg);
}

.boxs_img-wrap .read-more button:hover,
.portfolio-opencart .read-more button:hover {
  text-decoration: none;
  background: #000;
}

.boxs_img-wrap .read-more button.close:after,
.portfolio-opencart .read-more button.close:after {
  transform: none;
} */


div#scroll_top {
	position: fixed;
	right: -70px;
	bottom: 170px;
	z-index: 510;
	width: 60px;
	height: 60px;
	background: url("../images/go_top.png") no-repeat 0 0;
}
div#scroll_top a{
	display: block;
	width: 60px;
	height: 60px;
	cursor: pointer;
	text-decoration: none;
}





td.l_td {
	width: 212px;
}
td.r_td {
	width: 130px;
}






.alert {
	background: url("../images/alert.gif") repeat-x scroll 0 100% transparent;
	cursor: pointer;
	position: relative;
	left: 0;
	top: 0;
	display: inline;
}

/* -----------------------------------------
 *			Модальное окно на страницах портфолио + кнопка вызывающая модальное окно
 * ----------------------------------------- */
@keyframes threeDimenFlipVertical {
	from { transform: rotateY(90deg); }
	to { transform: rotateY(0deg); }
}

.b-modal-window {
	background: rgba(0,0,0, .8);
	bottom: 0;
	height: 100vh;
	left: 0;
	top: 0;
	right: 0;
	position: fixed;
	width: 100%;
	z-index: 1100;
}
.l-modal-window__container {
	bottom: 0;
	height: 250px;
	left: 0;
	margin: auto;
	max-width: 600px;
	right: 0;
	perspective: 1000px;
	position: absolute;
	top: 0;
	width: 100%;
}
.b-modal-window__container {
	animation-duration: .3s;
	animation-name: threeDimenFlipVertical;
	background: #fff;
	border-radius: 5px;
	height: 275px;
	padding: 0 0 30px;
	
	font-weight: 700;
	width: 100%;
}
.b-modal-window__header {
	background: #e74c3c;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	font-size: 28px;
	font-weight: 700;
	line-height: 40px;
	margin: 0;
	padding: 10px;
	text-align: center;
}
.b-modal-window__header::before {
	background: url(/images/icons/warning.png) no-repeat center;
	content: '';
	display: block;
	height: 32px;
	width: 32px;
}
.l-modal-window__main-text {
	margin: 0 auto;
	padding: 30px 0;
	width: 300px;
}
.b-modal-window__main-text {
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	text-indent: 0;
}
.b-modal-window__btn-show-site:link, .b-modal-window__btn-show-site:visited {
	background: #e74c3c;
	border-radius: 20px;
	color: #fff;
	display: block;
	line-height: 40px;
	margin: 10px auto;
	padding: 0 15px;
	text-align: center;
	width: 170px;
	font-size: 18px;
}
.b-modal-window__btn-show-site:hover {
	background: #b53e32;
}

.a_href {
	border: none;
	cursor: pointer;
	/*display: inline;*/
	display: inline-block;
	color: #670000;
	
	font-weight: 700;
	/*font-size: 15px;*/
	font-size: 20px;
	left: 0;
	position: relative;
	top: 0;
	text-decoration: underline;
}
.a_href.simple {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	text-decoration: underline;
	color: #000;
}



.site-position span.a_href {
	text-decoration: underline;
	cursor: pointer;
	font-size: 12px;
}
span.a_href {
	display: inline;
	text-decoration: none;
}
div.portfol_web span.a_href , div.portfol_web span.a_href  a {
	float: none;
	height: auto;
	display: inline;
	border: 0;
}
.a_href:hover {
	color: red;
}
.a_href:hover div, .a_href div, div.mes_div2 {
	color: #000;
	text-decoration: none;
}
div.mes_div {
    position: absolute;
    width: 500px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    text-align: justify;
    padding: 10px;
    bottom: 25px;
    right: 0;
    left: 0;
	margin: 0 auto;
	z-index: 1;
}
div.mes_div:after {
    content: '';
    border: 13px solid transparent;
    border-top: 13px solid #ccc;
    position: absolute;
    bottom: -26px;
}

.a_href_money {
	color: #6c6c6c;
	text-decoration: none;
}
.b-modal-window__btn-close {
	background: url(/images/icons/close.png) no-repeat center;
	height: 24px;
	position: absolute;
	right: 10px;
	transition: .5s;
	top: 11px;
	width: 24px;
	cursor: pointer;
	z-index: 220;
}
.b-modal-window__btn-close:hover {
	transform: rotate(180deg);
}






/* new  portfolio  */ 
div.portfolio_boxs {
	display: flex;
	flex-wrap: wrap;
}
div.portfolio_box {
	width: 20%; 
	padding: 5px;
	position: relative;	
}
.site_typeA {
	display:none;
}
div.portfolio_box:hover .site_typeA {
	display:block;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 15px;
    color: #fff;
    text-shadow: 1px 1px 3px black;
    font-size: 14px;
	font-weight: bolder;
}
div.portfolio_box2 {
	position: relative;
	height: 0;
	border: none;
	padding-top: 75%;
	background: #eee;
	overflow: hidden;
	/* box-shadow: 0 0 3px rgba(0,0,0,0.5); */
}
div.portfolio_box2 img {
	position: absolute;
	top: 0;
	left: 0;
	background: var(--grey-color);
	width: 100%;
	height: 100%;
}
div.portfolio_box2 div.text_box {
	position: absolute;
    bottom: 0;
    left: 0;
	transform: translateY(100%);
    color: #fff;
    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% );
    width: 100%;
    height: auto;
    padding: 2%;
    transition: all .2s;
    font-size: 0.7vw;
}
.tooltipster-follower .tooltipster-content {
	padding: 10px;
}
span.nobr {
    white-space: nowrap;
}
div.portfolio_box2:hover > div.text_box {
	transform: translateX(0%);
}
div.portfolio_box2 > div.text_box > a {
	text-decoration: underline;
    color: #fff;
}

div.portfolio_box2 .site_create {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	color: #fff;
	background: rgba(0,0,0, .7);
}


.portfolioBox {
	margin-bottom: 60px;
}

.portfolioBox .portfolio_box2 a:hover > img{
    -webkit-transform: translate(0%,0%) scale(1.2);
    -ms-transform: translate(0%,0%) scale(1.2);
    -o-transform: translate(0%,0%) scale(1.2);
    transform: translate(0%,0%) scale(1.2);
}
.portfolioBox .portfolio_box2 a > img{
    -webkit-transform: translate(0%,0%) scale(1);
    -ms-transform: translate(0,0%) scale(1);
    -o-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1);
    transition: transform .3s;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
	width: 100%;
	max-width: 100%;
    height: auto;
}
.portfolioBox.load{
	background: url(/images/loadscuare.gif) center no-repeat;
	min-height: 50px;
}

.portfolioBox_bitrix .portfolio_box {
	flex: 1;
	max-width: 25%;
}

.filter_tema {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px;
}
.filter_tema li {
    display: block;
}
.filter_tema li a {
    line-height: 35px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #dfdede;
    text-decoration: none;
    color: #3A3A3A;
    padding: 0 16px;
    border-radius: 10px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 6px;
    margin-right: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
}
.filter_tema a.active, .filter_tema li a:hover {
	background: #3A3A3A;
	border-color: #3A3A3A;
	color: #fff;
}
.portfolioBox button.read-mores {
    text-align: center;
    margin: 0 auto;
    display: block;
	text-decoration: none;
}
@media (max-width: 767px) {
	.filter_tema li a {
		font-size: 12px;
	}
}


.portfolio-case__link.a_href {
	text-decoration: underline;
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

.portfolio-case__task {
	padding-left: 20%;
}
.portfolio-case__task-title {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 18px;
}


div.manu_flash {
	padding: 15px;
}
div.manu_flash h3 {
	font-size: 30px;
	line-height: 45px;
}


.logo_img {
	position: absolute;
	left: 40%;
	top: 45px;
	width: 220px;
	height: auto;
	z-index: 9;
}

.white-comp {
	position: absolute;
    top: 0;
	left: 0;
	z-index: -1;
}

.animated-top-bg {
	position: absolute;
    top: 0;
    left: 300px;
    right: 0;
	z-index: -1;
    overflow: hidden;
}

#bred {
	position: absolute;
	top: 180px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	color: #FFF;
	padding-right: 10px;
	float: left;
	line-height: 1;
	opacity: 0.7;
}
#bred.active {
	display: block;
}
#bred span {
	display: block;
	float: left;
}
#bred a, #bred u {
	text-decoration: none;
	padding: 12px 13px 12px 8px;
	float: left;
	display: block;
	font-weight: 300;
	color: #0f0f0f;
}
#bred a:hover {
	color: #000;
}
#bred a {
	background: no-repeat 100% 53% / 6px url(/images/icons/right-arrow.svg);
}
#bred a.nav_home {
	padding-right: 5px;
}
#bred a.nav_home::before {
	content: '\e91c';
    font-family: 'art';
}
body.Opera #bred {
	line-height: 1px;
}


.breadcrumb {
	position: absolute;
	top: 180px;
	left: 50%;
	transform: translateX(-50%);
	color: #FFF;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	float: left;
	line-height: 1;
}
.breadcrumb li {
    float: left;
	list-style: none;
}
.breadcrumb li > a,
.breadcrumb li > span {
	display: block;
	text-decoration: none;
	padding: 12px 13px 12px 8px;
	font-weight: 300;
	color: #0f0f0f;
	opacity: 0.7;
}
.breadcrumb li > a {
	background: no-repeat 100% 53% / 6px url(/images/icons/right-arrow.svg);
}
.breadcrumb li > a:hover {
	text-decoration: underline;
}


table.table_2 td {
	padding-right: 15px;
}
table.table_2 {
	width: 100%;
	min-width: 820px;
}




div.best_div {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
div.best_div div {
	text-align: center;
	border-right: 1px dashed #CCCCCC;
	width: 25%;
	margin-bottom: 45px;
	padding: 5px;
}
div.best_div span {
	font-size: 12px;
	color: #919191;
	display: block;
	padding-top: 5px;
}








table.t_money b {
	color: #af0022;
}

div.portfolif_site {
	overflow: hidden;
}


a.readmore1 {
    background: url("/images/readmore1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
	display: block;
    float: right;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding: 9px 65px 9px 11px;
    text-decoration: none;
    transition: none 0s ease 0s;
}
.readmore1 a:hover, a.readmore1:hover, #phocagallery a.readmore1:hover {
    background: url("/images/readmore1.png") no-repeat scroll 0 -92px rgba(0, 0, 0, 0);
    text-decoration: none;
}






/* box_img screenshot */
.screenshot {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/* background: url(/images/waiting.gif) no-repeat center center; */
	position: absolute;
	cursor: pointer;
}

#screenshot {
    position: absolute;
    top: 0;
	padding: 0;
    box-shadow: 0 0 4px rgba(124, 124, 124, 0.48);
    -moz-box-shadow: 0 0 4px rgba(124, 124, 124, 0.48);
    -webkit-box-shadow: 0 0 4px rgba(124, 124, 124, 0.48);
    display: none;
    color: #333333;
    z-index: 29500;
	border: 20px solid #fff;
}
#screenshot img {
    display: block;
	position: relative;
}

td.right_tema {
	width: 140px;
	text-align: center;
}






div.bg_flash_bottom {
	height: 350px;
	background: url("/images/bg_flash_bottom.jpg") no-repeat left bottom;
	position: relative;
}

div.bg_flash_bottom embed{
	bottom: 150px;
    left: 420px;
    position: absolute;
}








}
table.prise {
	border: none;
	margin: 10px 0;
}
table.prise thead th {
	font-weight: bold;
	text-align: left;
	border: none;
	padding: 13px 15px;
	background: var(--dark-grey-color);
	font-size: 14px;
	border-left: 1px solid var(--dark-grey-color);
	border-right: 1px solid var(--dark-grey-color);
}
table.prise tbody td {
	text-align: left;
	border-left: 1px solid var(--dark-grey-color);
	border-right: 1px solid var(--dark-grey-color);
	padding: 13px 15px;
	font-size: 14px;
	vertical-align: top;
}
table.prise thead tr th:first-child, table.prise tbody tr td:first-child {
	border-left: none;
}
table.prise thead tr th:last-child, table.prise tbody tr td:last-child {
	border-right: none;
}
table.prise tbody tr:nth-child(even){
	background: var(--grey-color);
}











div.f_style > div{
	position: relative;
	left: 0;
	top: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
	border: 1px solid #e1e1e1;
	width: 230px;
	float: left;
	margin: 0 16px 16px 0;
	height: 164px;
}
div.f_style h3 {
	width: 182px;
	height: 68px;
	padding: 11px 22px 40px 6px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 10px;
	background: url("/images/f_stylle/bg_f_style.png") no-repeat left top;
	z-index: 500;
	font-size: 18px;
}

div.f_style h3 a{
	text-decoration: none;
	color: #fff;
}
div.f_style img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 400;
}
div.f_style {
	overflow: hidden;
}
div.f_style > div > div {
	left: 6px;
    position: absolute;
    top: 79px;
    width: 128px;
    z-index: 450;
	font-size: 12px;
	line-height: 14px;
}
div.f_style div.img_fon {
	position: static;
}
div.f_style > div:hover {
	border: 1px solid red;
}
div.f_style > div:hover h3{
	background: url("/images/f_stylle/bg_f_style.png") no-repeat left -109px;
}
table.portfolio {
	width: 100%;
}
table.site-position, table.podderzka {
	width: 100%;
	border: 2px solid var(--dark-grey-color);
}
table.podderzka td.podderzka_td, table.site-position td.td_site-position {
	text-align: center;
}
table.podderzka td {
	padding: 10px 15px;
}
table.podderzka tr.td2 td {
	background: var(--grey-color);
}
table.podderzka tr.td_hover td, table.site-position tr:hover td{
	background: var(--dark-grey-color);
}
table.podderzka td.podderzka_td h3 {
	margin-bottom: 15px;
}
table.portfolio embed {
	padding: 5px 0;
}
table.site-position td {
	border-bottom: 1px solid var(--dark-grey-color);
	padding: 3px 0;
}

table.calculyator td.podderzka_td {
	text-align: left;
	padding: 10px 20px;
}






table.table_style_1 td {
	padding: 9px 8px;
}
table.table_style_1 {
	border: 2px dashed #e5e5e5;
}


.table-responsive {
	overflow: auto;
}


div#number_n {
	position: absolute;
	right: 30px;
	top: 30px;
	font-size:  27px;
	
	font-weight: 700;
	color: #919191;
}
.soderzanie1 .content_bottom {
	overflow: hidden;
}
div.name_money h2{
	text-align: left;
}
div.name_money {
	font-size: 12px;
	line-height: 14px;
	padding: 10px 0;
}


div.div_float {
	float: left;
	padding-right: 10px;
}
ul.ul_sity {
	overflow: hidden;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 30px;
    row-gap: 10px;
}
ul.ul_sity li a {
	text-decoration: none;
	color: #000;
}
ul.ul_sity li a:hover {
	text-decoration: underline;
}

div.accordion-item h2.zamok {
	background: url(/images/zamok.png) no-repeat 0px 6px;
	padding-left: 22px;
}

table.sravnenie {
	margin: 20px 30px;
	border: 3px solid #eeeeee;
}
table.sravnenie td, table.sravnenie th {
	border: 1px solid #eeeeee;
	padding: 10px;
}
table.sravnenie th {
	background: #eeeeee;
}

/* Продвижение сайта или контекстная реклама? */
div.sravnenie {
	background: url("/images/image_contextual/sravnenie.jpg") no-repeat center top;
	overflow: hidden;
	padding-bottom: 77px;
}
div.sravnenie {
	max-width:996px;
	margin: 0 auto;
}
div.sravnenie2.zagolovok {
	font-size: 20px;
	
	font-weight: 700;
	height: 48px;
	padding: 13px 0;
	background: none;
}
div.sravnenie2.zagolovok div.col1 {
	text-align: center;
}
div.sravnenie2 div {
	float: left;
	padding: 12px 10px;
	height: 50px;
}
div.sravnenie div.col1, div.sravnenie div.col3 {
	width: 292px;
}
div.sravnenie div.col1 {
	text-align: right;
}
div.sravnenie div.col2 {
	width: 282px;
	text-align: center;
}
div.sravnenie div.col1 {
	background: url("/images/image_contextual/green_li.png") no-repeat 309px 10px;
	padding-right: 40px;
    width: 350px;
}
div.sravnenie div.col3 {
	background: url("/images/image_contextual/red_li.png") no-repeat 20px 10px;
	padding-left: 45px;
}
div.sravnenie2.zagolovok div.col3, div.sravnenie2.zagolovok div.col1 {
	background: none;
}


/* Продвижение сайта или контекстная реклама? */

td.image_money_main {
	width:160px;
}
.years a.activ {
  color: red;
}
.years a {
	text-decoration: none;
	font-weight: 700;
	line-height: 1;
	color: #909090;
}
.years a:hover {
	color: red;
}

.years a:nth-child(1),
.years a:nth-child(2) {
	font-size: 40px;
	padding: 0 10px;
}
.years a:nth-child(2)::after {
	content: "";
	display: table;
	clear: both;
}
.years a:nth-child(3),
.years a:nth-child(4),
.years a:nth-child(5) {
	font-size: 26px;
	padding: 0 6px;
}
.years a:nth-child(5)::after {
	content: "";
	display: table;
	clear: both;
}
.years a:nth-child(6),
.years a:nth-child(7),
.years a:nth-child(8) {
	font-size: 18px;
	padding: 0 5px;
}
.years a:nth-child(8)::after {
	content: "";
	display: table;
	clear: both;
}
.years a:nth-child(9+n) {
	font-size: 14px;
	padding: 0 5px;
}

/* a.portfolio_2021, a.portfolio_2020 {
	font-size: 40px;
	padding: 0 10px;
}
a.portfolio_2019, a.portfolio_2018 , a.portfolio_2017 {
	font-size: 26px;
	padding: 0 6px;
}
a.portfolio_2016, a.portfolio_2015, a.portfolio_2014, a.portfolio_2013 {
	font-size: 18px;
	padding: 0 5px;
}
a.portfolio_2012 {
	font-size: 14px;
	padding: 0 5px;
} */



/* Image Flow Style */
#imageflow{
	height: 600px;
    margin: 0 200px;
    *clear: both;
    position: relative;
	margin-left: auto;
    margin-right: auto;
}
.imageflowCenter{
	text-align:center;
    margin-left: auto;
    margin-right: auto;
	width: 70%;
	margin-right: 23%;
}
#imageflow img {
	position: absolute;
	top: 0px;
	border: none;
}
#imageflow #images{
	visibility:hidden;
	height:405px;
}
#imageflow #loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#imageflow #loading img{
	margin-top:10px;
	position:relative;
}
#imageflow #captions{
	font-weight:bold;
	position:relative;
	text-align:center;
	z-index:10000;
	color: #747474;
}
#imageflow #scrollbar{
	visibility:hidden;
	position:relative;
	border-bottom: 8px solid #efefef;
	z-index:10001;
}
#imageflow #slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(img/slider.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	border: 3px solid #b0b0b0;
}

div.mobile_site {
	width: 934px;
	height: 587px;
	background: url(/images/mobile_bg.jpg) no-repeat 0px 0px;
	position: relative;
}
div.mobile_site_m {
	height: 312px;
	left: 714px;
	position: absolute;
	top: 68px;
	width: 192px;
	overflow-y: scroll;
	overflow-x: hidden;
}
div.mobile_site_f {
	height: 314px;
	left: 39px;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	top: 65px;
	width: 596px;
}


 

div.on_the_full_width {
	/* margin-left: -23.5%;
	margin-right: -23.5%; */
	
	margin-left: calc( (14vw + 38px) * -1);
	margin-right: calc( (14vw + 36px) * -1);
	overflow: hidden;
}




/* Блок Порядок работы */
.poriadok-raboti-container {
	position: relative;
	z-index: 10;
}

.poriadok-raboti-h {
	position: absolute;
	top: 12.2%;
	left: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
	font-size: 48px;
	font-weight: 700;
	color: #000000;
	text-transform: none;
}

.poriadok-raboti {
	position: relative;
	overflow: hidden;
	/* padding-top: 60px; */
}

.poriadok-raboti img,
.poriadok-raboti svg {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.poriadok-raboti::before {
	content: "";
	display: block;
	padding-bottom: 72.8125%;
}

.poriadok-raboti-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat center center / contain;
	background-color: #fffdf0;
	z-index: -1;
}

.no-webp .poriadok-raboti-bg {
	background-image: url(/images/poriadok_raboti/interactive-block/track.png);
}
.webp .poriadok-raboti-bg {
	background-image: url(/images/poriadok_raboti/interactive-block/track.webp);
}

.poriadok-raboti-track {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	padding-top: 6%;
}

.poriadok-raboti-cars {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	padding-top: 6%;
}

/* SVG порядок работы */
.poriadok-raboti-cars > svg > g {
    cursor: pointer;
}
.poriadok-raboti-cars > svg > g > g {
	display: none;
}
.poriadok-raboti-cars > svg > g:hover > circle,
.poriadok-raboti-cars > svg > g:hover > path,
.poriadok-raboti-cars > svg > g:hover > rect {
    fill: #ff752a !important;
    stroke: #ff752a !important;
}
.poriadok-raboti-cars > svg > g:hover > path[id^=x] {
    fill: #fffdf0 !important;
    stroke: #fffdf0 !important;
}
.poriadok-raboti-cars > svg > g:hover > text {
    fill: #fffdf0 !important;
}
.poriadok-raboti-cars > svg > g:hover > circle[id^=e],
.poriadok-raboti-cars > svg > g:hover > path[id^=w],
.poriadok-raboti-cars > svg > g:hover > rect[id^=w],
.poriadok-raboti-cars > svg > g.active > circle[id^=e],
.poriadok-raboti-cars > svg > g.active > path[id^=w],
.poriadok-raboti-cars > svg > g.active > rect[id^=w] {
    filter: none;
}
.poriadok-raboti-cars > svg > g.active > g {
	display: block;
}


.prlx-img {
	position: absolute;
}

/* .prlx-img img {
	max-width: none !important;
	height: auto;
} */

#prlx-cars {
	top: 20.2%;
	left: -16.8%;
	width: 35.3%;
}

#prlx-tinsel-left {
	top: 35.2%;
	left: -13%;
	width: 24.8%;
}

#prlx-tinsel-right {
	top: 0;
	left: 63.7%;
	width: 41.62%;
}

#prlx-flag {
	top: 26.4%;
	left: 77.5%;
	width: 29.167%;
}

#moove-car1 {
	position: absolute;
	width: 48px;
	height: 124px;
	top: 475px;
	left: 576px;
	transform: rotate(-141deg);
}

#moove-car2 {
	position: absolute;
	width: 49px;
	height: 125px;
	top: 525px;
	left: 1012px;
	transform: rotate(39deg);
}


div.zamena_tel {
	color: #cecece;
	
	font-weight: 700;
	font-size: 50px;
}


div.srok_isgotovleniya {
	color: #cecece;
	
	font-weight: 700;
	font-size: 30px;
	text-align: center;
}

.production-time-row {
	display: flex;
	gap: 0 35px;
	border: 1px solid #ddd;
}
.production-time-row__image {
	flex: 1;
	font-size: 0;
	max-width: 214px;
}
.production-time-row__image img {
	height: 100% !important;
	object-fit: cover;
}
.production-time-row__content {
	flex: 1;
	padding: 25px 25px 35px;
}
.production-time-row__title {
	margin-bottom: 20px;
	font-size: 34px;
	font-weight: 900;
	color: #cecece;
	text-transform: uppercase;
}
.production-time-row__title span {
	color: #a7528a;
}
.production-time-row__text {
	margin-bottom: 20px;
	font-size: 13px;
}
.production-time-row__text div {
	margin-bottom: 2px;
}
.production-time-row__acc {
	color: var(--main-color);
}

@media (max-width: 575.98px) {
	.production-time-row {
		flex-direction: column;
		gap: 10px;
	}
	.production-time-row__title {
		font-size: 30px;
	}
}

.production-time__row {
	display: flex;
	gap: 25px;
}
.production-time__image {
	flex: 1;
	font-size: 0;
	max-width: 346px;
}
.production-time__image img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}
.production-time__content {
	flex: 1;
}
.production-time__title {
	padding: 0 15px;
	margin-top: 25px;
	margin-bottom: 30px;
	font-size: 34px;
	font-weight: 900;
	color: #cecece;
	text-transform: uppercase;
}
.production-time__title span {
	color: #a7528a;
}
.production-time__text {
	padding: 0 15px;
	margin-bottom: 26px;
	font-size: 13px;
}
.production-time__text div {
	margin-bottom: 2px;
}
.production-time__acc {
	padding: 0 15px;
	margin-bottom: 25px;
	font-size: 16px;
	color: #a7528a;
}
.production-time__btn-order-wrap {
	margin-top: 35px;
}

@media (max-width: 575.98px) {
	.production-time__image {
		max-width: initial;
	}
}

.best_aerosemka {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 13px;
}

.best_aerosemka__item {
	background-color: var(--grey-color);
	border: 1px solid var(--grey-border);
	text-align: center;
	padding: 20px;
}

.best_aerosemka__item .numeral {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 50px;
	font-size: max(min(2.7vw, 50px), 28px);
}

.best_aerosemka__item p {
	text-align: center;
    font-size: 16px;
    max-width: 200px;
	margin-left: auto;
	margin-right: auto;
    line-height: 1.5;
}

@media screen and (max-width: 1023px) {
	.best_aerosemka {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 575px) {
	.best_aerosemka__item {
		padding: 10px;
	}
}

.pochta-clients {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 13px;
}
.pochta-clients__item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--grey-color);
	border: 1px solid var(--grey-border);
	text-align: center;
	padding: 20px;
	text-decoration: none;
	color: #000;
}
.pochta-clients__item p {
	text-align: center;
    font-size: 16px;
    max-width: 200px;
	margin-left: auto;
	margin-right: auto;
    line-height: 1.5;
}
@media screen and (max-width: 1023px) {
	.pochta-clients {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 575px) {
	.pochta-clients__item {
		padding: 10px;
	}
}


div.main_conteiner_2 {
	padding-top: 250px;
}

div#left_menu ul {
	padding: 0px;
	margin: 0;
}
div#left_menu li {
	position: relative;
	left: 0;
	padding: 0;
	margin: 0;
	display: block;
}
div#left_menu ul a {
	display: block;
	list-style: none;
	padding: 3px 0 3px 24px;
    background: no-repeat 9px 50% / 6px url(/images/icons/right-arrow.svg);
	text-decoration: none;
	color: #3a3a3a;
}
div#left_menu ul a.activ, div#left_menu ul a:hover {
	text-decoration: underline;
}

div#left_menu .h2 {
	margin-left: 5px;
	font-size: 20px;
}



.page-money div.akordeon_money.sozdanie_sajta,
.page-money div.text_h2 {
	padding: 0;
	border: none;
}

.akordeon_money:not(.sozdanie_sajta) .ul_arrows_left {
	display: none;
}

div.sozdanie_sajta.akordeon_money {
	margin-top: 65px;
	margin-bottom: 90px;
	padding: 0;
	border: none;
	overflow: visible;
}

div.sozdanie_sajta.akordeon_money .ugol_1,
div.sozdanie_sajta.akordeon_money .ugol_2,
div.sozdanie_sajta.akordeon_money .ugol_3,
div.sozdanie_sajta.akordeon_money .ugol_4 {
	display: none;
}

div.sozdanie_sajta.akordeon_money > h2 {
	display: none;
} 


div.sozdanie_sajta.akordeon_money .top_sale {
	margin-top: 20px;
}

div.sozdanie_sajta.akordeon_money div.text_h2, div.main_top {
	overflow: visible;
}

.text_h2__container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;
}

.money_ico-title-wrap {
	display: inline-block;
	margin: auto;
}

div.sozdanie_sajta.akordeon_money .top_sale .money_ico-title-wrap {
	margin-top: -56px;
}

div.sozdanie_sajta.akordeon_money .other_sites .money_ico-title-wrap {
	margin-top: -50px;
}

.money_ico-title {
	position: relative;
	max-width: 100%;
	margin: auto;
	text-align: center;
	background: #fff;
}

.money_ico-title h2 {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 10px;
	background-color: #fff;
	font-size: 55px;
	font-size: max(min(55px, 5vw), 23px);
	color: #ddd;
}

.money_ico-title h2 a {
	color: inherit;
}

.money_ico-title::before,
.money_ico-title::after {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	height: 3px;
	background-color: #C7C7C7;
}

.page-money .money_ico-title::before,
.page-money .money_ico-title::after {
	content: "";
}


div.money_ico .money_ico-title p {
	margin-top: 15px;
	text-align: center;
	font-size: 14px;
}

.money_ico-images {
	margin-top: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	column-gap: 30px;
	container-name: myContainer;
  	container-type: inline-size;
}
.money_ico-images__item {
	flex: 1;
	height: 116px;
}

.b-bordered {
	display: flex;
    padding: 0 10px;
    height: 70px;
    border: 1px solid #b1b1b1;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}

.money_ico-images-item {
	display: flex;
	align-items: center;
	gap: 5px;
	position: relative;
	overflow: hidden;
	border: 1px solid #dedede;
	background-color: #fff;
}

.money_ico-images-item img {
	max-width: 38% !important;
    height: 114px !important;
    object-fit: cover;
    object-position: right;
}

.money_ico-images-item__text {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	gap: 5px;
	text-transform: uppercase;
	text-align: left;
	font-size: clamp(12px, 1.1vw, 21px);
	font-weight: 400;
	color: #737373;
}

.money_ico-images-item__text-col {
	display: inline-flex;
	flex-direction: column;
}

.money_ico-images-item__text .mark {
	font-size: 3.8em;
	font-weight: 800;
	line-height: 0.9;
	color: var(--main-color);
}

.money_ico-images-item__text .up {
	font-size: 1.5em;
	font-weight: 800;
}

@container myContainer (width < 1050px) {
	.money_ico-images-item__text {
		font-size: 14px;
	}
}
@container myContainer (width < 940px) {
	.money_ico-images-item__text {
		font-size: 12px;
	}
}

/* @media (max-width: 1700px) {
	.money_ico-images-item__text {
		font-size: 16px;
	}
}

@media (max-width: 1400px) {
	.money_ico-images-item__text {
		font-size: 14px;
	}
} */

@media (max-width: 1200px) {
	.money_ico-images-item img {
		position: absolute;
		opacity: 0.3;
		max-width: initial !important;
	}

	.money_ico-images-item__text {
		padding: 0 20px;
		color: #000;
	}
}

@media (max-width: 575px) {
	.money_ico-images {
		margin-top: 10px;
		column-gap: 10px;
	}
	.money_ico-images__item {
		height: 70px;
	}
	.money_ico-images-item__text {
		padding: 0 10px;
	}
	.money_ico-images-item__text .up {
		font-size: 1.2em;
	}
}

@media (max-width: 479.98px) {
	.money_ico-images__item:nth-child(3) {
		display: none;
	}
}


div.money_ico .ul_arrows_left li {
	margin-bottom: 1px;
}


.akordeon_money:not(.sozdanie_sajta) div.money_ico1 {
	height: 340px;
}

div.money_ico1 {
	position: relative;
	transition: all .25s;
}

.money_ico__inner {
	/* border: 1px solid #dedede; */
	box-shadow: 0 0 0 1px #dedede;
	background: #fff;
	transition: all 0.3s ease-out;
	will-change: height;
}

/* .money_ico__inner::after {
	content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background: linear-gradient(45.0deg, #fe010d 12%, rgba(254,0,231,0.99) 20%, #6c00ff 40%, #bd00fe 70%, #fe0006 87%);
    opacity: 0;
	transition: all 0.3s ease-in-out;
} */


div.money_ico2 {
	position: relative;
	height: 100%;
	/* min-height: 416px; */
	z-index: 2;
	background: #fff;
}

div.money_ico2 .hover-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}

div.money_ico2 .money_ico_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

div.money_ico1 div.money_mobile > h3 {
	padding: 20px 0 10px;
}


div.money2 a.moneya {
	display: block;
	background-color: #ed582c;
	background-image: linear-gradient(-11.0deg, #f49d39 24%, #e92f29 75%);
	text-align: center;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}
div.money2 a.moneya:hover {
	background: red;
}


div.money_ico p {
	text-align: left;
	text-indent: 0;
	font-size: 12px;
	line-height: 16px;
}
div.money_ico2 {
	padding: 0 18px 150px;
}

.money_ico2__image-wrap {
	position: relative;
	display: flex;
    margin-left: -18px;
	margin-right: -18px;
    /* height: 240px; */
    align-items: center;
    justify-content: center;
}

.money_ico2__image-wrap::after {
	content: "";
	padding-bottom: 70%;
}

div.money_ico2 .ul_arrows_left {
	text-align: left;
	padding-left: 0;
}

div.money_ico1.context {
	width: 44%;
	height: 438px;
	background-size: contain;
}


div.money_ico1.context .money_ico2 {
	padding-top: 52px;
}

div.money_ico1.context::after {
	transform: scaleX(1.01) scaleY(1.02);
}

div.money_ico1.context div.money_ico2 {
	background-image: none;
}

div.money_ico1.social {
	background: none;
	width: 96%;
	height: 115px;
	min-height: inherit;
}
div.money_ico1.social:hover .money_ico__inner {
	transform: scale(1.03);
	height: 100%;
}
div.money_ico1.social .money_ico2 {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	min-height: inherit;
	padding-left: 25%;
	background: url(/images/social-rekl.jpg) no-repeat 5% center;
	background-color: #fff;
}
div.money_ico1.social .money_ico2 a {
	text-decoration: none;
}
div.money_ico1.social .money_ico2 a:hover h3 {
	text-decoration: underline;
	color: #850000;
}
div.money_ico1.social div.money_value {
	position: static;
	width: auto;
	display: flex;
	align-items: center;
	margin-left: 5%;
	white-space: nowrap;
}
div.money_ico1.social div.money_value span {
	margin: 0 5px;
}
div.money_ico1.social::before, div.money_ico1.social::after {
	height: 100%;
}
div.money_ico1.social::after {
	transform: scaleX(1.01) scaleY(1.07);
}


td.right_column2 {
	padding-left: 10px;
}



div.warning_div div {
	padding: 129px 13px 0;
}
div.money_ico  div.warning_div p {
	font-size: 12px;
	line-height: 14px;
}



div.money_ico div.money_value {
	padding-right: 10px;
	position: absolute;
	right: 0;
	text-align: right;
	bottom: 82px;
	width: 100%;
	font-size: 28px;
	font-weight: 700;
	color: #737373;
}


div.money_ico div.money_value span {
	font-size: 15px;
	color: #a7a7a7;
	font-weight: normal;
	text-align: right;
	
	padding-left: 5px;
}

div.money_ico .money-prod-time {
	position: absolute;
    bottom: 63px;
    right: 0;
    padding-right: 10px;
	font-size: 12px;
	color: #a7a7a7;
	text-align: right;
}

div.money_ico div.money_a {
	position: absolute;
	left: 50%;
	bottom: 14px;
	transform: translateX(-50%);
	display: flex;
	gap: 10px;
	width: calc(100% - 30px);
	/* background-color: #ffffff;
	background-image: linear-gradient(0.0deg, #d7d7d7 0%, #ffffff 51%, #d7d7d7 100%);
	height: 36px;
	width: calc(100% - 28px); */
}

div.money_ico div.money_a .btn {
	flex: 1;
	padding-left: 10px;
	padding-right: 10px;
}

div.money_ico .money2 div.money_a {
	background-image: none;
}


div.main_top div.money_ico div.money_a {
	background: #f4584b;
}



div.money_ico div.money_a a.a_left, div.money_ico div.money_a a.a_right {
	width: 48%;
	height: 36px;
	padding-top: 10px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	float: left;
	position: relative;
}
div.money_ico div.money_a a.a_left:hover, div.money_ico div.money_a a.a_right:hover {
	position: relative;
	top: -2px;
	text-decoration: none;
}
div.money_ico div.money_a a.a_left {
	margin-right: 4%;
	background-color: #ed582c;
	background-image: linear-gradient(-16.0deg, #f49d39 21%, #e92f29 78%);
}
div.money_ico div.money_a a.a_right {
	background-color: #2f98b1;
	background-image: linear-gradient(-11.0deg, #2b9c9f 18%, #4580d3 81%);
}
div.money_ico div.money_a a.a_right.a_href {
	font-style: inherit;
	font-size: inherit;
}
div.money_ico div.top_prodaz > div {
	background: url(/images/money/top_prodaz.png) 133px 107px no-repeat;
}
div.money_ico1:not(.social) .money-item__title,
.money_ico2 > h3 {
	display: block;
	padding: 0 0 10px;
	color: var(--main-color);
	text-align: left;
	text-decoration: none;
}
.money-item__title h3 {
	margin-top: 0;
	word-break: normal;
	font-size: max(min(20px, 4vw), 14px);
}
.money-item__caption {
	font-size: 12px;
	
}
div.money_ico h3 a {
	display: flex;
	align-items: center;
	justify-content: center;
}
h3.money_h3 {
	color: #b9b5b5;
	padding: 1px 0 18px;
	font-size: 20px;
}
h3.money_h3 span {
	color: #716767;
	font-size: 28px;
}

.money_ico1 .description {
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	padding: 23px;
	margin: 12px -18px;
	clip-path: (0,);
	background: var(--grey-color);
	font-size: 14px;
	text-align: left;
	transition: opacity 0.5s ease-out;
}




div.accordeon-context div.money_a {
  width: 95%;
  background: #f4584b;
  margin: 0 auto;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
}
div.accordeon-context div.money_a a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: center;
}
div.accordeon-context .context img.money_ico_img {
  left: 0;
  right: 0;
  top: 50px;
  margin: 0 auto;
  transform: none;
}

.accordeon-context .money_ico-title {
	margin-bottom: 80px;
}


.preimushestva-sozdania img {
	max-width: 100%;
}

.preimushestva-sozdania-title {
	margin-top: 70px;
	margin-bottom: 50px;
	font-size: 30px;
	text-align: center;
}

.preimushestva-sozdania__title {
	display: block;
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 22px;
}

.preimushestva-sozdania-description__title {
	display: block;
    margin-top: 15px;
	margin-bottom: 5px;
	font-size: 18px;
    font-weight: 700;
}

.preimushestva-sozdania-description p {
	text-indent: 0;
}

.preimushestva-readmore {
	background: none;
	border: 0;
	text-decoration: underline;
	cursor: pointer;
}

.preimushestva-sozdania-read-hidden {
	display: none;
	margin-top: 20px;
}


.preimushestva-otzivi {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.preimushestva-otzivi__item {
	width: 20%;
}
.preimushestva-otzivi__carousel-wrap {
	width: 80%;
}

.top-webstudiy {
	display: flex;
	justify-content: center;
	align-items: center;
}
.preimushestva-top-webstudiy__text {
	font-size: 27.2px;
	line-height: 1.2;
	font-weight: 100;
	color: #000;
}
.preimushestva-top-webstudiy__text strong {
	font-weight: 600;
}

.b-otzivi {
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	padding: 23px 23px 23px 29px;
	color: #000;
}
.b-otzivi__top-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 23px;
}
.b-otzivi__title {
	font-size: 25px;
}
.b-otzivi__title a {
	text-decoration: none;
	color: #000;
}
.b-otzivi__second-line {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
.b-otzivi__rating {
	font-size: 65.7px;
	line-height: 1;
	font-weight: 800;
}
.b-otzivi__raiting-descr {
	margin-left: 6px;
	font-size: 16px;
	opacity: 0.6;
}
.b-otzivi__btn-wrap {
	margin-left: auto;
}
.b-otzivi__btn-text-top {
	margin-bottom: 12px;
	font-size: 13.8px;
}
.b-otzivi__btn {
	display: inline-block;
	width: 100%;
	padding: 0 1rem;
	line-height: 36px;
	background-color: #258ffb;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	color: #fff !important;
	border-radius: 5px;
}
@media (max-width: 1350px) {
	.preimushestva-otzivi {
		flex-wrap: wrap;
		align-items: center;
	}
	.top-webstudiy.preimushestva-otzivi__item {
		width: 100%;
	}
	.preimushestva-otzivi__carousel-wrap {
		width: 100%;
	}
}



.chto-daiot-is .container {
	max-width: 1500px;
	padding: 0 20px;
}

.chto-daiot-is__title {
	margin-top: 90px;
	margin-bottom: 34px;
	font-size: 34px;
	font-weight: 900;
	text-align: center;
	color: #ddd;
}

.chto-daiot-is__title_mt-s {
	margin-top: 40px;
}

.chto-daiot-is__container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	gap: 64px 50px;
}
@media (max-width: 1280px) {
	.chto-daiot-is__container {
		gap: 30px;
	}
}

.chto-daiot-is-item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding: 30px;
	background-color: var(--grey-color);
	color: #38424e;
}

.chto-daiot-is-item__title {
	margin-left: 80px;
	flex: 1;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 26px;
	font-size: max(min(26px, 1.5vw), 16px);
	font-weight: 900;
}

.chto-daiot-is-item__title::after {
	content: "";
	display: table;
	clear: both;
}

.chto-daiot-is-item__descr {
	width: 100%;
	clear: both;
}

.chto-daiot-is-item__image {
	margin-bottom: 10px;
	float: left;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-image: url(/images/chto-daiot-is.png);
}

.chto-daiot-is-item__image_1 {
	background-position: 0 0;
}
.chto-daiot-is-item__image_2 {
	background-position: 0 -115px;
}
.chto-daiot-is-item__image_3 {
	background-position: 0 -230px;
}
.chto-daiot-is-item__image_4 {
	background-position: 0 -345px;
}
.chto-daiot-is-item__image_5 {
	background-position: 0 -460px;
}
.chto-daiot-is-item__image_6 {
	background-position: 0 -580px;
}
.chto-daiot-is-item__image_7 {
	background-position: 0 -700px;
}
.chto-daiot-is-item__image_8 {
	background-position: 0 -820px;
}

.chto-daiot-is-item__content {
	z-index: 2;
}

.chto-daiot-is-item::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #7C1266;
	box-shadow: 0 0 10px #7C1266;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%);
	transition: all 0.3s;
}

@media (max-width: 1360px) {
	.chto-daiot-is-item__descr {
		font-size: 13px;
	}
}

@media screen and (min-width: 768px) {
	.chto-daiot-is-item:hover::before {
		opacity: 1;
		visibility: visible;
		width: calc(100% + 40px);
		height: calc(100% + 40px);
	}
	
	.chto-daiot-is-item:hover .chto-daiot-is-item__title {
		color: #FEB9F0;
	}
	
	.chto-daiot-is-item:hover .chto-daiot-is-item__descr {
		color: #fff;
	}
	
	.chto-daiot-is-item:hover .chto-daiot-is-item__descr a {
		color: #FEB9F0;
		transition: none;
	}
}


@media (max-width: 1199px) {
	.chto-daiot-is__container {
		grid-template-columns: repeat(3, 1fr);
		gap: 32px 25px;
	}
}

@media (max-width: 800px) {
	.chto-daiot-is__container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 575px) {
	.chto-daiot-is__container {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.chto-daiot-is-item {
		padding: 12px;
		justify-content: center;
	}

	.chto-daiot-is-item__content {
		display: flex;
		flex-direction: column;
	}

	.chto-daiot-is-item__image {
		float: none;
		margin: 0 auto;
	}

	.chto-daiot-is-item__title {
		margin-left: 0;
		order: -1;
		text-align: center;
		font-size: 14px;
	}

	.chto-daiot-is-item__descr {
		display: none;
	}
}

.b-my-cms-title,
.b-my-cms-text {
	text-align: center;
}
.b-my-cms-head {
	margin-bottom: 40px;
}
.b-my-cms {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.my-cms__el {
	display: flex;
	gap: 20px;
	border: 1px solid #cfcfcf;
	padding: 25px 30px;
	min-height: 206px;
}
.my-cms__el-image {
	flex: 0 100px;
	text-align: center;
	float: left;
}
.my-cms__el-text {
	flex: 1;
}
.my-cms__el-text a {
	color: inherit;
}
@media (max-width: 1023.98px) {
	.b-my-cms {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767.98px) {
	.my-cms__el {
		flex-direction: column;
		gap: 0;
	}
	.my-cms__el-image {
		flex-basis: 85px;
	}
}
@media (max-width: 575.98px) {
	.my-cms__el {
		padding: 10px;
	}
	.my-cms__el-text {
		font-size: 12px;
	}
}
@media (max-width: 399.98px) {
	.my-cms__el {
		padding: 5px;
	}
}


.flex-table {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.flex-table .column.first {
  width: 325px;
  margin-top: -14px;
}

.flex-table .column.first .row {
	padding-left: 25px;
	padding-right: 25px;
}

.flex-table .column.first p {
	text-align: left;
}

.flex-table .column.first p.row-first-title {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 16px;
}

.flex-table ul {
	list-style: none;
}

.flex-table .column.first .row:nth-child(2) {
	display: flex;
    align-items: center;
	height: 150px;
}

.flex-table .column.text {
	width: 285px;
	margin: 0 -15px;
	margin-top: -56px;
	position: relative;
	box-shadow: 0 -15px 25px -10px rgba(0,0,0, .1);
}

.flex-table .column.text:after {
	content: "";
	position: absolute;
	left: 15px;
	top: 100%;
	width: calc(100% - 30px);
	height: 20px;
	background-color: white;
}

.prodvizenie-step .flex-table .column.text:after {
	display: none;
}

.flex-table .column.empty {
  width: 60px;
}
.flex-table .column .row {
  margin: 0;
  padding: 25px 15px;
  overflow: visible;
}
.flex-table .column .row:first-child {
  padding-bottom: 0;
}
.flex-table .column .row:last-child {
  height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flex-table .column.empty .row:nth-child(2) {
    height: 145px;
}
.flex-table .column.empty .row:last-child {
    height: 100px;
}

.flex-table .column .row:last-child img {
  max-width: 80% !important;
}
.flex-table .column.text .row:last-child {
  position: relative;
}
.flex-table .column.text .row:last-child:before,
.flex-table .column.text .row:last-child:after {
  content: '';
  position: absolute;
  bottom: -15px;
  width: 0;
  height: 0;
  background-color: var(--grey-color);
}
.flex-table .column.text .row:last-child:before {
  border-top: 15px solid #c1c1d9; 
  border-left: 15px solid transparent;
  left: 0;
}
.flex-table .column.text .row:last-child:after {
  border-top: 15px solid #c1c1d9; 
  border-right: 15px solid transparent;
  right: 0;
}
.flex-table .column .row:nth-child(odd) {
  background-color: var(--grey-color);
}
/* .flex-table .column .row:nth-child(odd) {
  background-color: #f8f7f7;
} */
.flex-table .column .row:nth-child(even) {
  background-color: #fff;
}
.flex-table .row p {
margin-bottom: 0;
  text-align: center;
  text-indent: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.flex-table .row p b {
  font-size: 18px;
  
}

.flex-table .column .row.column-title {
	padding: 12px 30px;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.1;
	
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.flex-table .column.column-text-first .column-title {
	background-color: #84A8CE;
}
.flex-table .column.column-text-second .column-title {
	background-color: #B0D791;
}
.flex-table .column.column-text-third .column-title {
	background-color: #FF7D9B;
}

.flex-table .column-text-third .row:nth-child(2) {
	height: 155px;
}

.flex-table .column .row:nth-child(2) {
    height: 155px;
}

div.s_div {
	padding: 5% 5% 60px;
	overflow: hidden;
	min-width: 387px;
}
	div.s_div ol {
		margin: 0;
		padding: 0 0 30px;
	}
		div.s_div li {
			padding: 0;
		}
			div.s_div ol a {
				display: block;
				padding: 15px 10px 15px 69px;
				text-decoration: none;
			}
				div.s_div ol > li > a {
					position: relative;
					text-transform: uppercase;
					border-top: 1px solid #f4f4f4;
					border-bottom: 1px solid #dcdcdc;
					transition:none;
					color: #545454;
					line-height: 20px;
				}
					div.s_div ol > li > a:before {
						content: '';
						position: absolute;
						top: 20%;
						left: 15px;
						display: block;
						zoom: 1;
						width: 50px;
						height: 50px;
						/* background: red; */
					}
					div.s_div ol > li > a:hover {
						background: url(/images/s_active.jpg) 0 0 no-repeat;
						text-decoration: underline;
						color: #fff;
					}
						div.s_div ol ul {
							background: url(/images/s_shadow.jpg) right bottom repeat-y #fafafa;
							padding: 5px 0;
							margin: 0;
						}
							div.s_div li li a {
								display: block;
								padding: 1px 10px 1px 69px;
								background: url(/images/ul.png) 51px 5px no-repeat;
								color: #7f7f7f;
							}
								div.s_div li li a:hover {
									text-decoration: underline;
									color: #000;
								}

div.s_div div.s_1 ol > li:first-child > a:before{
	background: url(/images/16.png) -3px center no-repeat;
	transition:none;
}
	div.s_div div.s_1 ol > li:first-child > a:hover:before{
		background: url(/images/16.png) 100% center no-repeat;
		transition: none;
	}

div.s_div div.s_1 ol > li:nth-child(2) > a:before{
	top: 10%;
	background: url(/images/17.png) -3px center no-repeat;
	transition: none;
}
	div.s_div div.s_1 ol > li:nth-child(2) > a:hover:before{
		background: url(/images/17.png) 100% center no-repeat;
		transition:none;
	}

div.s_div div.s_1 ol > li:nth-child(3) > a:before{
	background: url(/images/18.png) -3px center no-repeat;
	transition:none;
}
	div.s_div div.s_1 ol > li:nth-child(3) > a:hover:before{
		background: url(/images/18.png) 100% center no-repeat;
		transition:none;
	}


div.s_div div.s_2 ol > li > a:before {
	top: 15%;
}

div.s_div div.s_2 ol > li:first-child > a:before{
	background: url(/images/1.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:first-child > a:hover:before{
		background: url(/images/1.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(2) > a:before{
	background: url(/images/7.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(2) > a:hover:before{
		background: url(/images/7.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(3) > a:before{
	background: url(/images/8.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(3) > a:hover:before{
		background: url(/images/8.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(4) > a:before{
	top: 5%;
	background: url(/images/9.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(4) > a:hover:before{
		background: url(/images/9.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(5) > a:before{
	background: url(/images/10.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(5) > a:hover:before{
		background: url(/images/10.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(6) > a:before{
	background: url(/images/11.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(6) > a:hover:before{
		background: url(/images/11.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(7) > a:before{
	background: url(/images/11.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(7) > a:hover:before{
		background: url(/images/11.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(8) > a:before{
	background: url(/images/12.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(8) > a:hover:before{
		background: url(/images/12.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(9) > a:before{
	background: url(/images/13.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(9) > a:hover:before{
		background: url(/images/13.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(10) > a:before{
	background: url(/images/14.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(10) > a:hover:before{
		background: url(/images/14.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(11) > a:before,
div.s_div div.s_2 ol > li:nth-child(14) > a:before
{
	background: url(/images/develop.png) -3px -8px no-repeat;
}

div.s_div div.s_2 ol > li:nth-child(15) > a:before
{
	background: url(/images/zrenie.png) -7px center no-repeat;
}



	div.s_div div.s_2 ol > li:nth-child(11) > a:hover:before{
		background: url(/images/develop.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(12) > a:before{
	top: 5%;
	background: url(/images/15.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(12) > a:hover:before{
		background: url(/images/15.png) 100% center no-repeat;
	}

div.s_div div.s_2 ol > li:nth-child(13) > a:before{
	top: 5%;
	background: url(/images/166.png) -3px center no-repeat;
}
	div.s_div div.s_2 ol > li:nth-child(13) > a:hover:before{
		background: url(/images/166.png) 100% center no-repeat;
	}



.tyuy {
	width: 100%;
}

div.s_div div.s_3 ol > li > a{
  padding: 15px 10px 25px 70px;
}
	div.s_div div.s_3 ol > li > a:before{
		top: 15%;
	}

div.s_div div.s_3 ol > li:first-child > a:before{
	background: url(/images/1.png) -3px center no-repeat;
}
	div.s_div div.s_3 ol > li:first-child > a:hover:before{
		background: url(/images/1.png) 100% center no-repeat;
	}

div.s_div div.s_3 ol > li:nth-child(2) > a:before{
	background: url(/images/2.png) -3px center no-repeat;
}
	div.s_div div.s_3 ol > li:nth-child(2) > a:hover:before{
		background: url(/images/2.png) 100% center no-repeat;
	}

div.s_div div.s_3 ol > li:nth-child(3) > a:before{
	background: url(/images/3.png) -3px center no-repeat;
}
	div.s_div div.s_3 ol > li:nth-child(3) > a:hover:before{
		background: url(/images/3.png) 100% center no-repeat;
	}

div.s_div div.s_3 ol > li:nth-child(4) > a:before{
	background: url(/images/4.png) -3px center no-repeat;
}
	div.s_div div.s_3 ol > li:nth-child(4) > a:hover:before{
		background: url(/images/4.png) 100% center no-repeat;
	}

div.s_div div.s_3 ol > li:nth-child(5) > a:before{
	background: url(/images/5.png) -3px center no-repeat;
}
	div.s_div div.s_3 ol > li:nth-child(5) > a:hover:before{
		background: url(/images/5.png) 100% center no-repeat;
	}

div.s_div div.s_3 ol > li:nth-child(6) > a:before{
	background: url(/images/6.png) -3px center no-repeat;
}
	div.s_div div.s_3 ol > li:nth-child(6) > a:hover:before{
		background: url(/images/6.png) 100% center no-repeat;
	}

div.s_div div.s_3 ol > li:nth-child(7) > a:before{
	background: url(/images/77.png) -3px center no-repeat;
}
	div.s_div div.s_3 ol > li:nth-child(7) > a:hover:before{
		background: url(/images/77.png) 100% center no-repeat;
	}



div.s_1, div.s_2, div.s_3 {
	position: relative;
	float: left;
	-moz-box-shadow: 1px 1px 20px #747474;
	-webkit-box-shadow: 1px 1px 20px #747474;
	box-shadow: 1px 1px 20px #747474;
	background: #fff;
	padding-right: 0px;
	overflow: hidden;
}
div.s_1 div, div.s_2 div, div.s_3 div {
}
div.s_1 h3, div.s_2 h3, div.s_3 h3 {
	margin: 0;
	color: #fff;
	text-decoration: none;
	padding: 35px 0 173px;
	text-align: center;
}
div.s_2 h3 {
	padding: 34px 0 224px;
}
div.s_2 h3 {
	background: url(/images/s_center.png) center 77px no-repeat, url(/images/s_polosa.jpg) center bottom repeat-x, url(/images/s_bg2.jpg) center bottom repeat;
}
div.s_1 h3, div.s_3 h3 {
	background: url(/images/s_143.png) center 76px no-repeat, url(/images/s_polosa.jpg) center bottom repeat-x, url(/images/s_bg.jpg) center bottom repeat;
}

div.s_1 h3 a, div.s_2 h3 a, div.s_3 h3  a{
	color: #fff;
}
div.s_1, div.s_3 {
	width: 29%;
	z-index: 5;
	left: 0;
	top: 50px;
}
div.s_2 {
	width: 39%;
	z-index: 10;
}

h3.imageflow_h3 {
	text-align: center;
	font-size: 23px;
	position: relative;
	top: 95px;
}




table.tablica_1 th {
	background: #e1e1e1;
	font-weight: normal;
	padding: 3px 5px;
}
table.tablica_1 td {
	background: #f2f2f2;
	border: 1px solid #fff;
	padding: 3px 5px;
	text-align: center;
}
table.tablica_1 {
	border: 3px solid #e1e1e1;
}

a.zakaz_button {
	background: #ffffff url(/images/zakaz_button.jpg) no-repeat center top;
	text-align: center;
	color: #fff;
	
	font-weight: 700;
	display: block;
	padding: 8px 0 15px;
	font-size: 16px;
	position: relative;
	text-decoration: none;
}
a.zakaz_button:hover {
	top: -3px;
}


.ssil2
{
	color: #ffffff !important;
	text-decoration: none;
}
.ssil2 a
{
	color: #ffffff !important;
	text-decoration: none;
}
.ssil2 a:visited
{
	color: #ffffff !important;
	text-decoration: none;
}
.ssil2 a:link
{
	color: #ffffff !important;
	text-decoration: none;
}
.ssil2 a:hover
{
	color: #ffffff !important;
	text-decoration: none;
}


div.roliki > div {
	float: left;
	width: 48%;
	margin: 0 10px 10px 0;
	border: 2px solid #cecece;
}
	div.roliki > div iframe{
		width: 100% !important;
	}







.gray-check li {
	position: relative;
	list-style: none;
}
.gray-check li::before {
	content: '\e918';
    font-family: 'art';
    color: #D0D0D0;
    font-size: 14px;
    position: absolute;
    left: -21px;
    top: 6px;
}
.white-check li {
	list-style: none;
}
.white-check li::before {
	content: '\e918';
    font-family: 'art';
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: -21px;
    top: 6px;
}

.row-flex {
	display: flex;
	flex-wrap: wrap;
}
.row-flex_center {
	justify-content: center;
}


.flex-img-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}
.flex-img-row__item {
	flex: 1;
}
.flex-img-row__item8 {
	flex: 0 0 calc(100% / 8 - 10px);
}

.columns3 {
  display: flex;
  flex-wrap: wrap;
}
.columns3 .column {
  width: 33%;
  padding: 0 15px;
}
.columns3 .column p {
  text-indent: 0;
  margin-bottom: 12px;
}
.columns3 .column h3 {
  font-size: 21px;
  margin-bottom: 15px;
}

div.float_left {
	float: left;
}
div.float_left a {
  text-decoration: none;
}
div.float_left a span {
  transition: all .5s;
}
div.float_left a:hover span {
  color: red;
}
	.div_contact .float_left:last-child{
		margin-left: 50px;
	}
div.float_right {
	float: right;
}


div.width_10 {
	width: 75%;
}
div.width_2 {
	width: 18%;
}

div.contacts-iner{
	display: inline-block;
	vertical-align: top;
}

div.contacts-time {
	display: flex;
	padding-top: 8px;
}
div.social-links-contact{
  display: block;
/*	width: 300px;*/
}

/* Контакты социальные значки*/

a.social-inner{
	display: inline-block;
	height: 63px;
	width: 63px;
	margin-right: 5px;
	filter: grayscale(30%);
}

a.social-inner:hover{
	filter: grayscale(0%);
}

a.social-vk{
	background: no-repeat center / cover url(/images/social/vk.jpg);
}

a.social-ok{
	/* background: url('../images/social/icon-social.png') 0px -177px no-repeat; */
	background: no-repeat center / cover url(/images/social/ok.jpg);
}

a.social-fb{
	/* background: url('../images/social/icon-social.png') no-repeat; */
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAACEUlEQVRoQ2N0SN3yn2EEAsZRj4+wWB+N8REW4QyjMT4a4yMkBEaT+giJaLg3R2N8NMZHSAiMJnV6R3SgizCDirQog6wEP4MoPyfc+tcfvzM8fvERzL/z9DXDg+fvGM5fpX4Hku4xDvJwWqgZAwcjE2ZY//3DwMDMgiI+adUJhvV73lI9XujqcZCn88IsSPJE0cRtQz/G98/yJsnTIMVD3uMkx/bfPww/mJgYPNO3kxxYxGigW1Ivjddg8LJWxuumH///Mew7dh9FTffCG8T4g2Q1dPP4pHJzBl1lEdwO/PuHoWjKLprkZ2yWDhqPX777hiGv8yTJMUeuBrp5fHmbA4OECDdOdw4rj4M8CwMCwpzY626oAlD+/vD2O0pDhpYpgKYxTnL1hdSAoXUKGFweR8oIL958ZYisOkBuFiaob9B6fDTGCcYdeQpGY5y8cMOvC9RMhYEwJ1281RkoT6/adxnFQFr0ymAW0DTGkX2Btx7/+4fh8oMPow0YWqQ+dDNHY5zWoTyimqyjeZyBgWE0xrHlqdFSfaT1x0djfDTGaV270m8NzGipPlqqo4YArQceRtvq0BCgWycFNi0MmvoFTQ9jo2nZ/x6wGKd5MU2iBXSLcRLdRXPlox6neRAPMgtGY3yQRQjNnTMa4zQP4kFmwWiMD7IIoblzRmOc5kE8yCwYjfFBFiE0d85ojNM8iAeZBQDYVYWeZFKuDQAAAABJRU5ErkJggg==');
}

a.social-inst{
	background: no-repeat center / cover url(/images/social/inst.png);
}

a.social-youtube {
	background: no-repeat center / cover url(/images/social/yt.jpg);
}

a.social-rutube {
	background: no-repeat center / cover url(/images/social/rutube.png);
}

/* Footer Социальные значки*/


div.soical-links--bottom a.social-vk{
	background: no-repeat center / cover url(/images/social/vk.jpg);
}

div.soical-links--bottom a.social-ok{
	background: no-repeat center / cover url(/images/social/ok.jpg);
}

div.soical-links--bottom a.social-fb{
	background: no-repeat center / cover url(/images/social/yt.jpg);
}


div.soical-links--bottom a.social-inner-bottom{
	width: 34px;
	height: 34px;
	display: inline-block;
	vertical-align: top;
	background-size: 100%;
}


div.soical-links--bottom{
	position: absolute;
	left: 10px;
	bottom: -10px;
}


div.dop_t_bottom {
	position: absolute;
	right: 7px;
	top: 9px;
	z-index: 4879;
	width: 70px;
}
div.dop_t_bottom a {
	display: block;
	width: 15px;
	height: 11px;
	float: left;
	padding-right: 5px;
	text-decoration: none;
	position: relative;
}
div.dop_t_bottom a:hover {
	text-decoration: none;
	top: -2px;
}
div.dop_t_bottom a.a_sitemap {
	font-size: 16px;
	color: #000;
}
div.dop_t_bottom a.a_dom {
	color: #000;
}

.div_contact {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

div.div_contact > div {
	flex: 1;
}

.div_contact h1 {
	font-size: 20px;
}

.div_contact h2 {
	font-size: 18px;
}

.contakt_div {
	max-width: 640px;
}

@media (max-width: 991.98px) {
	div.div_contact {
		flex-direction: column;
	}

	.contakt_div {
		max-width: unset;
	}
}

/********************Стили страницы дизайн для клиента**************************/


.textalignCenter{
	display: inline-block;
	text-align: center;
	width: 100%;
	margin: 5px auto;
}

div.blockClient {
	min-width: 100%;
	height: auto;
	margin: 20px auto;
	text-align: center;
	display: block;

	}


div.Client_site_monitor {
	background: url("../images/clientDesign/template/monitorClient.jpg") no-repeat scroll center 0;
	height: 775px;
	min-width: 1130px;
}


div.Client_site_notebook {
	background: url("../images/clientDesign/template/notebookClient.jpg") no-repeat scroll center 0;
	height: 775px;
		min-width: 1130px;
	position: relative;
}

div.Client_site_tablet {
	background: url("../images/clientDesign/template/tabletClient.jpg") no-repeat scroll center 0;
	height: 775px;
	min-width: 1130px;
}

div.Client_site_mobile {
	background: url("../images/clientDesign/template/mobileClient.jpg") no-repeat scroll center 0;
	height: 775px;
	left: 122px;
	position: relative;
	top: -270px;
	min-width: 1130px;
}

div.Client_site_monitor_2,
div.Client_site_tablet_2,
div.Client_site_notebook_2{
	overflow-x: hidden;
	overflow-y: scroll;
}
div.Client_site_monitor_2 img,
div.Client_site_notebook_2 img {
	width: 100%;
}

div.Client_site_monitor_3 {
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
}
div.Client_site_monitor_2 {
	height: 501px;
	left: -2px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	top: 72px;
	width: 976px;
}
div.Client_site_mobile_2 {
	height: 417px;
	left: -59px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	top: 106px;
	width: 243px;
}

div.Client_site_mobile_2,
div.Client_site_tablet_2 {
	overflow: scroll;
}

div.Client_site_mobile_3 {
	left: -100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 940px;
}
.Client_site_mobile_3 > img {
	width: 1170px;
}
div.Client_site_tablet_2 {
	height: 328px;
	left: 66px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	top: 121px;
	width: 591px;
}
div.Client_site_tablet_3 {
	left: -40%;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 940px;
}
div.Client_site_tablet_2 img {
	width: 1170px;
}

div.Client_site_notebook_2 {
	height: 466px;
	left: 5px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	top: 101px;
	width: 839px;
}

div.Client_site_notebook_3 {
	left: -227px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 1280px;
}



td.portfolio_opencart div.box_img img {
	display: none;
}
div#soderzanie td.portfolio_opencart .box_img {
	background: none;
	border: 0;
	float: none;
	margin: 0px;
	position: static;
	width: 100%;
}
div#soderzanie td.portfolio_opencart .box_img .box_text {
/*	background: rgba(0,0,0,.8);*/
	background: none;
	color: #fff;
	height: auto;
	opacity: 1;
	padding: 3px 0;
	margin: 3px 0;
/*	position: relative;*/
	position: static;
    bottom: -177px !important;
	width: 100%;
	border-bottom: 1px solid #cecece;
    padding: 3px;
    box-sizing: border-box;
}
div#soderzanie td.portfolio_opencart .box_img {
    height: auto;
}
div#soderzanie td.portfolio_opencart .box_img .box_text a {
    display: block;
    text-align: right;
    color: #5f1010;
}

div#soderzanie td.portfolio_opencart .box_img
div#soderzanie td.portfolio_opencart .box_text a {
	display: block;
	text-align: right;
}
div#soderzanie td.portfolio_opencart .box_img > a {
    display: none;
}

.grifon_bottom {
	bottom: 0;
	position: absolute;
	right: 0;
	bottom: -135px;
}

.yandex_certificate {
	bottom: 0;
	position: absolute;
	right: 40%;
}

.yandex-rating-widget {
	top: calc(100% + 10px);
    position: absolute;
    right: 40%;
}





.snow {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 100%;
	height: 100vh;
	pointer-events: none;
}

div.podderjkasaita div div {
	border-bottom: 1px solid #cecece;
	margin: 5px 15px 5px 5px;
	padding: 5px 0;
	font-style: normal;
	text-transform: uppercase;
	font-size: 19px;
}
div.podderjkasaita div {
	margin-bottom: 20px;
	
	text-transform: none;
	font-size: 14px;
}
div.podderjkasaita div div span {
	font-weight: bold;
	float: right; 
}









.qweee {
	float: left;
	width: 100%;
}



.VideoTemplater iframe {
	border: 10px solid #C0C2C0;
}
.VideoTemplater img {
	border: 10px solid #C0C2C0;
}
.VideoTemplater{
	max-width: 713px;
	margin: 0 auto;
	position: relative;
	padding: 50px 0;
}

.this_video__inner {
    margin: 0 auto;
    max-width: 640px;
}
.relativ, .start_this_video {
	position: relative;
}

.main #buttonYoutub {
	background: url("/images/youtube-style-play.png") no-repeat scroll center top;
	border: medium none;
	cursor: pointer;
	height: 49px;
	left: 49%;
	position: absolute;
	top: 183px;
	width: 72px;
	z-index: 9;
}
.otherButtons {
	background: rgba(0, 0, 0, 0) url("/images/youtube-style-play.png") no-repeat scroll center top;
	border: medium none;
	cursor: pointer;
	height: 49px;
	left: 330px;
	position: absolute;
	top: 183px;
	width: 72px;
	z-index: 9;
}

#buttonYoutub:hover, .otherButtons:hover {
	background: url(/images/youtube-style-top.png) no-repeat center top;
}



div.money_ico1 {
	flex: calc(25% - 20px);
	min-height: 400px;
	min-width: 1%;
	position: relative;
	-webkit-transition: transform 0.25s;
	-o-transition: transform 0.25s;
	transition: transform 0.25s;
	text-align: center;
	z-index: 50;
}





div.warning_div, div.warning_div:hover {
	background: url(/images/box-warning.png) no-repeat center 16px #f1f1f1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}










*{padding:0; margin:0;}



div.soderzanie_end {
	width: 70%;
	margin: 0 auto;
}



/*******Opencart and joomla styles***/

div.opencart-block p, div.joomla-block p{
	line-height: 17px;
}

div.opencart-block img, div.joomla-block img{
	margin: 5px 0px 5px 0px;
}

div.opencart-block ol, div.joomla-block ol{
	margin:10px 0px 10px 60px;
}

div.opencart-block ol li, div.joomla-block ol li{
	font-size: 15px;
}

div.opencart-block ul, div.joomla-block ul{
	margin: 10px 0px 10px 60px;

}





/*consult form*/
form.consult_form {
    /* background: url("/images/formconsultant.jpg") no-repeat 0 bottom #f7f7f7; */
    background: url("/images/formconsultant.png") no-repeat 0 bottom var(--grey-color);
    width: 100%;
	padding-top: 10px;
	padding-bottom: 60px;
	min-height: 240px;
}
form.consult_form .h3 {
    margin-left: 160px;
    margin-top: 40px;
    font-size: 28px;
    color: #9c9c9c;
}
div.inputs-consult {
    margin-top: 30px;
    margin-left: 160px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.inputs-consult input {
	padding: 17px 10px;
	width: 300px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid #b1b1b1;
	border-radius: 10px;
	line-height: 1.2;
}
.inputs-consult a {
	margin-bottom: 5px;
}
.inputs-consult .form_submit {
	animation-duration: 5s;
	animation-delay: 3s;
}
.inputs-consult__pd {
	width: 100%;
    margin-left: 15px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 300;
}
.inputs-consult__pd a {
	color: inherit;
}
/*consult form*/





div.my_rating {
	position: relative;
	z-index: 2;
	padding: 25px 0 0;
	width: 200px;
	margin: 0 auto;
	text-align: center; 
}
div.vote-wrap {
	width: 170px;
	margin: 0 auto;
}
div.vote-wrap > div.vote-result {
	padding-left: 0;
	clear: both;
}




.animate-image {
	-webkit-transform:rotateY(0deg) translate(0px, 0px);
	-moz-transform:rotateY(0deg) translate(0px, 0px);
	-ms-transform:rotateY(0deg) translate(0px, 0px);
	-o-transform:rotateY(0deg) translate(0px, 0px);
	/* transform:rotateY(0deg) translate(0px, 0px); */
	/* -webkit-transition:all 0.5s ease-out 0s; */
	-moz-transition:all 0.5s ease-out 0s;
	-o-transition:all 0.5s ease-out 0s;
	transition:all 0.5s ease-out 0s;
}

.animate-image:hover {
	-webkit-transform:rotateY(360deg) translate(0px, -10px);
	-moz-transform:rotateY(360deg) translate(0px, -10px);
	-ms-transform:rotateY(360deg) translate(0px, -10px);
	-o-transform:rotateY(360deg) translate(0px, -10px);
	transform:rotateY(360deg) translate(0px, -10px);
}
	.security-image.i-1{/* background-position:0 0 */}
	.security-image.i-2{background-position:-185px 0}
	.security-image.i-3{background-position:-370px 0}
	.security-image.i-4{background-position:-555px 0}
	.security-image.i-5{background-position:-740px 0}
	.security-image.i-6{background-position:-925px 0}


.colorbox.cboxElement {
	text-decoration: none !important;
}
.colorbox.cown.cboxElement > img {
	width: 300px;
}
.colorbox.belov.cboxElement > img {
	width: 300px;
}

div.imgus > img {
	width: 100%;

}
.imgus {
	display: inline-block;
	float: left;
	width: 100%;
	overflow: hidden;
}
.imgsa {
	left: -30px;
	position: relative;
	top: -2px;
}
.wer{
	width: 70%;
}
.block_img_modul {
	text-align: center;
}
.wer {
	display: block;
	float: none;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 70%;
}
.money_ico2 > span {
	font-size: 10px;
}
.money_ico2 > h3 {
	margin: 0px 0px 10px !important;
	text-align: left;
}
.money_value.programing {
	font-size: 17px !important;
}
.pripiska {
	font-size: 10px !important;
	text-align: center !important;
}
.podderzka_tabl {
	font-size: 14px;
	padding: 7px 0 0 10px;
}
table.tablica_programing {
	width: 50% !important;
}





div.sravnenie {
	background: url("/images/image_contextual/sravnenie.jpg") no-repeat center top;
	overflow: hidden;
	padding-bottom: 77px;
}
div.sravnenie {
	width:996px;
	margin: 0 auto;
}
div.sravnenie2.zagolovok {
	font-size: 20px;
	
	font-weight: 700;
	height: 48px;
	padding: 13px 0;
	background: none;
}
div.sravnenie2.zagolovok div.col1 {
	text-align: center;
}
div.sravnenie2 div {
	display: flex;
	align-items: center;
	float: left;
	padding: 12px 10px;
	height: 50px;
}
div.sravnenie div.col1, div.sravnenie div.col3 {
	width: 292px;
}
div.sravnenie div.col1 {
	text-align: right;
}
div.sravnenie div.col2 {
	justify-content: center;
	width: 286px;
	text-align: center;
}
div.sravnenie div.col1 {
	justify-content: flex-end;
	background: url("/images/image_contextual/green_li.png") no-repeat calc(100% - 15px) 10px;
	padding-right: 45px;
    width: 350px;
}
div.sravnenie div.col3 {
	background: url("/images/image_contextual/red_li.png") no-repeat 15px 10px;
	padding-left: 45px;
}
div.sravnenie2.zagolovok div.col3, div.sravnenie2.zagolovok div.col1 {
	background: none;
}










.seo-section {
	background: url(/images/seo-bg.jpg) no-repeat;
	padding-top: 85px;
	padding-bottom: 50px;
}

.seo-table__title {
	font-size: 30px;
	margin-bottom: 38px;
	color: #ff7200;
	
	font-weight: bold;
}

table.tablica_seo {
	font-size: 15px;
	/* padding: 5px 5px 25px 5px; */
	background: #fff;
	border-radius: 5px;	
}

table.tablica_seo thead tr, table.tablica_seo tbody tr:nth-child(even) {
	background: var(--grey-color);
}
table.tablica_seo tbody tr:nth-child(odd) {
	background: #fff;
}
table.tablica_seo tr:hover td{
	background: #f0f3fa;
}

table.tablica_seo thead tr td {
	padding-top: 28px;
	padding-bottom: 28px;
}
table.tablica_seo tbody tr td {
	padding-top: 5px;
	padding-bottom: 5px;
}
table.tablica_seo tr td:nth-child(5) {
	text-align: center;
}

table.tablica_seo a {
	color: #3a3a3a;
}
table.tablica_seo tr td {
	padding-left: 10px;
	padding-right: 10px;
}
table.tablica_seo tr.hide {
	display: none;
}
table.tablica_seo .a_href {
	color: #3a3a3a;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
}


.tablica_seo_slider-wraper {
	margin-bottom: 30px;
	padding: 6px;
	overflow: auto;
	background-color: #fff;
}

.tablica_seo_slider td {
	font-size: 15px;
    padding: 5px 17px;
}

.tablica_seo_slider td:nth-child(2) {
	text-align: right;
}

.tablica_seo_slider td:nth-child(n+3) {
	text-align: center;
}

.tablica_seo_slider thead td {
	color: #aaa;
	font-weight: bold;
}

.tablica_seo_slider tbody tr:nth-child(even) {
	background-color: #efefef;
}

.tablica_seo_slider caption {
	text-align: left;
	padding: 5px 17px;
}

.tablica_seo_slider caption .a_href {
	display: inline-block;
	color: #000;
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
}

.table-poisk-icon {
	margin: auto;
}

@media (max-width: 767px) {
	.tablica_seo_slider td {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (min-width: 768px) {
	.table-poisk-icon {
		width: 50px;
	}
}

.seo_table .slick-slide {
	margin-left: 25px;
	margin-right: 25px;
}

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

.seo_table .slick-prev {
	left: -70px;
}

.seo_table .slick-next {
	right: -70px;
}

.seo_table .slick-prev:before, 
.seo_table .slick-next:before {
	font-size: 70px;
	color: #FDAA3E;
}


.btn_seo-table {
	display: block;
	margin: 30px auto 15px;
	border: none;
	background: #ff7200;
	color: #fff;
	padding: 10px 12px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 5px;	
}

.seo-bottom {
	margin-top: 58px;
	margin-left: 310px;
	font-size: 16px;
}
.seo-bottom__title {
	font-size: 30px;
	color: #ff7200;
	
	font-weight: bold;
}
.seo-bottom__subtitle {
	margin-top: 5px;
}
.seo-bottom__table {
	margin-top: 32px;
}
.seo-bottom__table td {
	font-size: 16px;
	padding-right: 40px;
}
.seo-bottom__table .bold {
	font-size: 30px;
	font-weight: bold;
	
}

.seo-bottom__period,
.seo-bottom__doc {
	float: left;
	margin-bottom: 30px;
}


.seo-bottom::after {
	content: "";
	display: table;
	clear: both;
}

.seo-bottom__period {
	margin-right: 70px;
}

.seo-bottom__doc a {
	float: left;
}

.seo-bottom__doc img {
	width: 160px;
}

.seo-bottom__doc-right {
	margin-left: 160px;
}

.seo-bottom__doc-right a {
	color: #ff7200;
	font-size: 30px;
	text-decoration: underline;
	
	font-weight: bold;
}




div.five_blo {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px 0;
}
div.five_blo > img {
	margin: 10px;
	width: 9%;
	display: block;
}







div.kalkulator .box_img > img {
	width: 100%;
}
div.kalkulator span.a_href {
    display: inline-block;
    text-decoration: none;
}
div.kalkulator div.mes_div {
	width: 100%;
}
div#soderzanie div.kalkulator .box_img, div#soderzanie div.kalkulator .box_img .box_text {
	width: 300px;
}
div#soderzanie div.kalkulator .box_img {
	height: 240px
}
div.kalkulator div.mes_div {
	bottom: 30px;
}
div.kalkulator div.mes_div.mes_rel {
	left: -17px;
}
div.kalkulator {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
div.block_kalkulator .colorbox.cboxElement > img {
	width: 100%;
}
div.block_kalkulator {
	display: inline-block;
	width: 280px;
	float: left;
	margin-right: 5px
}
div.kalkulator .box_img a img {
	width: 100%;
}



div.potfol_down {
	display: inline-block;
}
#canvas-basic {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 0;
}
.qweee > .cboxElement > img {
	height: 505px;
	width: auto;
}
#soderzanie img,
#soderzanie svg {
	max-width: 100%;
	height: auto;
}
#soderzanie img.services_design {
	max-width: 50%;
}
#soderzanie .list-img-padding img {
	padding: 15px;
}
.box_img img{
	*height: 100%;
}
div.right_column2 img {
	max-width: 100%;
}
.center_column {
	width: 100%;
	float: left;
}
.soderzanie1 a:hover img {
	color: red;
	text-decoration: none;
}
.design_div a:hover img {
	color: red;
	text-decoration: none;
	top: -3px;
	position: relative;
}
/*снег*/
.left__block_razrabotka, .right__block_razrabotka {
	display: inline-block;
	float: left;
	width: 50%;
}
div.dogovor {
	overflow: hidden;
}
.right__block_razrabotka p {
	padding-right: 30%;
	text-align: right;
}

div.with_errors{
	position: absolute;
	top: -20px;
	left: 0px;
	border: none !important;
	margin: 0px !important;
	padding: 0px !important;
}


.portfolio_cirle{
	display: inline-block;
	zoom: 1;
	-webkit-transition: all ease-in 1s;
	-moz-transition: all ease-in 1s;
	-ms-transition: all ease-in 1s;
	-o-transition: all ease-in 1s;
	transition: all ease-in 1s;
}
	.portfolio_cirle:hover,
	.portfolio_cirle:focus{
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-webkit-transition: all ease-out 0.5s;
		-moz-transition: all ease-out 0.5s;
		-ms-transition: all ease-out 0.5s;
		-o-transition: all ease-out 0.5s;
		transition: all ease-out 0.5s;

	}

a.doc_footer{
	display: block;
	width: 300px;
}


.our-managers {
	display: flex;
	justify-content: center;
	max-width: 100%;
	overflow: hidden;
	flex-wrap: wrap;
}
.our-managers .manager {
	position: relative;
	float: left;
	width: 40%;
	padding: 25px 0px 55px 0px;
	overflow: hidden;
}
.our-managers .manager1:after,
.our-managers .manager4:after{
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 1px;
	height: 100%;
	*background: #e5e5e5;
}
.our-managers .manager4:after{
	left: 0px;
}
.our-managers .manager1:before,
.our-managers .manager4:before{
	content: '';
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: block;
	width: 60%;
	height: 1px;
	*background: #e5e5e5;
}
.our-managers .manager3{
	margin-left: -1px;
}
.our-managers .manager4{
	top: -1px;
}
.our-managers .manager4:before{
	top: 0px;
	bottom: auto;
	left: 0px;
	right: auto;
}
.portrait{
	position: relative;
	float: left;
	width: 230px;
	transition: all 0.3s;
}
.manager:hover .portrait,
.allpages-manager:hover .portrait,
.manager-right:hover .portrait{
	-webkit-filter: contrast(105%) brightness(105%);
	filter: contrast(105%) brightness(105%);
	transition: all 0.3s;
}

.manager-desc{
	float: right;
	width: 50%;
}
.manager-desc > *{
	display: block;
}
.manager-desc h3{
	color: var(--main-color);
	font-size: 20px;/* Приближение из-за подстановки шрифтов */
	font-weight: 800;
	
}
.manager-desc strong{
	margin-top: 20px;
	font-size: 14px;
	font-weight: normal;
	color:  #998B81;
}
.manager-desc a.telnum{
	margin-top: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color:  #000;
}
	.manager-desc a.telnum:hover,
	.manager-desc a.telnum:focus{
		color: red;
	}
.manager-desc .mail{
	margin-top: 10px;
	text-decoration: none;
	color: #4f4f4f;
	text-decoration:underline;
}
	.manager-desc .mail:hover,
	.manager-desc .mail:focus{
		color: red;
	}
.manager-desc .askme{
	width: 120px;
	padding: 10px 0px;
	margin-top: 10px;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	background-color: #f8f8f8;
	text-align: center;
	text-transform: lowercase;
	font-size: 14px;
	font-weight: 400;
	color: #5b5b5b;
	-webkit-transition: all 0.3s;
	-moz-transition: all  0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.manager-desc .askme:hover {
	border: 1px solid #e23a51;
	background: #e23a51;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.manager1 .portrait > img {
	border-radius: 10px;
}


/* !Наш коллектив */
h2.our_team {
	/* text-align: center; */
	margin-bottom: 30px;
}

.team_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.team_wrap>.row {
	text-align: left;
	margin-bottom: 10px;
	overflow: visible;
}

.team_member {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(33.33333% - 20px);
	background: #DADADC;
	background-image: -webkit-linear-gradient(to bottom, #EAEAEC, #DADADC);
	background-image: -moz-linear-gradient(to bottom, #EAEAEC, #DADADC);
	background-image: -o-linear-gradient(to bottom, #EAEAEC, #DADADC);
	background-image: linear-gradient(to bottom, #EAEAEC, #DADADC);
}

.team_member::after {
	content: "";
	display: block;
	padding-top: 100%;
}

.team_member div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: contain;
}

.team_member div:last-child {
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.team_member div:last-child:hover {
	opacity: 1;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.team_member .tm_n {
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-ms-transition: all ease 1s;
	-o-transition: all ease 1s;
	transition: all ease 1s;
}

.tm1 {
	background: url(/images/our_team/2021/AW_p_1-1.jpg) 0px 0px no-repeat;
}

.tm1_1 {
	background: url(/images/our_team/2021/AW_p_1-2.jpg) 0px 0px no-repeat;
}

.tm2 {
	background: url(/images/our_team/2021/AW_p_2-1.jpg) 0px 0px no-repeat;
}

.tm2_1 {
	background: url(/images/our_team/2021/AW_p_2-2.jpg) 0px 0px no-repeat;
}

.tm3 {
	background: url(/images/our_team/2021/AW_p_3-1.jpg) 0px 0px no-repeat;
}

.tm3_1 {
	background: url(/images/our_team/2021/AW_p_3-2.jpg) 0px 0px no-repeat;
}

.tm4 {
	background: url(/images/our_team/2021/AW_p_4-1.jpg) 0px 0px no-repeat;
}

.tm4_1 {
	background: url(/images/our_team/2021/AW_p_4-2.jpg) 0px 0px no-repeat;
}

.tm5 {
	background: url(/images/our_team/2021/AW_p_5-1.jpg) 0px 0px no-repeat;
}

.tm5_1 {
	background: url(/images/our_team/2021/AW_p_5-2.jpg) 0px 0px no-repeat;
}

.tm6 {
	background: url(/images/our_team/2021/AW_p_6-1.jpg) 0px 0px no-repeat;
}

.tm6_1 {
	background: url(/images/our_team/2021/AW_p_6-2.jpg) 0px 0px no-repeat;
}

.tm7 {
	background: url(/images/our_team/2021/AW_p_7-1.jpg) 0px 0px no-repeat;
}

.tm7_1 {
	background: url(/images/our_team/2021/AW_p_7-2.jpg) 0px 0px no-repeat;
}

.tm8 {
	background: url(/images/our_team/2021/AW_p_8-1.jpg) 0px 0px no-repeat;
}

.tm8_1 {
	background: url(/images/our_team/2021/AW_p_8-2.jpg) 0px 0px no-repeat;
}

.team_member .tm_n::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(/images/our_team/vacancy.png) center center no-repeat;
	background-size: auto;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-ms-transition: all ease 1s;
	-o-transition: all ease 1s;
	transition: all ease 1s;
}

.team_member .tm_n:hover::before {
	transform: rotateY(-360deg);
}

.team_member .tooltiptext {
	position: absolute;
	right: -30px;
	top: -30px;
	z-index: 2;
	display: block;
	width: 120px;
	padding: 12px;
	background: #fff;
	border-radius: 45%;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.team_member:hover .tooltiptext {
	opacity: 1;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.team_member .tm_n+.tooltiptext {
	top: 15px;
	left: 0px;
	right: 0px;
	width: 120px;
	margin: 0px auto;
	background: #fff;
	border: none;
	border-radius: 5px;
	color: #000;
}

.team_wrap .row:last-child .team_member:last-child:hover .tm_n+.tooltiptext {
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.team_member .tooltiptext:after {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 10%;
	border-width: 15px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	-ms-transform: skewX(-60deg);
	-webkit-transform: skewX(-60deg);
	transform: skewX(-60deg);
}

.team_member .tm_n+.tooltiptext:after {
	display: none;
}

@media (max-width: 991px) {
	.team_member {
		width: calc(50% - 10px);
	}
}

@media (max-width: 479px) {
	.team_wrap {
		gap: 10px;
	}
}
/* Наш коллектив! */

/* !Наш основной состав */
.team-artweb__title {
	margin: 30px 0 15px;
}
.team-artweb__grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1023.98px) {
	.team-artweb__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 575.98px) {
	.team-artweb__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
.team-artweb__el {
	position: relative;
	overflow: hidden;
}
.team-artweb__el img {
	object-fit: cover;
	width: 100%;
	height: 100% !important;
}
.team-artweb__caption {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px 28px;
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 142px;
	z-index: 2;
	background-image: linear-gradient(to top, #fff 20%, color(srgb 1 1 1 / 0.7) 60%, transparent);
	opacity: 0;
	transition: opacity 0.2s ease-out, bottom 0.4s ease-out;
}
.team-artweb__name {
	font-size: 16px;
	line-height: 2;
	font-weight: 700;
}
.team-artweb__post {
	font-size: 14px;
	font-weight: 300;
}
.team-artweb__el:hover .team-artweb__caption {
	opacity: 1;
	bottom: 0;
}
/* Наш основной состав! */


.allpages-manager{
  clear: both;
	width: 500px;
	padding: 15px 0px;
	overflow: hidden;
}

.manager-right{
	margin-bottom: 15px;
}
.manager-right .portrait,
.manager-right .manager-desc{
	float: none;
	width: 100%;
	padding: 0px;
	text-align: center;
}
.manager-right .portrait > img {
	border-radius: 10px;
}
.manager-right .manager-desc > strong {
	color: #616161;
}
.manager-right .manager-desc a.telnum{
	margin-top: 10px;
	color: #7b7b7b;
}
.manager-right .manager-desc a.mail{
	margin-top: 0px;
	color: #7b7b7b;
}
.manager-right .manager-desc .askme{
	margin: 10px auto 0px;
}
.manager-right.manager3 .portrait{
	display: none;
}

.manager-right.manager4 .buttons_block {
    display: flex;
    justify-content: space-around;
}
.manager-right.manager4 .buttons_block a {
    display: inline-block;
    width: 40px;
    height: 40px;
}

.manager-right__cert {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	gap: 5px;
}
.manager-right__cert img {
	border-radius: 2px;
	width: auto;
	height: 50px;
}


a.thetemafilter{
	position: relative;
	display: block;
	min-height: 150px;
	margin: 10px;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
a.thetemafilter:before{
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
a.thetemafilter span{
	-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
}
a.thetemafilter:hover {
	z-index: 1;
	-webkit-transform: scale(1.3) translateY(-5px);
	transform: scale(1.3) translateY(-5px);
}
a.thetemafilter:hover:before{
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
a.thetemafilter:hover span{
	transform: translateY(-20px) scale(0);
	opacity: 0;
}


div.flex_center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div.flex_left {
	display: flex;
	flex-wrap: wrap;
}

.portfolio-themes {
	display: flex;
	flex-wrap: wrap;
	padding-top: 1px;
    padding-left: 1px;
}
.portfolio-themes__item {
	position: relative;
	min-width: 140px;
	min-height: 177px;
	margin-top: -1px;
	margin-left: -1px;
	flex: calc(100% / 7);
	border: 1px solid #dedede;
	overflow: hidden;
	text-decoration: none;
}
@media (max-width: 1199.98px) {
	.portfolio-themes__item {
		flex: calc(100% / 5);
	}
}

.portfolio-themes__item img {
	position: absolute;
	transform: translateX(60px);
	-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	max-width: initial !important;
}
.portfolio-themes__item span {
	position: absolute;
	left: 15px;
	bottom: 15px;
	padding-right: 15px;
	font-size: 13px;
	line-height: 1.23;
	text-transform: uppercase;
	color: #000;
}

.portfolio-themes__item:hover img {
	transform: translateX(40px);
}

.portf-project-types {
	display: flex;
	flex-wrap: wrap;
}

.portf-project-types__item {
	position: relative;
	min-width: 144px;
	min-height: 1px;
	margin-top: -1px;
	margin-left: -1px;
	flex: calc(100% / 6);
	border: 1px solid #dedede;
	overflow: hidden;
	text-decoration: none;
}
@media (max-width: 1199.98px) {
	.portf-project-types__item {
		flex: calc(100% / 3);
	}
}

.portf-project-types__item::after {
	content: "";
	display: block;
	padding-bottom: 111%;
}

.portf-project-types__item span {
	position: absolute;
	left: 15px;
	bottom: 15px;
	padding-right: 15px;
	font-size: 13px;
	line-height: 1.23;
	text-transform: uppercase;
	color: #000;
}

.portf-project-types__item img {
	position: absolute;
	margin-top: -52px;
	width: 100%;
	transform: translateX(85px);
	-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
}

.portf-project-types__item:hover img {
	transform: scale(80%) translateX(57px);
}


.logo-col {
    float: left;
    max-width: 50%;
}



div.google_otzivi {
	padding: 20px 20px 32px;
	border-radius: 8px;
	border: 1px solid #e6e6e6;
	position: relative;
}
div.google_otzivi_top1 {
	font-size: 28px;
}
div.google_otzivi_top2 {
	color: #70757a;
	font-size: 13px;
}
a.otzivi_button {
	border-color: #1558d6;
	background-color: #4285f4;
	text-decoration: none;
	color: #fff;
	border-radius: 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 27px;
	padding: 5px 10px;
}
a.otzivi_button:hover {
	background-color: #1558d6;
}
a.otzivi_button_top {
	position: absolute;
	right: 20px;
	top: 20px;
}
div.google_otzivi_top {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
}
div.google_otzivi2 {
	max-height:  565px;
	overflow-y: scroll;
}
div.otziv_detal {
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	padding-left: 50px;
}
img.otziv_foto {
	position: absolute;
	left: 0px;
	top: 20px;
}


.otzivi-wdgt {
	height: 100%;
	padding: 20px 20px 32px;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    position: relative;
}
.otzivi-wdgt__top {
	min-height: 140px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
}
.otzivi-wdgt__top-descr {
	font-size: 16px;
	color: #a1a1a1;
}
.otzivi-wdgt__rating-info {
	display: flex;
	align-items: center;
	gap: 18px;
}
.otzivi-wdgt__stars-count {
	font-size: 52px;
	font-weight: bold;
	color: #000;
}
.otzivi-wdgt__rating {
	text-decoration: none;
	font-size: 14px;
	color: #000;
}
.otzivi-wdgt__side {
	position: absolute;
    right: 20px;
    top: 30px;
    text-align: right;
}
.otzivi-wdgt__btn {
	display: inline-block;
	margin-top: 20px;
	padding: 14px 34px;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
}
.otzivi-wdgt__btn:hover {
	color: #fff;
}
.otzivi-wdgt-vk .otzivi-wdgt__btn {
	background-color: #1c82f7;
}
.otzivi-wdgt-vk .otzivi-wdgt__btn:hover {
	background-color: #075dc0;
}
.otzivi-wdgt-2gis .otzivi-wdgt__btn {
	 background-color: #3bc242;
}
.otzivi-wdgt-2gis .otzivi-wdgt__btn:hover {
	 background-color: #2a892f;
}

@media (max-width: 479.98px) {
	.otzivi-wdgt__side {
		position: static;
		margin-top: 10px;
	}
}

.comment__header {
	position: relative;
	display: flex;
	padding-top: 20px;
	margin-bottom: 10px;
}
.comment__photo {
	flex-shrink: 0;
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 12px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
}
.otzivi-wdgt-vk .comment__photo {
	background-color: #1c82f7;
}
.otzivi-wdgt-2gis .comment__photo {
	background-color: #3bc242;
}
.otzivi-wdgt__comments {
	position: relative;
}
.otzivi-wdgt__comments::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100px;
	width: 100%;
	background-image: linear-gradient(to top, #fff, transparent);
	z-index: 1;
}
.otzivi-wdgt__comments-more {
	display: block;
	padding: 15px;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	background-color: #f0f0f0;
	color: #000;
}
.otzivi-wdgt__comments-more:hover {
	background-color: #e3e3e3;
	color: #000;
}
.comment__name-n-date {
	flex: 1;
	display: flex;
}
.comment__name {
	padding-top: 4px;
	font-size: 20px;
	color: #000;
}
.comment__date {
	margin-left: auto;
	color: #a1a1a1;
}
.comment__text {
	padding-left: 52px;
}
.comment__stars {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-left: 50px;
    width: 65px;
    height: 13px;
    display: inline-block;
    background: no-repeat url(/images/otzivi/star-user-5.png);
}
.otzivi-wdgt-2gis .comment__stars {
	background: no-repeat url(/images/otzivi/star-user-5-green.png);
}

a.thetemafilter span{
	display: block;
}

a.thetemafilter + h3{
	clear: both;
}

.tema_img_wr{
  padding: 5px 5px 55px;
  background: url(/images/money/money_item_bg.png) 50% 0px no-repeat;
  /* background-size: 100% 100%; */
}

.services-cms-icons{
	display: inline-block;
	zoom: 1;
	margin: 0px 30px 30px;
	text-decoration: none;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.services-cms-icons:hover{
	-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}


.row_10, .row_20, .row_30, .row_33, .row_40, .row_50, .row_60, .row_70, .row_80, .row_90  {
	float: left;
	padding: 20px 30px 20px 0;
}
.row_10 {
	width: 10%;
}
.row_20 {
	width: 20%;
}
.row_30 {
	width: 30%;
}
.row_33 {
	width: 33%;
}
.row_40 {
	width: 40%;
}
.row_50 {
	width: 50%;
}
.row_60 {
	width: 60%;
}
.row_70 {
	width: 70%;
}
.row_80 {
	width: 80%;
}
.row_90 {
	width: 90%;
}
.row_center div, .row_center div p {
	text-align: center;
}




/* new grid */
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.row:before, .row:after {
    content: " ";
	display: table;
	clear: both;
}
.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.no-gutters > [class*='span'] {
	padding-right: 0;
	padding-left: 0;
}

.row_flex {
	display: flex;
	flex-wrap: wrap;
}

/* Grid */
.span1,
.span2, 
.span3, 
.span4, 
.span5, 
.span6, 
.span7, 
.span8, 
.span9, 
.span10, 
.span11, 
.span12,
.span1_xl, 
.span2_xl, 
.span3_xl, 
.span4_xl, 
.span5_xl, 
.span6_xl, 
.span7_xl, 
.span8_xl, 
.span9_xl, 
.span10_xl, 
.span11_xl, 
.span12_xl,
.span1_lg,
.span2_lg,
.span3_lg,
.span4_lg,
.span5_lg,
.span6_lg,
.span7_lg,
.span8_lg,
.span9_lg,
.span10_lg,
.span11_lg,
.span12_lg,
.span1_md,
.span2_md,
.span3_md,
.span4_md,
.span5_md,
.span6_md,
.span7_md,
.span8_md,
.span9_md,
.span10_md,
.span11_md,
.span12_md,
.span1_sm,
.span2_sm,
.span3_sm,
.span4_sm,
.span5_sm,
.span6_sm,
.span7_sm,
.span8_sm,
.span9_sm,
.span10_sm,
.span11_sm,
.span12_sm,
.span1_xs,
.span2_xs,
.span3_xs,
.span4_xs,
.span5_xs,
.span6_xs,
.span7_xs,
.span8_xs,
.span9_xs,
.span10_xs,
.span11_xs,
.span12_xs {
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.span1,
.span2, 
.span3, 
.span4, 
.span5, 
.span6, 
.span7, 
.span8, 
.span9, 
.span10, 
.span11, 
.span12,
.span1_xs,
.span2_xs,
.span3_xs,
.span4_xs,
.span5_xs,
.span6_xs,
.span7_xs,
.span8_xs,
.span9_xs,
.span10_xs,
.span11_xs,
.span12_xs {
	float: left;
}

.span1,
.span1_xs {
	width: 8.33333%;
}
.span2,
.span2_xs {
	width: 16.66667%;
}
.span3,
.span3_xs {
	width: 25%;
}
.span4,
.span4_xs {
	width: 33.33333%;
}
.span5,
.span5_xs {
	width: 41.66667%;
}
.span6,
.span6_xs {
	width: 50%;
}
.span7,
.span7_xs {
	width: 58.33333%;
}
.span8,
.span8_xs {
	width: 66.66667%;
}
.span9,
.span9_xs {
	width: 75%;
}
.span10,
.span10_xs {
	width: 83.33333%;
}
.span11,
.span11_xs {
	width: 91.66667%;
}
.span12,
.span12_xs {
	width: 100%;
}

@media(min-width: 480px) {
	.span1_sm,
	.span2_sm,
	.span3_sm,
	.span4_sm,
	.span5_sm,
	.span6_sm,
	.span7_sm,
	.span8_sm,
	.span9_sm,
	.span10_sm,
	.span11_sm,
	.span12_sm {
		float: left;
	}

	.span1_sm {
		width: 8.33333%;
	}
	.span2_sm {
		width: 16.66667%;
	}
	.span3_sm {
		width: 25%;
	}
	.span4_sm {
		width: 33.33333%;
	}
	.span5_sm {
		width: 41.66667%;
	}
	.span6_sm {
		width: 50%;
	}
	.span7_sm {
		width: 58.33333%;
	}
	.span8_sm {
		width: 66.66667%;
	}
	.span9_sm {
		width: 75%;
	}
	.span10_sm {
		width: 83.33333%;
	}
	.span11_sm {
		width: 91.66667%;
	}
	.span12_sm {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.span1_md,
	.span2_md,
	.span3_md,
	.span4_md,
	.span5_md,
	.span6_md,
	.span7_md,
	.span8_md,
	.span9_md,
	.span10_md,
	.span11_md,
	.span12_md {
		float: left;
	}
	.span1_md {
		width: 8.33333%;
	}
	.span2_md {
		width: 16.66667%;
	}
	.span3_md {
		width: 25%;
	}
	.span4_md {
		width: 33.33333%;
	}
	.span5_md {
		width: 41.66667%;
	}
	.span6_md {
		width: 50%;
	}
	.span7_md {
		width: 58.33333%;
	}
	.span8_md {
		width: 66.66667%;
	}
	.span9_md {
		width: 75%;
	}
	.span10_md {
		width: 83.33333%;
	}
	.span11_md {
		width: 91.66667%;
	}
	.span12_md {
		width: 100%;
	}
	.prodvizhenie-box__item-outer {
		width: 50%;
	}
}

@media(min-width: 992px) {
	.span1_lg,
	.span2_lg,
	.span3_lg,
	.span4_lg,
	.span5_lg,
	.span6_lg,
	.span7_lg,
	.span8_lg,
	.span9_lg,
	.span10_lg,
	.span11_lg,
	.span12_lg {
		float: left;
	}

	.span1_lg {
		width: 8.33333%;
	}
	.span2_lg {
		width: 16.66667%;
	}
	.span3_lg {
		width: 25%;
	}
	.span4_lg {
		width: 33.33333%;
	}
	.span5_lg {
		width: 41.66667%;
	}
	.span6_lg {
		width: 50%;
	}
	.span7_lg {
		width: 58.33333%;
	}
	.span8_lg {
		width: 66.66667%;
	}
	.span9_lg {
		width: 75%;
	}
	.span10_lg {
		width: 83.33333%;
	}
	.span11_lg {
		width: 91.66667%;
	}
	.span12_lg {
		width: 100%;
	}
}

@media(min-width: 1200px) {
	.span1_xl, 
	.span2_xl, 
	.span3_xl, 
	.span4_xl, 
	.span5_xl, 
	.span6_xl, 
	.span7_xl, 
	.span8_xl, 
	.span9_xl, 
	.span10_xl, 
	.span11_xl, 
	.span12_xl {
		float: left;
	}
	.span1_xl {
		width: 8.33333%;
	}
	.span2_xl {
		width: 16.66667%;
	}
	.span3_xl {
		width: 25%;
	}
	.span4_xl {
		width: 33.33333%;
	}
	.span5_xl {
		width: 41.66667%;
	}
	.span6_xl {
		width: 50%;
	}
	.span7_xl {
		width: 58.33333%;
	}
	.span8_xl {
		width: 66.66667%;
	}
	.span9_xl {
		width: 75%;
	}
	.span10_xl {
		width: 83.33333%;
	}
	.span11_xl {
		width: 91.66667%;
	}
	.span12_xl {
		width: 100%;
	}
}

.hidden,
.hidden_sm,
.hidden_md {
	display: none;
}

@media (min-width: 480px) {
	.hidden_sm {
		display: block;
	}
}

@media (min-width: 768px) {
	.hidden_md {
		display: block;
	}
}


div.god_make {
	text-align: center;
	
	font-weight: 700;
}

div.temasite {
	text-align: center;
	width: 130px;
	float: left;
	height: 150px;
}



.ul_arrows_left{
	list-style: none;
}

	.left_column .openbtn,
.manu_flash .closebtn{
	display: none;
}

.class_center {
	text-align: center;
}

.tarif_1 {
	display: none;
}

/*-----Ivan-----*/
.manager-reklama-full {
    border: 6px solid var(--dark-grey-color);
    padding: 40px 10px;
    padding-left: 40px;
}
.manager-reklama-full  .manager-desc {
    width: 100%;
}
.manager-reklama-full p {
    text-indent: 0;
}

.manager-reklama-full .portrait {
	width: 235px;
    height: 260px;
    float: left;
    margin-right: 15px;
    flex-shrink: 0;
}
.manager-reklama-full .portrait img {
	border-radius: 10px;
}

.manager-reklama-full .foto-contacts {
    display: flex;
}

.manager-reklama-full .buttons_block {
    display: flex;
    align-items: center;
}

.manager-reklama-full .buttons_block a.telnum {
    width: auto;
    height: auto;
    background: none;
    margin-right: 30px;
    margin-left: 0;
    padding: 0;
    font-size: 30px;
    
}
.manager-reklama-full .buttons_block a.askme {
    width: auto;
    height: auto;
    background: none;
    margin-left: 30px;
    padding: 10px;
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    color: #5b5b5b;
}
.manager-reklama-full .buttons_block a.askme:hover {
    border: 1px solid #e23a51;
    background: #e23a51;
    color: #fff;
}
.manager-reklama-full .buttons_block a.phone_btn {
    background: url(/images/icon_set_new.png) no-repeat 0 -150px;
}
.manager-reklama-full .buttons_block a.skype_btn {
    background: url(/images/icon_set_new.png) no-repeat 0 -300px;
}
.manager-reklama-full .buttons_block a.telegram_btn {
    background: url(/images/icon_set_new.png) no-repeat 0 -600px;
}



.manager-reklama-full .achievements {
    display: flex;
    max-width: 530px;
	column-gap: 30px;
    margin: 10px 0;
}
.manager-reklama-full .achievements div {
    display: flex;
    align-items: center;
}
.manager-reklama-full .achievements span {
    color: #d5d5d5;
    font-size: 70px;
    font-weight: 700;
    
    margin-right: 5px;
}

.manager-reklama-full .serts-ul {
    display: flex;
    margin-bottom: 25px;
    max-width: 930px;
}
.manager-reklama-full .serts-ul .serts {
	margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
	gap: 20px 30px;
}
.manager-reklama-full .serts-ul .ul li {
    white-space: nowrap;
}
.manager-reklama-full .serts-ul .serts > div {
	display: flex;
    align-items: center;
	gap: 5px;
}
.manager-reklama-full .serts-ul .serts > div * {
    margin: 0 2px;
}
.manager-reklama-full .serts-ul .serts > div a {
	flex-shrink: 0;
}

@media (max-width: 767.98px) {
	.manager-reklama-full {
		padding: 20px 10px;
	}
}
@media (max-width: 475px) {
	.manager-reklama-full .buttons_block a.telnum {
		margin-right: 0;
		font-size: 28px;
	}
	.manager-reklama-full .achievements span {
		font-size: 50px;
	}
}



#bred .services {
    width: auto;
}




div.internet p {
	text-align: left;
}
div.internet_online {
	background: url(/images/internet_online.jpg) no-repeat left bottom #9342ba;
	padding: 30px;
	padding-left: 50%;
}
div.internet_online h3 {
	color: #fff;
	text-align: right;
}
div.internet_time {
	background: url(/images/internet_time.jpg) no-repeat 20px bottom #383838;
	padding: 30px;
	padding-right: 55%;
}
div.internet_time h3 {
	color: #fff;
}
div.internet_time p {
	color: #fff; 
}
div.reducing_costs ul {
	padding: 5px 20px;
}
div.reducing_costs li {
	position: relative;
	padding: 5px 0 5px 25px;
	list-style: none;
}
div.reducing_costs li::before, span.internet_li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
	background: url(/images/image_poiskivie_prodvizenie/li_eclipse.png) no-repeat left bottom;
	background-size: 100%;
}
span.internet_li::before{
	top: -5px;;
}
span.internet_li {
	padding-left: 25px;
	position: relative;
}





/*-----Услуги-----*/

.studio-services {
	margin-top: 10px;
	margin-bottom: 100px;
}

.studio-services__grid {
	display: grid; 
	grid-template-columns: 2fr 1fr 1fr 2fr;
	gap: 26px 32px;
	grid-template-areas: 
	  "sitecreate sitecreate sitecreate sitecreate"
	  "seo seo ads ads"
	  "support design design photovideo";
}

.studio-services__item_site-create { grid-area: sitecreate; }
.studio-services__item_seo { grid-area: seo; }
.studio-services__item_ads { grid-area: ads; }
.studio-services__item_support { grid-area: support; }
.studio-services__item_design { grid-area: design; }
.studio-services__item_photo-video { grid-area: photovideo; }

.studio-services-style {
	position: relative;
	padding: 40px 50px;
	height: 100%;
	border-radius: 4px;
	overflow: hidden;
}

.studio-services-style img {
	display: block;
	max-width: 100%;
	height: auto;
}

.studio-services-style__more-btn {
	display: inline-block;
	padding: 8px 21px 8px 25px;
	border-radius: 18px;
	font-size: 13px;
	border: 1px solid currentColor;
	color: currentColor;
	text-transform: uppercase;
	text-decoration: none;
}
.studio-services-style__more-btn:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.studio-services-style__title:link:hover {
	text-decoration: underline;
}

.studio-services-style-blue {
	padding-bottom: 48px;
	background: #0b1935 no-repeat url(/images/studio-services/backgr.jpg);
	color: #fff;
}
.studio-services-style-blue__title {
	position: absolute;
	display: block;
	font-size: 38px;
	color: currentColor;
	text-decoration: none;
}
.studio-services-style-blue__title:hover,
.studio-services-style-blue__title:focus {
	color: currentColor;
}
.studio-services-style-blue__list {
	margin-left: 33%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.studio-services-style-blue__li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	column-gap: 20px;
	row-gap: 5px;
	border-radius: 6px;
	border: 1px solid #334364;
	padding: 16px 25px;
	font-size: 17px;
    line-height: 1.1;
	color: currentColor;
	cursor: pointer;
	text-decoration: none;
	min-height: 71px;
}
.studio-services-style-blue__li-title {
	flex: 3 1 195px;
}
.studio-services-style-blue__li-price {
	flex: 1;
	font-size: 16px;
}
.studio-services-style-blue__li:hover,
.studio-services-style-blue__li:focus {
	color: currentColor;
	background-color: #030303;
	border-color: #030303;
}
.studio-services-style-blue__more-btn-wrap {
	position: absolute;
	bottom: 50px;
	left: 50px;
}
.studio-services-style-blue__image {
	position: absolute;
	top: 121px;
	left: 139px;
	animation: topbottomtudasuda 3s infinite alternate ease-in-out;
}

@keyframes topbottomtudasuda {
	0% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(10px);
	}
}

.studio-services-style-yellow {
	padding-bottom: 48px;
	background-color: #ffda45;
	color: #000;
}
.studio-services-style-yellow__title {
	display: block;
	font-size: 28px;
	color: currentColor;
	text-decoration: none;
}
.studio-services-style-yellow__title:hover,
.studio-services-style-yellow__title:focus {
	color: currentColor;
}
.studio-services-style-yellow__list {
	margin-right: 150px;
	margin-top: 65px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
.studio-services-style-yellow__li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	column-gap: 20px;
	row-gap: 5px;
	border-radius: 6px;
	border: 1px solid #e7bc10;
	padding: 16px 25px;
	font-size: 17px;
    line-height: 1.1;
	color: currentColor;
	cursor: pointer;
	text-decoration: none;
	min-height: 71px;
}
.studio-services-style-yellow__li-title {
	flex: 3 1 195px;
}
.studio-services-style-yellow__li-price {
	flex: 1;
	font-size: 16px;
}
.studio-services-style-yellow__li:hover,
.studio-services-style-yellow__li:focus {
	color: #fff;
	background-color: #030303;
	border-color: #030303;
}
.studio-services-style-yellow__more-btn-wrap {
	position: absolute;
	right: 50px;
	bottom: 50px;
}
.studio-services-style-yellow__image {
	position: absolute;
	top: -20px;
	right: 0;
	margin-left: 400px;
	min-width: 80px;
}

.studio-services-style-turquoise {
	padding-bottom: 48px;
	background-color: #55d9bf;
	color: #000;
}
.studio-services-style-turquoise__title {
	display: block;
	font-size: 28px;
	color: currentColor;
	text-decoration: none;
}
.studio-services-style-turquoise__title:hover,
.studio-services-style-turquoise__title:focus {
	color: currentColor;
}
.studio-services-style-turquoise__list {
	margin-right: 150px;
	margin-top: 65px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
.studio-services-style-turquoise__li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	column-gap: 20px;
	row-gap: 5px;
	border-radius: 6px;
	border: 1px solid #34c2a6;
	padding: 16px 25px;
	font-size: 17px;
    line-height: 1.1;
	color: currentColor;
	cursor: pointer;
	text-decoration: none;
	min-height: 71px;
}
.studio-services-style-turquoise__li-title {
	flex: 3 1 195px;
}
.studio-services-style-turquoise__li-price {
	flex: 1;
	font-size: 16px;
}
.studio-services-style-turquoise__li:hover,
.studio-services-style-turquoise__li:focus {
	color: #fff;
	background-color: #030303;
	border-color: #030303;
}
.studio-services-style-turquoise__more-btn-wrap {
	position: absolute;
	right: 50px;
	bottom: 50px;
}
.studio-services-style-turquoise__image {
	position: absolute;
	top: -10px;
	right: 12px;
	margin-left: 400px;
	min-width: 80px;
}

.studio-services-style-light {
	min-height: 260px;
	padding-bottom: 89px;
	background-color: #e2f0ec;
	color: #000;
}
.studio-services-style-light__title {
	display: block;
	margin-bottom: 16px;
	font-size: 26px;
	color: currentColor;
	text-decoration: none;
}
.studio-services-style-light__title:hover,
.studio-services-style-light__title:focus {
	color: currentColor;
}
.studio-services-style-light__price {
	font-size: 16px;
}
.studio-services-style-light__li {
	display: block;
	margin-bottom: 5px;
	font-size: 17px;
	color: currentColor;
	text-decoration: none;
}
.studio-services-style-light__li:hover,
.studio-services-style-light__li:focus {
	color: currentColor;
}
.studio-services-style-light__more-btn-wrap {
	position: absolute;
	bottom: 40px;
	left: 50px;
}
.studio-services-style-light__image {
	position: absolute;
    right: 38px;
    bottom: 30px;
    margin-left: 230px;
    min-width: 40px;
}

@media (max-width: 1699.98px) {
	.studio-services-style-blue__title {
		position: static;
		margin-bottom: 20px;
	}
}

@media (max-width: 1400px) {
	.studio-services-style-blue__title {
		font-size: 22px;
	}

	.studio-services-style-yellow__title {
		font-size: 22px;
	}
	.studio-services-style-yellow__list {
		margin-top: 20px;
		margin-right: 0;
	}
	.studio-services-style-yellow__more-btn-wrap {
		position: static;
		margin-top: 20px;
	}

	.studio-services-style-turquoise__title {
		font-size: 22px;
	}
	.studio-services-style-turquoise__list {
		margin-top: 20px;
		margin-right: 0;
	}
	.studio-services-style-turquoise__more-btn-wrap {
		position: static;
		margin-top: 20px;
	}

	.studio-services-style-light__title {
		font-size: 22px;
	}
	.studio-services-style-light__image {
		right: 25px;
	}
}

@media (max-width: 1199.98px) {
	.studio-services__grid {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
        "sitecreate sitecreate"
        "seo ads"
		"support design"
		"photovideo photovideo";
	}

	.studio-services-style-blue__more-btn-wrap,
	.studio-services-style-yellow__more-btn-wrap,
	.studio-services-style-turquoise__more-btn-wrap,
	.studio-services-style-light__more-btn-wrap {
		display: none;
	}

	.studio-services-style-blue__image {
		display: none;
	}
	.studio-services-style-blue__list {
		margin-left: 0;
	}

	.studio-services-style-yellow__title,
	.studio-services-style-turquoise__title {
		position: relative;
		z-index: 1;
	}

	.studio-services-style-light {
		min-height: initial;
		padding-bottom: 40px;
	}
	.studio-services-style-light__image {
		bottom: 10px;
	}
}

@media (max-width: 1023.98px) {
	.studio-services-style {
		padding: 20px 30px;
	}

	.studio-services-style-light__more-btn-wrap {
		left: 30px;
	}
}

@media (max-width: 767.98px) {

	.studio-services__grid {
		gap: 15px 20px;
	}

	.studio-services-style {
		padding-left: 20px;
		padding-right: 20px;
	}

	.studio-services-style-blue__list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575.98px) {
	.studio-services__grid {
		grid-template-columns: 1fr;
		grid-template-areas: 
		"sitecreate"
		"seo"
		"ads"
		"support"
		"design"
		"photovideo";
	}

	.studio-services-style-light {
		min-height: unset;
	}

	.studio-services-style-light__more-btn-wrap {
		position: static;
		margin-top: 20px;
	}
}


/* div.lvov {
	padding: 0 0 20px 15px;
	background: #DFDEDE;
}
div.lvov a {
	text-decoration: none;
} */

/*-----Услуги-----*/

.internet-hero {
	margin-bottom: 50px;
}
.internet-hero__grid {
	display: grid;
    grid-template-columns: 2fr 1fr 1fr 2fr;
    gap: 26px 32px;
    grid-template-areas:
        "biznis biznis biznis biznis"
        "context context bnr bnr"
        "landing turbo turbo social";
}
@media (max-width: 991.98px) {
	.internet-hero__grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
        "biznis biznis"
        "context bnr"
        "landing turbo"
		"social social";
	}
}
@media (max-width: 575.98px) {
	.internet-hero__grid {
		grid-template-columns: 1fr;
		grid-template-areas:
        "biznis"
        "context"
		"bnr"
        "landing"
		"turbo"
		"social";
	}
}
.internet-hero__item_biznis {
	grid-area: biznis;
}
.internet-hero__item_context {
	grid-area: context;
}
.internet-hero__item_bnr {
	grid-area: bnr;
}
.internet-hero__item_landing {
	grid-area: landing;
}
.internet-hero__item_turbo {
	grid-area: turbo;
}
.internet-hero__item_social {
	grid-area: social;
}
.internet-hero-style {
	position: relative;
	padding: 40px 50px;
	height: 100%;
	border-radius: 4px;
	overflow: hidden;
}
.internet-hero-style img {
	display: block;
	max-width: 100%;
	height: auto;
}
.internet-hero-style__more-btn {
	display: inline-block;
	padding: 8px 21px 8px 25px;
	border-radius: 18px;
	font-size: 13px;
	border: 1px solid currentColor;
	color: currentColor;
	text-transform: uppercase;
	text-decoration: none;
}
.internet-hero-style__more-btn:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.internet-hero-style__title a {
	text-decoration: none;
	color: inherit;
}
.internet-hero-style__title a:hover {
	text-decoration: underline;
}
@media (max-width: 1023.98px) {
	.internet-hero-style {
		padding: 20px 30px;
	}
}
@media (max-width: 767.98px) {
	.internet-hero-style {
		padding-left: 20px;
        padding-right: 20px;
	}
}

.internet-hero-style-green {
	background-color: #55d9bf;
	background-image: url(/images/internet-hero/bg_r.jpg);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
.internet-hero-style-green__image {
	position: absolute;
    top: 20px;
    right: 15px;
    animation: topbottomtudasuda 3s infinite alternate ease-in-out;
}
.internet-hero-style-green__btn-wrap {
	margin-top: 40px;
	display: flex;
	gap: 20px;
}
.internet-hero-style-green__btn-wrap a {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	gap: 10px;
	background-color: rgba(85,217,191,0);
	border: 1px solid rgb(3 3 3 / 30%);
    padding: 16px 25px;
	text-decoration: none;

	font-size: 15px;
	line-height: 27px;
	text-transform: uppercase;
	color: #3a3a3a;
}
.internet-hero-style-green__btn-wrap a img {
	width: 21px;
	height: 28px;
}
.internet-hero-style-green__btn-wrap a:hover {
	background-color: #030303;
	color: #fefefe;
}
.internet-hero-style-green__title {
	margin-right: 270px;
	margin-bottom: 18px;
	font-size: 38px;
	line-height: 1.27;
	color: #000;
}
.internet-hero-style-green__text {
	margin-right: 270px;
	font-size: 15px;
}
@media (max-width: 991.98px) {
	.internet-hero-style-green__image {
		display: none;
	}
	.internet-hero-style-green__title {
		margin-right: 0;
	}
	.internet-hero-style-green__text {
		margin-right: 0;
	}
	.internet-hero-style-green__image {
		width: 150px;
	}
}
@media (max-width: 767.98px) {
	.internet-hero-style-green__title {
		font-size: 22px;
	}
	.internet-hero-style-green__text {
		text-align: justify;
	}
}
@media (max-width: 475px) {
	.internet-hero-style-green__btn-wrap {
		flex-direction: column;
	}
}

.internet-hero-style-yellow {
	background-color: #ffdf80;
}
.internet-hero-style-yellow__image {
	position: absolute;
    top: 50px;
    right: 39px;
    margin-left: 400px;
    min-width: 80px;
}
.internet-hero-style-yellow__title {
	margin-bottom: 30px;
	font-size: 28px;
	color: #000;
}
.internet-hero-style-yellow__price {
	margin-bottom: 30px;
	font-size: 24px;
}
.internet-hero-style-yellow__text {
	margin-right: 170px;
	margin-bottom: 20px;
	font-size: 15px;
}
@media (max-width: 991.98px) {
	.internet-hero-style-yellow__text {
		margin-right: 0;
	}
}

.internet-hero-style-pink {
	background-color: #f4d0ef;
}
.internet-hero-style-pink__image {
	position: absolute;
    top: 43px;
    right: 41px;
    margin-left: 400px;
    min-width: 80px;
}
.internet-hero-style-pink__title {
	margin-bottom: 30px;
	font-size: 28px;
	color: #000;
}
.internet-hero-style-pink__price {
	margin-bottom: 30px;
	font-size: 24px;
}
.internet-hero-style-pink__text {
	margin-right: 170px;
	margin-bottom: 20px;
	font-size: 15px;
}
@media (max-width: 991.98px) {
	.internet-hero-style-pink__text {
		margin-right: 0;
	}
}

.internet-hero-style-light {
	background-color: #e2f0ec;
	padding-bottom: 70px;
}
.internet-hero-style-light__image {
    position: absolute;
    top: 10px;
    right: 20px;
    margin-left: 200px;
    min-width: 40px;
}
.internet-hero-style-light__title {
	max-width: 210px;
	min-height: 105px;
	margin-bottom: 15px;
	font-size: 26px;
	color: #000;
}
.internet-hero-style-light__title .e-plus {
	font-size: 45px;
	line-height: 20px;
	color: #e5252a;
}
.internet-hero-style-light__title .e-yandex {
	color: #3a3a3a;
}
.internet-hero-style-light__title .e-y {
	font-weight: 700;
	color: #e5252a;
}
.internet-hero-style-light__price {
	margin-bottom: 15px;
	font-size: 19px;
	color: #000;
}
.internet-hero-style-light__text {
	margin-bottom: 12px;
	font-size: 15px;
}
.internet-hero-style-light__more-btn-wrap {
	position: absolute;
	bottom: 35px;
}

.documents-links {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    flex-wrap: wrap;
    margin: 80px 0 30px 0;
}
.documents-links .document + .document {
    margin-top: 28px;
}
.documents-links .document img {
    float: left;
    margin-right: 10px;
}
.documents-links .document p {
    text-indent: 0;
}
.documents-links .document a {
    font-size: 18px;
    line-height: 110%;
    text-decoration: none;
    
    font-weight: 700;
}
.documents-links .document a:hover {
    text-decoration: underline;
}

.recent noindex > div {
    overflow: hidden;
}
.recent noindex > div .box_img:nth-child(n+12) {
    display: none;
}


.boxs_img .box_img:nth-child(n+21) {
    display: none;
}



.recent .read-more {
    text-align: center;
    margin-top: 30px;
}
.recent .read-more button {
    border-radius: 25px;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    background-color: #b7b7b7;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    
    padding: 8px 50px;
    padding-left: 30px;
    border: none;
    margin-top: -15px;
    margin-bottom: 25px;
}
.recent .read-more button:hover {
    background: #000;
    text-decoration: none;
}
.recent .read-more button:after {
    content: '';
    width: 19px;
    height: 10px;
    background: url(/images/read-more-arrow.png);
    position: absolute;
    right: 20px;
    top: 15px;
    transform: rotate(180deg);
}

/*-----Таблица услуг-----*/
div {
    box-sizing: border-box;
}
.services-table {
/*    width: 1329px;*/
	border: 6px solid var(--dark-grey-color);
	border-bottom-width: 7px;
	margin: 0 auto;
	margin-bottom: 75px;
	padding: 0 6px;
}
.services-table p {
	line-height: normal;
	font-size: 16px;
	text-align: left;
	font-weight: 400;
	text-indent: 0;
	margin: 1em 0;
}
.services-table p a {
    color: #000;
}

.services-table .service-row {
    display: flex;
    padding: 25px;
    flex-wrap: wrap;
}
.services-table .last-visible ~ .service-row {
    display: none;
}
.services-table .read-more {
    width: 100%;
    text-align: center;
    height: 7px;
/*    background: #b7b7b7;*/
    position: relative;
    top: 32px;
}
.services-table .read-more.close {
    top: 18px;
    opacity: 1;
}


.services-table-wrap {
	position: relative;
}

.services-table-wrap .read-more {
	margin: 0;
	position: absolute;
	bottom: -15px;
	width: 100%;
    text-align: center;
}

.services-table-wrap .read-more button,
.services-table .read-more button,
.services-table-wrap .read-more .button,
.services-table .read-more .button {
	display: inline-block;
    border-radius: 25px;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    background-color: #b7b7b7;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    
    padding: 8px 50px;
    padding-left: 30px;
    border: none;
    margin-top: -15px;
}
.services-table .read-more button a {
    color: #fff;
}

.services-table-wrap .read-more button:hover,
.services-table .read-more button:hover,
.services-table-wrap .read-more .button:hover,
.services-table .read-more .button:hover {
    text-decoration: none;
	background: #000;
    color: #fff;
}

.services-table-wrap .read-more button:after,
.services-table .read-more button:after,
.services-table .read-more.close button:after,
.services-table-wrap .read-more .button:after,
.services-table .read-more .button:after,
.services-table .read-more.close .button:after {
    content: '\e90e';
	font-family: 'art';
	font-style: normal;
	line-height: .5;
    width: 19px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 15px;
    transform: rotate(180deg);
}

.services-table-wrap .read-more button.btn-close:after,
.services-table .read-more.close button:after,
.services-table-wrap .read-more .button.btn-close:after,
.services-table .read-more.close .button:after {
    transform: none;
}

.services-table .service-row:nth-of-type(odd) {
    background-color: #fff;
}
.services-table .service-row:nth-of-type(even) {
    background-color: var(--grey-color);
    margin: 0 -6px;
}
.services-table .service-row .name {
    width: 25%;
}
.services-table .service-row .name a,
.services-table .service-row .name p {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    
}
.services-table .service-row .name img {
    width: 100px !important;
}
.services-table .service-row .options {
    width: 75%;
}
.services-table .option-row {
	display: flex;
	padding: 0 20px;
	border-bottom: 2px solid #f2f2f2;
}
.services-table .service-row:nth-child(even) .option-row {
    border-color: #fff;
}
.services-table .option-row:last-child {
    border-bottom: none;
}
.services-table .option-row .option {
    width: 80%;
    padding-right: 20px;
}
.services-table .option-row .option img {
    width: 111px !important;
    margin-left: 10px;
}
.services-table .option-row .option ul {
    margin-bottom: 1em;
}
.services-table .option-row .price {
	position: relative;
    width: 20%;
}

.services-table .option-row .price ul {
    margin-top: 5px;
}
.services-table .option-row .price ul p {
    font-size: 14px;
    margin: 0;
}
.services-table .option-row .price p {
    font-size: 18px;
}

.services-table .option-row .option .title-h3 a {
    color: #000;
    font-size: 18px;
}

.service-table-price-label {
	margin-bottom: 14px;
    color: #b1b1b1;
    font-size: 18px;
	text-align: center;
}

.internet  div#price2 .service-row.internet .read-more {
	display: none;
}


/* Меню городов */

/* ---Кнопка переключатель--- */

.button-switch-menu-city {
	position: relative;
	display: inline-block;
	background: none;
	border: none;
	cursor: pointer;
	white-space: nowrap;
	font-size: 16px;
	line-height: 1;
	font-weight: 300;
	color: inherit;
}

.button-switch-menu-city::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	border-top: 1px dashed currentColor;
}

.button-switch-menu-city:hover {
	text-decoration: none;
}

/* ---Меню--- */

.menu-city:not(.active) {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.menu-city {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
	overflow: hidden;
	background: rgba(92, 0, 84, 0.8);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    color: #fff;
}

.menu-city.active {
	animation: fadeInDownBig;
	animation-duration: 0.4s;
	animation-fill-mode: forwards;
}

.menu-city.out {
	animation: fadeOutUpBig;
	animation-duration: 0.4s;
	animation-fill-mode: forwards;
}

.menu-city__wrap {
	height: 100%;
	padding: 30px 190px;
	overflow-x: hidden;
    overflow-y: scroll;
}

.menu-city__title {
	padding: 0 50px 0 20px;
	font-size: 32px;
	font-weight: bold;
}

.menu-city__close {
	position: absolute;
	top: 32px;
	right: 48px;
	cursor: pointer;
	background: none;
	border: none;
}

.menu-city__close svg {
	fill: #fff;
}

.menu-city__line {
	width: 100%;
	margin: 15px 0;
	border-top: 1px solid #fff;
}

.menu-city__list-outer {
	-webkit-column-count: 6;
	column-count: 6;
}

.menu-city__list {
	/* display: flex;
	flex-direction: column;
	flex-wrap: wrap; */
	list-style: none;
	padding: 0 20px;
	margin: 0;
}

.menu-city__list li {
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0;
}

.menu-city__list .menu-city__letter {
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 1.55;
	font-weight: bold;
	color: #ad7faa;
}

.menu-city__list a {
	text-decoration: none;
	color: inherit;
}

.menu-city__list a:hover {
	text-decoration: underline;
}

@media (max-width: 1450px) {
	.menu-city__wrap {
		padding-left: 100px;
		padding-right: 100px;
	}
}

@media (max-width: 1199px) {
	.menu-city__list-outer {
		column-count: 4;
	}
}

@media (max-width: 991px) {
	.menu-city__list-outer {
		column-count: 3;
	}

	.menu-city__wrap {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (max-width: 767px) {
	.menu-city__wrap {
		padding: 30px;
	}
	.menu-city__list {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 479px) {
	.menu-city__list-outer {
		column-count: 2;
	}
}


/* ! вертикальные полосы */

.level2,
.level3 {
    position: relative;
    z-index: 1;
}
.level2::after,
.level3::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -20px;
    bottom: 0;
    height: calc(100% + 10px);
    background: #a5409d;
    width: 2px;
}
.level2::after {
    left: -20px;
}
.level3::after {
    left: -15px;
}

/* вертикальные полосы ! */


/* ! горизонтальные полосы */

.level2 li,
.level3 li {
    position: relative;
}
.level2 li::before,
.level3 li::before {
    content: "";
    position: absolute;
    top: 8px;
    height: 2px;
    
    background: #a5409d;
}
.level2 li::before {
    left: -28px;
    width: 30px;
}
.level3 li::before {
    left: -25px;
    width: 25px;
}
.level2 li a,
.level3 li a {
    position: relative;
}
.level2 li a::before,
.level3 li a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 17px;
}
.level2 li a::before {
    width: 50px;
}
.level3 li a::before {
    width: 45px;
}
/* горизонтальные полосы ! */

.level2 .parent {
    position: relative;
}
.level2 .parent::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 10px;
    left: -30px;
    height: calc(100% + 2px);
    background: #5c0055;
    width: 2px;
}
.pseudo {
    position: absolute;
    z-index: 10;
    width: 2px;
    height: 0px;
}
.level2 + .pseudo {
    z-index: 100;
    top: 25px;
    left: 10px;
    background: #fff;
}
.level3 + .pseudo {
    top: 15px;
    left: 5px;
    background: #fff;
}
/*-----Новое меню на странице контекстной рекламы-----*/



/*-----Верхний блок с контентом /index.php?id=contextual_reklama-----*/
/*-----Верхний блок с контентом /index.php?id=poiskivie_prodvizenie-----*/

.new-top-block {
    max-width: 1329px;
    margin: 15px auto 0;
    display: flex;
}
.new-top-block > div {
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}
.new-top-block .left {
	background: url(/images/yl_top.jpg) center top,
				url(/images/yl_bot.jpg) center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #ffab09;
	padding-right: 30px;
}
.new-top-block .left .first {
    text-align: right;
    
}
.new-top-block .left .first h2+p {
    text-align: right;
    padding-left: 15%;
}
.new-top-block .left .first .title,
.new-top-block .left .first .list-item {
    text-align: left;
    margin: 0 40px 15px 10px;
}
.new-top-block .left .first h2,
.new-top-block .left .first .title {
    color: #fff;
    text-shadow: 1px 1px 2px #555;
    font-weight: 400;
}
.new-top-block .left .first h2 {
    font-size: 24px;
}
.new-top-block .left .first h2 {
    font-size: 20px;
}
.new-top-block .left .first .title {
	font-size: 20px;
	text-transform: uppercase;
}
.new-top-block .right {
	padding-left: 30px;
    background: url(/images/160-000.png) center bottom no-repeat,
				url(/images/patt.jpg);
}
.new-top-block .img-polosa {
    margin-left: -15px;
    text-align: left;
    margin-right: -30px;
    margin-bottom: 20px;
    position: relative;
}
.new-top-block .img-polosa img {
    width: 100%;
}
.new-top-block .img-polosa img.loupe {
    width: auto;
    position: absolute;
    top: 3px;
    right: 0;
}
.new-top-block .list-item span {
    color: red;
    font-size: 2em;
    margin-right: 5px;
    font-weight: 700;
    
}
.new-top-block .result {
	position: relative;
	text-align: left;
	margin-top: 20%;
	margin-top: 12%;
}
.new-top-block .result img{
	position: relative;
	top: 0;
	left: -185px;
}
.new-top-block.prodvizenie .result .places h4 {
	color: #fff;
	margin-bottom: 0;
	font-size: 15px;
}
.new-top-block.prodvizenie .result .advert {
	background: #fff;
	right: 0;
}
.new-top-block.prodvizenie .result .advert h4 {
	color: #e41824;
	font-size: 15px;
}



.new-top-block .result > div {
	position: absolute;
}
.new-top-block .result .places {
	position: absolute;
	width: 38%;
	min-width: 120px;
	background: #fff;
	padding: 1% 3%;
	top: 25%;
	right: 0;
	box-sizing: border-box;
	border: 5px solid #fff;
}
.new-top-block .result .places ul {
	padding-left: 40px;
}
.new-top-block .result .places:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 10px solid transparent;
	position: absolute;
	bottom: 20px;
	left: -15px;
}
.new-top-block .result .places:after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 30px;
	left: -100%;
}
.new-top-block .result .places h4 {
    color: #ffaa22;
	font-size: 15px;
}
.new-top-block .result .places li {
    list-style-image: url(/images/li_gray.png);
    margin: 5px 0;
}
.new-top-block .result .places li:hover {
    list-style-image: url(/images/li_chek.png) ;
}
.new-top-block .result .advert {
	position: absolute;
	width: 38%;
	min-width: 120px;
	background: rgba(255,171,9,.8);
	bottom: 16%;
	right: 0;
	border: 5px solid #fff;
	padding: 1% 3%;
	box-sizing: border-box;
}
.new-top-block .result .advert:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 10px solid transparent;
    position: absolute;
    bottom: 20px;
    left: -15px;
}

.new-top-block .result .advert:after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 30px;
	left: -100%;
}
.new-top-block .result .advert h4 {
    color: #fff;
    font-size: 15px;
}
.new-top-block .right .images {
    display: grid;
	grid-template-columns: repeat(3, 1fr);
    margin-top: 20px;
	gap: 20px;
}
.new-top-block .right .title {
    color: #ff6600;
    font-size: 20px;
}
.new-top-block .right .title + p {
    font-size: 16px;
}

.new-top-block .right .p-right {
	text-align: right;
	font-size: 16px;
}


.new-top-block .prodazhi-calc td:first-child {
	text-transform: initial;
	text-align: left;
	padding-left: 0;
}
.new-top-block .prodazhi-calc {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	max-width: initial;
}

.numbers-wrap {
	margin-left: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.numbers-row {
	display: flex;
	flex-wrap: wrap;
}
.sity_worck .numbers-row {
	justify-content: center;
}
.number-item {
	margin-right: 65px;
}
.numbers-row_icon .number-item--wrap {
	position: relative;
}
.numbers-row .number-item--wrap {
	display: flex;
	animation: num-opacity 1.5s;
	animation-fill-mode: forwards;
}

@keyframes num-opacity {
	0% {
		color: transparent;
	}
	100% {
		color: var(--main-color);
	}
}
.numbers-row_icon .number-item {
	margin-right: 40px;
	margin-bottom: 30px;
}

.numbers-row .number-item.wow:not(.animate__animated) {
	opacity: 0;
}


.numbers-row_icon .number-item--icon {
	display: inline-block;
	height: 55px;
}
.numbers-row_icon .number-item:nth-child(1) .number-item--icon {
	position: relative;
	width: 7px;
	margin-left: 13px;
	background: no-repeat center url(/images/numbers/years.png);
}
.numbers-row_icon .number-item:nth-child(1) .number-item--icon span:nth-child(1) {
	position: absolute;
	top: 5px;
	left: calc(100% + 5px);
}
.numbers-row_icon .number-item:nth-child(1) .number-item--icon span:nth-child(2) {
	position: absolute;
	bottom: 5px;
	left: calc(100% + 5px);
}
.numbers-row_icon .number-item:nth-child(2) .number-item--icon {
	width: 32px;
	margin-left: 5px;
	background: no-repeat center url(/images/numbers/support.png);
}
.numbers-row_icon .number-item:nth-child(3) .number-item--icon {
	width: 41px;
	margin-left: 10px;
	background: no-repeat center url(/images/numbers/employees.png);
}
.numbers-row_icon .number-item:nth-child(4) .number-item--icon {
	width: 37px;
	margin-left: 10px;
	background: no-repeat center url(/images/numbers/releases.png);
}
.number-item--val {
	color: var(--main-color);
	font-size: 62px;
	
	font-weight: 800;
	line-height: 1;
}
div.numbers_prodvizenie .number-item--val {
	color: #fff;
}
.number-item--text {
	display: block;
}






/*-----Верхний блок с контентом /index.php?id=contextual_reklama-----*/


/*-----Верхний блок с контентом /index.php?id=poiskivie_prodvizenie-----*/

.new-top-block.prodvizenie .left {
  background: url(/images/image_poiskivie_prodvizenie/fon_1.jpg) center top, url(/images/image_poiskivie_prodvizenie/fon_3.jpg) center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #00d2f8;
}

/*-----Верхний блок с контентом /index.php?id=poiskivie_prodvizenie-----*/



div.sity_worck {
	max-width: 1300px;
	margin: 50px auto 0;
}


.b-file-download {
	display: flex;
    justify-content: center;
    align-items: center;
    min-height: 96px;
	gap: 24px;
}
.b-file-download .download-file__icon {
	margin-left: 0px !important;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #3a3a3a;
}
.b-file-download .download-file__icon img {
	margin-right: 10px;
}

.flex-left {
	display: flex;
	justify-content: flex-start;
}


/*----- блоки на главной  -----*/


.blocks-prices {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.blocks-prices-item {
	position: relative;
	width: 50%;
	box-sizing: border-box;
	min-height: 328px;
	margin: 0;
	padding: 50px 35px;
	border: 1px solid #dedede;
	background-repeat: no-repeat;
	background-color: #fff;
	transition: all .3s;
	background-position: -20px 100%;
	overflow: hidden;
}

.blocks-prices-item_no-bg-bd {
	background: none !important;
	border: none;
}

.blocks-prices-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.3;
	transition: 0.25s ease-in;
}

.blocks-prices-item:hover {
	background-position-x: 0 !important;
}
.blocks-prices-item:hover::before {
	opacity: 0;
}

.blocks-prices-item_website-development {
	background-image: url(/images/main/a1_1.jpg);
}
.blocks-prices-item_stores {
	left: -1px;
	background-image: url(/images/main/a1_4.jpg);
}
.blocks-prices-item_advertising {
	top: -1px;
	background-image: url(/images/main/a1_3.jpg);
}
.blocks-prices-item_design {
	top: -1px;
	left: -1px;
	background-image: url(/images/main/a1_2.jpg);
}

.blocks-prices-item_individual-project {
	background-image: url(/images/price-block/individual-project.jpg);
}

.blocks-prices-item_templates-project {
	background-image: url(/images/price-block/templates-project.jpg);
}

.blocks-prices-item_web-programing {
	background-position-y: 0;
	background-image: url(/images/price-block/web-programing.jpg);
}

.blocks-prices-item_photo-and-video {
	background-position-y: 0;
	background-image: url(/images/price-block/photo-and-video.jpg);
}

.blocks-prices-item--title {
	position: relative;
	z-index: 1;
	display: block;
	margin-left: 37%;
	font-size: 22px;
	text-transform: uppercase;
    font-weight: 700;
	color: var(--main-color);
}

.blocks-prices-item--subtitle {
	margin-top: 20px;
	margin-left: 37%;
}

.blocks-prices-item ul {
	position: relative;
	z-index: 1;
	padding: 0;
	margin-top: 25px;
	margin-left: 37%;
	list-style: none;
	font-size: 18px;
}

.blocks-prices-item ul li {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 10px;
	position: relative;
	left: 0px;
	transition: .25s;
}

.blocks-prices-item ul li::after {
	content: "";
	flex: 1;
	bottom: 0;
	left: 0;
	border-bottom: 1px dashed black;
}

.blocks-prices-item ul li:hover {
	border-bottom-color: #D41775;
	color: #D41775;
	left: 10px;
}

.blocks-prices-item--name,
.blocks-prices-item--value {
    margin-bottom: -4px;
    padding: 0 5px;
	font-size: 15px;
	color: #3a3a3a;
}

.blocks-prices-item--name a {
	text-decoration: none;
	font-size: 15px;
	color: #3a3a3a;
}
.blocks-prices-item--name a:hover {
	text-decoration: underline;
}

.blocks-prices-item--value {
	order: 1;
	width: auto;
	white-space: nowrap;
}

.blocks-prices-item--name_bold {
	font-weight: bold;
}

.blocks-prices-item--value_star {
	
}

.uslugi-title {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 50px;
}

.descs p {
	text-align: center;
}

/*----- блоки на главной  -----*/



/*----- блоки на index.php?id=landing_reklama  -----*/


.landing-sales-wrap {
	margin: 55px 0;
}

.landing-sales-blocks {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.landing-sales-block {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 28%;
	max-width: 100%;
	min-height: 280px;
	margin-bottom: 30px;
	padding: 30px 1%;
	border: 12px solid #ECECEC;
	text-align: center;
}



.landing-sales-block::after {
	content: "+";
	position: absolute;
	font-size: 80px;
	font-weight: 700;
	color: var(--main-color);
	right: -1em;
	top: calc(50% - .7em);
}

.landing-sales-blocks .landing-sales-block:last-child::after {
	display: none;
}

.landing-sales-block--title {
	display: block;
	margin-bottom: 15px;
	font-size: 35px;
}

.landing-sales-block--title,
.landing-sales-block--prices,
.landing-sales-total-cost {
	font-weight: 700;
	color: var(--main-color);
}

.landing-sales-block p {
	text-align: center;
}

.landing-sales-block--prices {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: auto;
	line-height: 1;
}

.landing-sales-block--prices span {
	margin: 0 10px;
}

.landing-sales-block--prices_old {
	text-decoration: line-through;
	color: #505050;
	font-size: 28px;
}

.landing-sales-block--prices_new {
	font-size: 33px;
}

.landing-sales-total-cost {
	font-size: 65px;
	text-align: center;
}



/*----- блоки на index.php?id=landing_reklama  -----*/


/*----- блоки на index.php?id=sozdanie_logotipa  -----*/
.price-block-container {
    display: flex;
    justify-content: space-between;
	column-gap: 15px;
}
.price-block {
	flex: 1;
    position: relative;
    max-width: 380px;
    margin-bottom: 30px;
    box-shadow: 0 0 5px 4px rgba(167, 167, 167, 0.4);
	overflow: hidden;
	padding-bottom: 120px;
	color: #000;
	transition: 0.2s;
}
.price-block:hover {
	box-shadow: 0 0 15px 9px rgba(167, 167, 167, 0.4);
}
.price-block:last-child {
    margin-right: 0;
}
.price-block__image {
    height: 312px;
}
.price-block__image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.price-block__text {
    padding: 15px 25px 40px;
    font-size: 15px;
    line-height: 1.3;
}
.price-block__fields {
	margin-bottom: 30px;
}
.price-block__bottom {
	padding-left: 25px;
	padding-right: 25px;
}
.price-block__bottom-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.price-block__price {
    font-size: 15px;
    color: #a7a7a7;
}
.price-block__bottom {
	position: absolute;
	left: 0;
	bottom: 15px;
	right: 0;
}
.price-block__field-row {
	margin-bottom: 8px;
}
.price-block__field-row span:nth-child(1) {
	opacity: 0.4;
    width: 100px;
    display: inline-block;
}
.price-number {
    font-weight: bold;
    color: #737373;
    font-size: 28px;
}
.price-block.price-block_top::before {
    content: "TOP sales";
    display: block;
    width: 300px;
    position: absolute;
    top: 100%;
    left: 100%;
	z-index: -1;
    transform: translate(-200px, -110px) rotate(-45deg);
	padding: 4px;
    background: #FF4533;
    color: #fff;
    font-size: 16px;
	line-height: normal;
    text-align: center;
}

@media (max-width: 1600px) {
	.price-block__bottom .btn {
		padding-left: 20px;
		padding-right: 20px;
	}
	.price-number {
		font-size: 18px;
	}
}

/*----- блоки на index.php?id=sozdanie_logotipa  -----*/

/*----- блоки на index.php?id=prodvizhenie-saytov  -----*/
.prodvizhenie-box {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.prodvizhenie-box__item-outer {
	margin: 0 0 44px 0;
	padding-left: 15px;
	padding-right: 15px;
}


.prodvizhenie-box__item {
	height: 100%;
	box-shadow: 0 0 6px rgba(0,0,0,0.31);
}
.prodvizhenie-box__head {
	position: relative;
}
.prodvizhenie-box__head img {
	width: 100%;
}
.prodvizhenie-box__title {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 12px;

	font-size: 19px;
	font-weight: bold;
	
	color: #fff;
}
.prodvizhenie-box__desc {
	padding: 15px;
}
.prodvizhenie-box__desc a {
	color: inherit;
}
/*----- блоки на index.php?id=prodvizhenie-saytov  -----*/

/*----- блоки на index.php?id=optimizatsiya-saytov  -----*/
.optimizatsiya-box {
	display: flex;
	flex-wrap: wrap;
}
.optimizatsiya-box__item-outer {
	margin: 0 0 40px 0;
}
.optimizatsiya-box__item {
	height: 100%;
	box-shadow: 0 0 6px rgba(0,0,0,0.31);
}
.optimizatsiya-box__head {
	position: relative;
}
.optimizatsiya-box__head img {
	width: 100%;
}
.optimizatsiya-box__title {
	position: absolute;
	left: 17px;
	right: 15px;
	bottom: 15px;

	text-transform: uppercase;
	font-size: 19px;
	font-weight: bold;
	
	color: #fff;
}
.optimizatsiya-box__desc {
	padding: 20px 18px;
}
/*----- блоки на index.php?id=optimizatsiya-saytov  -----*/

/*-----! блоки на index.php?id=money_landing_page  -----*/
.b-classical-landing-page {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 16px;
	row-gap: 14px;
}
.b-classical-landing-page__item {
	position: relative;
	background-color: #f1f1f1;
	border-color: #dedede;
	min-height: 140px;
	padding-left: 105px;
	padding-right: 45px;
	overflow: hidden;
}
.b-classical-landing-page__item .numeral {
	position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    font-size: 140px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-align: center;
    width: 100px;
}
.b-classical-landing-page__item p {
	text-align: left;
}
.b-classical-landing-page__item p:nth-child(2) {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 600;
}
@media (max-width: 1199px) {
	.b-classical-landing-page {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 991px) {
	.b-classical-landing-page__item{
		padding-left: 65px;
		padding-right: 25px;
	}
	.b-classical-landing-page__item .numeral {
		font-size: 90px;
	}
}
@media (max-width: 480px) {
	.b-classical-landing-page {
		grid-template-columns: 1fr;
	}
}
/*----- блоки на index.php?id=money_landing_page  !-----*/

/* Примеры логотипов */
.logo_examples {
	position: relative;
	z-index: 10;
}

.logo-examples-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.logo-examples__item {
	position: relative;
	display: block;
	overflow: hidden;
}
.logo-examples__item img,
#soderzanie .logo-examples__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.25s;
}
.logo-examples__item-create {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	background: rgba(0, 0, 0, .7);
	color: #fff;
}
.logo-examples__item:hover img {
	transform: scale(1.1);
}
/* Примеры логотипов */


/*--------- сайты по шаблону примеры  ---------*/

.site-example {
	display: flex;
	flex-direction: column;
	padding: 60px 0;
	border-top: 1px solid var(--grey-border);
}

.site-example-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 35px;
}

.site-example-info {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.site-example-info .a_href {
	margin-top: 50px;
	margin-left: 20%;
	display: inline-block;
	padding: 15px 26px 13px 25px;
	background-color: #F4584B;
	border-radius: 10px;
	font-weight: 300;
	font-size: 14px;
	font-style: normal;
	text-align: center;
	color: #fff;
}
.site-example-info .a_href::before {
	display: inline-block;
	font-family: 'art';
	font-size: 18px;
	content: "\e909";
	width: 17px;
	height: 22px;
	vertical-align: middle;
	margin-right: 16px;
}
.site-example-info .a_href:hover {
	background-color: red;
}

.site-example-title {
	max-width: 566px;
}

.site-example-title {
	font-size: 28px;
}

.site-example-cost span {
	color: #d0d0d0;
    font-weight: 900;
    font-size: 40px;
}

.site-example-slider {
	width: 566px;
	margin-right: 40px;
	padding-top: 38px;
	border: 1px solid #D7D7D7;
	border-radius: 6px 6px 0 0;
	background-image: url(/images/site-templates/saf.jpg);
	background-size: 100%;
	box-shadow: 0 4px 12px 0 rgba(0,0,0, .1);
}


.site-example-slider .slick-arrow {
	background-color: #fff;
}

.site-example-slider .slick-slide {
	margin: 0;
}

.site-example-buttons {
	display: flex;
}

.site-example-buttons .btn-flat:first-child {
	margin-right: 8px;
}
/*--------- сайты по шаблону примеры  ---------*/


/*  ---- отзывы на главной странице ----------*/

.reviews {
	margin-bottom: 60px;
	position: relative;
	padding: 50px;
	background-color: var(--grey-color);
    text-align: center;
}

.reviews .section-title {
    margin-bottom: 20px;
    font-size: 26px;
    color: var(--main-color);
}

.reviews .slick-prev:before, 
.reviews .slick-next:before {
	color: var(--main-color);
}

.review-item {
    position: relative;
}

.review-item a {
	display: block;
	margin: 15px;
}

.review-item img {
	max-width: 100%;
	box-shadow: 0 0 12px 0 rgba(0,0,0, .15);
	height: auto;
}









.btn-flat,
a.btn-flat,
.btn-flat.a_href  {
	position: relative;
	display: inline-flex;
    align-items: center;
    justify-content: center;
	width: 205px;
	height: 50px;
	border: 1px solid var(--grey-border);
	border-radius: 6px;
    background-color: #fff;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	cursor: pointer;
	transition: all .25s;
}

.btn-flat i {
	margin-right: 24px;
	font-size: 20px;
}

.btn-flat.a_href {
	border: 1px solid #E0E0E0 !important;
	font-style: normal;
	font-weight: normal;
}

.btn-flat:hover {
	border-color: #F4584B;
	background-color: #F4584B;
	color: #fff;
}

.btn-flat--order {
	padding-left: 20px;
}

.btn-flat--example-site {
	padding-left: 35px;
}

.btn-flat--order::before,
.btn-flat--example-site::before {
	content: "";
	position: absolute;
	top: calc(50% - 10.5px);
	width: 21px;
	height: 21px;
}

.btn-flat--order::before {
	left: 30px;
	background: url(/images/site-templates/z-1.png);
}

.btn-flat--example-site::before {
	left: 20px;
	background: url(/images/site-templates/d-1.png);
}

.btn-flat--order:hover::before {
	background-position: 0 100%;
}

.btn-flat--example-site:hover::before {
	background-position: 0 100%;
}

.title-h2-wrap {
	margin-bottom: 15px;
}

.title-h2-wrap a {
	display: block;
	margin-top: 5px;
	color: #000;
}

.title-h2-wrap--cost-wrap {
	text-align: right;
}


/*--------- сайты по шаблону примеры  ---------*/



/* волны */

.wave {
    animation: wave 3s linear;
    animation-iteration-count: infinite;
    fill: var(--grey-color);
}

.wave2 {
    animation-duration: 5s;
    animation-direction: reverse;
    fill: #f0f3fa;
}

/* нижний слой */
.wave3 {
    animation-duration: 7s;
    fill: #fafbfd;
}

@keyframes wave {
    to {transform: translateX(-100%);}
}

/* волны */


/* footer */

div.footer-address {
	width: 200px;
	margin-left: 70px;
}

/* footer */



/* Вопросы и ответы */
.questions-and-answers__item {
	padding: 20px 0;
	border-bottom: 1px solid #CECECE;
	text-align: center;
}
.questions-and-answers__name {
	margin-bottom: 6px;
	text-transform: uppercase;
}
.questions-and-answers__answers {
	font-size: 15px;
}
.questions-and-answers__answers a {
	text-decoration: none;
	color: #3a3a3a;
}
.questions-and-answers__answers a:hover {
	text-decoration: underline;
}
.questions-and-answers__answers p {
	display: inline;
	text-align: center;
	margin-bottom: 3px;
}
.questions-and-answers__answers ul {
	display: inline;
	list-style: none;
}
.questions-and-answers__answers li {
	display: inline;
}
/* Вопросы и ответы */


/* prodazhi-cherez-internet */
/* .prodazhi-cherez-internet {
	padding-top: 100px;
	padding-bottom: 300px;
}
.prodazhi-cherez-internet-title {
	margin-bottom: 60px;
} */
/* .prodazhi-cherez-internet .ascent-1 {
	transform: translate(0, 200px);
}
.prodazhi-cherez-internet .ascent-2 {
	transform: translate(0, 400px);
}
.prodazhi-cherez-internet .ascent-3 {
	transform: translate(0, 600px);
} */
.prodazhi-cherez-internet .row {
	overflow: visible;
}
.prodazhi-cherez-internet .read-mores-wrap {
	opacity: 0;
	text-align: center;
	padding: 15px 0;
}
.prodazhi-cherez-internet .row {
	padding-top: 15px;
}
.prodazhi-cherez-internet .item {
	margin-bottom: 15px;
	transition: .25s;
}
.prodazhi-cherez-internet .item:hover {
	margin-top: -15px;
}

.prodazhi-cherez-internet .item object {
	max-width: 100%;
}

.prodazhi-calc {
	margin-top: 16px;
	width: 100%;
	max-width: 450px;
}
.prodazhi-calc__td {
	line-height: 34px;
}
.prodazhi-calc__td:first-child {
	text-align: right;
	text-transform: uppercase;
}
.prodazhi-calc input {
	width: 80px;
	font-size: 14px;
    border-radius: 4px;
	border: 1px solid #E0E0E0;
	line-height: 34px;
	color: #3a3a3a;
}
.prodazhi-calc span {
	font-size: 14px;
}


.prodazhi-calc__tr {
	display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 14px;
}
.prodazhi-calc__td:first-child {
	flex: 1;
}
.prodazhi-calc__td:last-child {
	flex: 0 80px;
	text-align: center;
}
.prodazhi-calc input {
	padding: 0 7px;
	text-align: center;
	font-weight: 700;
}
.prodazhi-calc span {
	font-weight: 700;
}
/* prodazhi-cherez-internet */


/* ПРОДВИЖЕНИЕ В ТОП */

.prodvizenie-cost {
	position: relative;
  	/* height: 1081px; */
	padding-top: 50px;
	padding-bottom: 120px;
	margin-top: -15px;
}

.no-webp .prodvizenie-cost {
	background-image: url(/images/image_poiskivie_prodvizenie/bg2.jpg);
}
.webp .prodvizenie-cost {
	
}

.prodvizenie-cost h2 {
  color: #fff;
  font-size: 36px;
  padding-left: 55px;
  font-weight: 400;
}

.prodvizenie-cost .calculation {
  width: 490px;
  max-width: 100%;
  margin: auto;
  margin-top: 90px;
  padding: 20px;
  background: rgba(8,24,66,.7);
}
.prodvizenie-cost .calculation h3 {
  font-size: 24px;
  text-shadow: 3px 4px 5px rgba(0,0,0, .6);
}
.prodvizenie-cost .calculation p {
  text-indent: 0;
  color: #fff;
  margin-bottom: 20px;
  font-size: 16px;
}
.prodvizenie-cost .calculation li,
.prodvizenie-cost .calculation h3 {
  color: #fff;
}
.prodvizenie-cost .calculation li {
  position: relative;
  margin-bottom: 10px;
  font-size: 16px;
}

.prodvizenie-cost .num-title {
	margin-right: 25px;
	color: #fff;
	text-shadow: 3px 4px 14px rgba(0,0,0, .6);
}

.prodvizenie-cost .prodvizenie-step-title {
	margin-bottom: 100px;
	text-align: center;
}

.prodvizenie-cost .prodvizenie-step-title h2,
.prodvizenie-cost .prodvizenie-step-title p {
	margin-bottom: 0;
}

.prodvizenie-cost .prodvizenie-step-title h2 {
	margin-top: 20px;
	padding-left: 0;
	padding-bottom: 10px;
	font-weight: 800;
}
.prodvizenie-cost .prodvizenie-step-title h2 a {
	text-decoration: none;
	color: var(--main-color);
}

.prodvizenie-cost .prodvizenie-step-title p {
	text-indent: 0;
	font-size: 16px;
}

.prodvizenie-step__textAfter {
	margin-top: 48px;
}

.prodvizenie-step__file {
	position: absolute;
	right: 0;
	bottom: 0;
}

.prodvizenie-step__textAfter-h3 {
	text-transform: initial;
	font-size: 22px;
}

@media (max-width: 767px) {

	.prodvizenie-cost .prodvizenie-step-title {
		margin-bottom: 50px;
	}
}

.download-file-t2 {
	display: inline-flex;
	align-items: center;
	position: absolute;
    right: 0;
    bottom: 30px;
	padding: 13px 16px 12px;
	border-radius: 10px;
	border: solid 1px #b3b3b3;
	text-decoration: none;
}
.download-file-t2__text {
	margin-left: 16px;
}
.download-file-t2__title {
	font-size: 18px;
	font-weight: bold;
	color: #403f3f;
}
.download-file-t2__subtitle {
	font-size: 13px;
	color: #3a3a3a;
}
.download-file-t2__image img {
	width: 30px !important;
}

@media (max-width: 1350px) {
	.prodvizenie-step__file {
		margin-top: 20px;
		position: static;
	}
}

.link-to-brief {
	position: absolute;
	left: 60px;
	bottom: 65px;
}

.link-to-brief:hover p {
	text-decoration: none;
}

.link-to-brief p {
	text-indent: 0;
	color: #fff;
	text-decoration: underline;
}

.link-to-brief--text {
	font-size: 18px;
}

.link-to-brief--title {
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 36px !important;
}

@media (max-width: 767.98px) {
	.link-to-brief p {
		color: #000;
	}
}

.rek_box-warning{margin-top: 60px !important;}
.left_rek_block{
	background:url('../images/reklama/Layer-80.jpg') no-repeat;
	width: 100%;
	height: 199px;
	background-size: cover;
	margin-bottom: 50px;
}
.left_rek_block2{
	border-style: solid;
	border-width: 3px;
	border-color:  #e9e9e9;
	box-sizing: border-box;
	background-color:  rgba(255, 255, 255, 0.3);
	width: 88%;
	height: auto;
	margin: 0 auto;
	position: relative;

}
.left_rek_block2_text{
	
	font-weight: 700;
	color:  #5198ce;
	font-size: 22.74px;
	font-weight: 700;
	text-align: center;
	transform: scaleX(1.0021);
	text-indent: 0px;
	margin-top: 12px;
	margin-bottom: 180px;
}
.left_rek_block2_img{
	margin-left: -19px;
	position: absolute;
	width: 116%;
	top: 92px;
}
.left_col_bg_col{ 
	background: url(/images/border-right.png) no-repeat right top;
	padding: 20% 0;
}
.left_rek_block2_text2{
	color:  #0e0e0e;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: center;
	width: 71%;
	text-indent: 0px;
	margin: 20px auto;
}
.left_rek_block2_text3 li{
	color:  #000000;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	width: 77%;
    margin-left: 12%;
}
.left_rek_block2_img2{width: 100%}

.vak_block{width: 47%; display: inline-block;margin-top: 30px;margin-bottom: 30px;}
.vak_box1, .vak_box2{width: 50%;  display: inline-block;position: relative;margin-bottom: 20px;}
.vak_box1{float: left;width: 47%; margin-right:3%;}
.vak_box1_img{max-width: 100%; height: auto;box-shadow: 5px 5px 9px 4px #d8d7d7;}
.vak_box2_b1{
	width: 100px;
    height: 30px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
	
	font-weight: 700;
    margin-right: 7%;
    border-radius: 4px;
    color: #191919;
}
.vak_box2_b2{
	width: 100px;
    height: 30px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
	
	font-weight: 700;
    background: #5ab100;
    border-radius: 4px;
    color: #fff;
}
.vak_box2_b3{
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    font-size: 17px;
}
.vak_box2_b4{
	text-indent: 0px;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 20px;
	text-align: left;
}
.vak_box2_b5{
    font-size: 18px;
}
.vak_block_f{margin-right: 6%;float: left;}

.vak_box2_b2_cl{background: #c2c3c1;}






.link_vak{
	display: inline-block;
	width: 100%;
	height: 180px;
	position: absolute;
	top: 0;
	left: 0;
}


.col_img_templ{
	margin-top: 20px;
	margin-bottom: 20px;
}
.contextual_reklama .left_col_bg_col{
	display: block !important;
}
.defence_img_top{
	max-width: 60% !important;
}

.img_ama_part{
	width: 265px;
}
.img_ama_part img{
	width: 100%;
}

.img_ama_part_hover{
	position: fixed;
	top: 7%;
	left: 20%;
	width: 58vw !important;
	height: auto;
}



.ama_image_big{
	position:relative;
}
div.sity div.img_d{
    z-index: 0 !important;
}















.ama_image_big{
    box-shadow: 0 0 13px 1px #4a4a4a;
}

#cboxPrevious, #cboxNext, #cboxCurrent, #cboxSlideshow{
    display: none !important;
}

.podderzka tr{
    height: 20px;
}


@-webkit-keyframes scroll-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes scroll-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@-webkit-keyframes scroll-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes scroll-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}


.our-clients__title {
	margin-top: 90px;
	margin-bottom: 34px;
	font-size: 34px;
	font-weight: 900;
	text-align: center;
	color: #ddd;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.our-clients__mobile {
		display: none;
	}

	.our-clients {
		overflow: hidden;
		padding-bottom: 40px;
	}
	
	.our-clients__row {
		animation-name: scroll-left;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-duration: 50s;
	}
	
	.our-clients__row.revers {
		animation-name: scroll-right;
	}
	
	.our-clients__list {
		display: flex;
		flex-wrap: nowrap;
		min-width: 100%;
	}
	
	.our-clients__list.revers {
		flex-direction: row-reverse;
	}
	
	.our-clients__item {
		padding: 0 24px 7px;
	}
	
	.our-clients__item-in {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 159px;
		height: 225px;
	}
	.our-clients__item-in[data-href] {
		cursor: pointer;
	}
	
	.our-clients__item-in::before {
		content: "";
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADSBAMAAAD9O5JQAAAAKlBMVEXMzOnByuG9yuRHcEy9yuK9y+S9zOS+zeX7/P32+Pzo7fb////9/v/////xfmawAAAADXRSTlMBBQkAEBggKqd4SeTLnEfPEQAADv5JREFUeNq0W8uO3MYVLaJ/gOQfkGCQwKsB9AdE0Y60DLoJZ69my14aRrcsIDtHgziYnWDHEbQJBMtB5H1GwPyAAK0z8gz/xXVf9SDZ3ewmU5AFW5B55txzX1V1Sz0YuS5Uby3G/r/qTICTgEaAqCNrBpALdXQtpoKoUWsaiFJzoKhZMI6gqHkwDqOoUzBif52AokZjdL/bgzkHJPTdaIBJB2ZxOkiAEUXmV7gUwcRjUNQoDPhlPph4i5DGRaU6Lgj+1HEUJQnZib6P/9VFOg1EdQSBj8I/PhOEGSW+OopBPz18NDAXQLDRjnJRRzDgZ+1/X2AGyIwF6TgWYkTDKHHPAxbjQC76prJfzWQ5mPh4uKhjBQSciYyVwkqyPDe/Jw5mBBd1AINdlZf5cg4ro98BUNwsOhIu6pDoCoNC7GS+bP559uOPb/IUkCybqGu0YyChqcRShkaKFH7/sjXr+ivzrymwYZQjLqYOBLo1FtJIAeOqxXX7FdktSdmV44Nc1H7HUsr6VYo65L971fL6+CeSh/0MUA7IovaJTn7FXoU08uxla9d1zku4JAdcTB0IQokN/lz5tvXW+4IwchLmIBc1jIFBGJMe5LRF8aQN1mVeEoqkmP3hooZFN78kXxFGWT5sO+tFUbDFxMn2uZgaFsT4rvAgUxWPbrogd6/LEsnkfrgMUVF9DKq1icejKIpPPrS9df+vEk0mumC4DKGooSgEjIizFWDk5adX7cC6fawJJXPhMlRc1FAJiSW1o+caDP2yHVzXmnWheAHx1QCK6kchRIjEB2mu37Z71jtDBXXJRJbI75QWAUhYb61jkR76abt3XTKXlEIfmo6+h6me6hFnRXassig+bw+s58Il9apLh4rqx7oIIjwe3hwCuXuhi9yhxEP9ngqtFUsLx45lUB59aA+u+9elJoOlriKH9lJdIrbYoq20/uyqPbJuv+agJBS0VhxQUcNEsIIYPfLqVXt0fVyWoH7GLpb0KovqlarYCmJstS9AuuGCVLI87fcVAnIR9FguREpdvm1Hrfe6AJhUqr63rVgwiFcMybPShIKwfNqOXJdl4RJyrxL7IC4vcoA8bEevF6UuXEJOvLDvMSEiGafeRzfjQSDvuxzmp2MCubBJy3YnaKxPPrQnrPvXnF+6DrYIQJQlgsb69Ko9ad0+Rl1sOo4CkK5rJWSsl+2J65pCMskwHfvKq57uXNLftiev92iwTJSPB0DsxhPD8El7xnpO2YWSvhKDeSAxBzsROcWxfBcTKnESMrlwsguRIn/VnrU+sh8jijjxwoHEKnFEHrZnrhe2FMdeYrEgxoLiWkX2y7kg7zDu08TmfAYRY2HLSImxujkX5O6xFBav2gtILJqga/2hPXt9i6oETFTABIhkECN/OR/kf1pyi+de6kHQPlDRvTof5BZLcRZob80VY5BQqSpuzge5cxk/UpyKfSZcEIvis3bC+tpLkz0mCTMpcv1wCsgLbaNeRHmgLrx4x0jUk0FsmuT6uCAQyfKAURR/nALyLXYu2IKJCy/UhdMkJWvpaSAl7lkyL1JCJiky0VOZaEmSLIowQRSqiFOZaBKFg96BSHKkLn4yCGaWtM8kluQ4B4hpJ60oPhORxLTxupoGsjRUChJFcr3HJOPNgv58CshfmUnuslfAJENj6eV0JlYU1XFhK0k1jcly2RWFQKheGZTCWKuaaK4K7MWRouJAE3KuEsy1ms7EKJ/5TFw3BNYyTJZzmSvrnBuxc0Hi0tVEJiuwF6SvxMuR1rkocVV6BhBxr+CuAJ2LY3E1FcR3L9dNEJMUj2p0Vc0Bwt1qcDphczDE4hyaFEVY5pkJWMuUAr2azESoIJM43P2kFO/zaGL7SNurYjVJqYkwkkxmIj4culfM7RB4sEF5Mt1cUIL5aMpeLiS+tWZhwjuIyDsGhoBnlOVqDiYoShjy0jxi5prKZI3m6oV8zKmrJCKTmYi9MFBc8nKaVMtVPQnkOZkr50DxmFBdhKwymclzZiKdfcgkxaRiJFlPA6kRpOgykQpfUJis5jBXT5PYb7pmYlL2kpdjAppMFH5NIW9QaI/iM6HiW83FREtBifxy8n9gkneZgHMVyKSuJzPBAjzARDRZTTZXQ+ayBcUv8bQ3AU2mRvzamivtMMm4o19ONpdhsqI4Sb3SaI8emcl6MhO9lILimETMRGOmn4cJmCv1KiNtGDPpuqYyMS5cVY6JRZlVk/UaNWEmid+sJASynO7CBsQw4dLYYZLO6F3SDQ8wmU+TJQVjNqQJ7BuqWTSp6FgCvEuF3lUYKqbEz6GJpgOWISa0z5pJkzLveFdkN/EzeNeKmEju6mlSzOldfHAbaGLryQxMVtrboMR2msfu4qdXxsZ2d0GNl4ifiUnYrURuLolaImKynse7OjVeBTV+VX8xBeR7xyQZYsIo6z9PAqkNES5aA0ykMtZfTgH5qcbcxdbyKqOK/Ay5rqdcCHDqKrtHOLgvzV1z10y52rB9BLlwuJ1L3Ma0nnJJY5gsscbnmZ+FFd6dyHZuYl6BcsLVN/evnCyTvOQ+dXP+xdkWmFSS6X0mKpa+i/rU5pdzQX5tatvbIRM39xE7H15CyDdnh+P3zZqTMGfhKAomPPigHgKlbl6dh/GxWde23846w2vuFgg3jU3z5Vmq3P3UABMtW2z/bCXioyhhsl43zdNzQC4blIQDHjC8aS85VCu4Kaqbze4/p2O82yAR6VX8exosjQYFBio55OvGoJw+vrDdGiY1Wqtzg+KfRUELiRUFUU5MLrc7BKGe3m7jvZmyJPKjcQUYm92zD6dg3L/ZgbW8nj7pbONV4m604DDKKN9sd1+c4GJ3PwCG6E5HtmEw0m0TX59UK6Gy+2Y8yA9btBYkFdgxFnIp3zmD5Ntl2mwZlG2z2/08FuO7nWDQYZe9CiIAuqTxrjagHTbhaJQ3XMaOXu12xloGZcUlq6AhmSi4pIkcE8iRNaAYJrtxjny9AyLMRHtMBq6bUruVRyagym6MI98Cxq4hDK5Y+y7O5LC+0iI9oDw7inL7Bn6YrTiX1q61o7Qi100yDlVKSSEnhnUsXO4RYwMYKy9Ksj4T6YowHJmJGOybmyMBshPZuXl0l5mqd5mZ8AQnXDwglS1iHHHkS/wrW7AWGMvusnrXsjJHlBe428KtEIjSEJVDjvyefg601pqrotwGJBGlLnvpj+6VuS1wTQ5Gn9jvyNc7JgIYtTvjZOeK1PClP552Csq2OYzyUTAkSJZS3zNK9IG5+K48hcFETao0oP2WPGyPI5PzouyEQeVdxq+GbrE5UsS/2MH4M0OOfP/GEmmwXDkidOMQdwYxItvgdezFVAYcmZ3XLPh76FuV5jQvU6oMYsd8Ih4XhSMDD0VAenn/7tJiWGsRkcI1KuGYj/RevBVCe0HUS0T2w+U7i4GqY0axkqQDA0tQwOwoMqFgkxfIEobLe/lTDhEhwqdpmdc8CpPIzfmUZcnxiMnYxL1FedkLEA4RTo10OVPk/j15aC4ShedjqJNEKhuPy5Wf3YXIRtyXiBTeEFnUmVSzdw+UvyhWUJaN9TAbLjZAiAcbS27lLJEhJnABjNprp30X5e+A8d83AQ9uUmj3DluszI8SBLnwzyVwZL+gLLl0HuZQdv/+x9/+6WzFekBCqTBI7DhvFMv8oJuDxD+yRQVrF9Zh9jCHstnuNjuXsrZ+iNAB1IFhSxaFthCUW/ZwcX61IUGssViRNA0kWbgB2EioJDS/LVRIFuPInpMxBBnLCQItcJF3L+I788IelVIXdKhuUUxcm89ujLW2IPfGhwD3lfN5GlKj0edoaF44ikQVasDEYISygUSGOLA2DfcnVEZonKDwZsXtqHh38tk+CSk5uSAIiY9h2WyJUENxbiOk0raQpN33IeE0ulBJXEQSFccFfnxk0WwcBhiLYt0OcybBaxoHEtmHDpm8BNKcXtaCAvVl07Aa7FcoutQqIaK60+jeODqnYrwPJAcjF3Mo3lpzFLL3ltRt8dhzvPcZAh2v4VYF3ZhkkaCsQ4waIUR0HbwLiwNJAhCMFOxX6WWI9bCKhPFxasGoOJ1giqeh+mB/pbpPQ5R9dERzlyXLssJiXNNCudesB+d32CuUghGjB6kofBrywB7g8bGUPC8UF8OETF4G/uQgVkQDBCn9l3rRoZc0VnsukoJScYYhm60YATXvCQKvWGL38Kz78CgSXbzXZphewJGrlV2CUZFfQe6lUCf3TfynbYv+E6rYPqZxs5fUVlQiv7fYVrR5kxDhZw5R7wlVKD3viCi7UJsPulTV0kcAp4M/xpRVOEHCF3r7X5xFzIV7F/JkyGPWZsZQK0KggusJgl12HA2APPDDkY5a5PmR52MadOZlMglhaH4DmljPivY80Ou8OeMmjOfGRf0lalNVmEdYjlIeziXSxscDT2b7jyaRLLuxfTRJPgafJgAPI3eOlfBzxnj40WT3RaNMqwoKC4MftzSwSnm5N/bjY+j5pzUYRr2TJfutlzNLQhAGgmimvMCQG0DlJJT3P5NktmxIiFih/NAf2jD0JEH7WV3Cuzp2u1aWZXQI7irIeloWacjHF37XMq0EFeQ6kps146wsmrznfUvSOd7tqqET1UKbA7gMF1dmQd3iaW4rXjLSIesECcvFcSSng+vFpMvIrKW2tC6BGyb5Oxpw30IWyGyK/upG15Hrb9F1ryoba1DH2bObFxfWgG50vSF6WHhdezJ3s6AKtiSlLFMxkps4gTyTvWrwm4pjx6rlKCb1Hk6gdL480RMwgt+qY1UwAorJ8SYYoUI8mF1i+dNoCgm1yADiocr7g9PI9OqT/7nea66AQ7CKxi5GKPEL3Um8DjWNY6iuB/e4Aogg2cVB4tIQbIMZH4mG4hiJMwQQaUgPWOJWfMmPOYba5eD0oC5c0uULbyXm4VNwcQjqUtlFlq/QEl3iI9nyvhrA0+QdmZZq9OtwiQyiT8U0OAraqWkl8WQgxBOB60Dc5yDA92YyBD/iHQ2iPEiSy4aupR+Nwo9qSk2Kiuv/UMiAcD4V/gSk4tmIcQb0YosjPgRS1ZQlOS84XSDeIhKNQ8LE2bQO/RckbA7u7FwF/wxuO1dpsF0PEXRzYHpzsIBzAIeTUI3PoZMf2fmGM6eXZ1kAAAAASUVORK5CYII=);
		background-size: cover;
		display: block;
		height: 300px;
		left: -70px;
		position: absolute;
		top: -20px;
		width: 300px;
		z-index: 1;
	}
	
	.our-clients__logo {
		content: "";
		position: relative;
		z-index: 1;
		display: block;
		width: 100%;
		height: 105px;
		background-repeat: no-repeat;
		background-image: url(/images/our-client/our-clients.jpg);
		background-position: 0 0;
		background-size: 100% auto;
	}
	
	.our-clients__item-in img {
		z-index: 3;
		max-width: 100%;
		height: auto;
	}
}





.top-screen__canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.welcome-top {
	position: absolute;
	top: 36%;
	left: 50%;
    transform: translateX(-50%);
	z-index: 20;
	display: flex;
	justify-content: center;
	width: min(1400px, 100%);
	align-items: center;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 1.2;
	color: #fff;
}

.welcome-top a {
	color: inherit;
}

.welcome-top__left {
	padding-right: 108px;
}
.welcome-top__right {
	flex: 1;
	padding: 10px 0 10px 75px;
	border-left: 2px solid #fff;
}
.welcome-top__title {
	font-size: 50px;
	font-size: max(min(50px, 3vw), 20px);
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
}
.welcome-top__subtitle {
	font-size: 30px;
	font-size: max(min(30px, 2vw), 16px);
	font-weight: 200;
	color: #fff;
}
.welcome-top__text {
	margin-top: 45px;
}
.welcome-top .logo-max {
	width: 320px;
	height: 180px;
	max-width: 100%;
}

@media(max-width: 1199.98px) {
	.welcome-top {
		top: 125px;
		flex-direction: column;
	}
	.welcome-top__left {
		padding: 0 10px;
	}
	.welcome-top__right {
		margin-top: 25px;
		border: none;
		padding: 0;
	}
}

.caruselDiv {
	max-width: 1200px;
	margin: 4% auto;
	padding: 0 50px;
}

.caruselDiv2 .slick-dots li button{
	visibility: hidden !important;
}
.caruselDiv .slick-slide img {
	max-width: 100%;
}

.caruselSlider_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.caruselSlider_flex > div {
	width: 30%;
}
.caruselSlider_flex > div img {
	max-width: 100%;
	height: auto;
}


#caruselDiv_aktsii .slick-slide {
margin: 0 11px;
}

#caruselDiv_aktsii .slick-list {
margin: 0 -11px;
}


.title_ab_beg{
    color: #670000;
    margin-top: 5px;
    margin-bottom: 5px;
	
	font-weight: 700;
}
.img_ab_beg{
    width: 100px;
    margin-left: 25px;
}
.top_beget_log{
    max-width: 40% !important;
    display: block;
    margin: 0 auto;
}
.beget_pr_box{
    display: inline-block;
    width: 45%;
    padding: 0px 15px;
}
.pr_blok_1{
    width: 60%;
    display: inline-block;
    float: left;
}
.pr_blok_2{
    width: 40%;
    display: inline-block;
}


.timeweb_box_img1{
    display: inline-block;
    float: left;
    margin-right: 60px;
    height: 360px;
}
.timeweb_box_img2{
    display: inline-block;
    height: 360px;
}
.ru_logo_time{
    width: 30px;
}


a.red_button {
	background-color: #ff6161;
	padding: 15px 30px;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	margin: 10px auto;
	text-decoration: none;
	text-transform: uppercase;
}
a.red_button:hover {
	background-color: red;
	margin: 8px auto 12px;
}

.go_to_ref_link{
	margin-top: 5px;
	margin-bottom: 5px;
	
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 30px;
	display: block;
	margin: 0 auto;
	width: 308px;
	background: #ec5225;
	border-radius: 5px;
	padding: 10px 20px;
	margin-top: 24px;
	color: #fff !important;
}
.go_to_ref_link:hover{
    background: #7da9e6;
    box-shadow: 0 0 12px 1px rgb(156, 156, 156);
}
.price_block_in_text{
    background: url('/images/Levels-1.png') no-repeat;
}
.logo_bitrx{
    display: block;
    margin: 0 auto;
}


.jivo_btn{
	display: block;
	max-width: 330px;
	height: 50px;
	margin: 0 auto;
	
	font-weight: 700;
	font-size: 24px;
	text-decoration: none;
	padding: 7px 20px;
	text-align: center;
	background: -moz-linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(150,150,150,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(150,150,150,1)), color-stop(100%, rgba(255,0,0,1)));
	background: -webkit-linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(150,150,150,1) 100%);
	background: -o-linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(150,150,150,1) 100%);
	background: -ms-linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(150,150,150,1) 100%);
	background: linear-gradient(0deg, rgb(189, 37, 52) 0%, rgb(247, 55, 55) 100%);
	border-radius: 15px;
	color: #fff !important;
	margin-top: 45px;
}
.jivo_btn:hover{
    background: #35b965;
}

div.s_div div.s_2 ol > li:nth-child(16) > a:before {
    background: url(/images/jivo.png) center no-repeat;
    background-position: 6px 4px;
}

div.s_div div.s_2 ol > li:nth-child(16):hover a:before{
    background-position: -137px 7px;
}

.jivo_rukovodstvo{
	position: relative;
	max-width: 400px;
	margin: 17px auto 0;
	height: 73px;
}
.jivo_rukovodstvo a{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.jivo_rukovodstvo img{
    width: 70px !important;
    float: left;
    margin-right: 7px;
}
.jivo_rukovodstvo p{
	display: block;
	padding-top: 20px;
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
	text-indent: 9px;
	white-space: nowrap;
}
.jivo_rukovodstvo:hover p{
    color: #660200;
}
.defence_img_top{
    float: left;
}
.https_link_bl{
    width: 40%;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}
.https_link_bl p{
	position: absolute;
	bottom: 10px;
	right: 5px;
	height: 35px;
	font-size: 23px;
	width: 98%;
	text-align: center;
	color: #670000;
	
	font-weight: 700;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 0 0 7px 7px;
	padding-top: 7px;
}
.https_link_bl a{
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}




.row.best_client .float_left{
    position: relative;
}
.row.best_client .img_c a{
    display: inline-block;
    width: 80%;
    height: 70%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
}



.row.best_client{
    position: relative;
    padding-bottom: 23px;
    margin-bottom: 15px;
}
.seo_all_projects{
    position: absolute !important;
    bottom: 0 !important;
    left: 33% !important;
    height: 35px;
    border-radius: 100px;
    border: solid 1px #fff;
    color: #fff !important;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.9px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    padding: 0px 42px;
    font-weight: 600;
}
.seo_all_projects::after{
    content: '';
    background: url('../images/keyboard-right-arrow-button.png');
    background-position: 0 0;
    position: absolute;
    right: 14px;
    bottom: 10px;
    width: 10px;
    height: 16px;
}
.seo_all_projects:hover{
    background: #fff;
    color: #670000 !important;
}
.seo_all_projects:hover::after{
    background-position: 0 -24px;
}

/*=========================================СЛАЙЦДЕР====================================*/

.cs_jivo h3{
    font-size: 24px;
    text-align: center;
    margin-top: 36px;
    margin-bottom: 19px;
}

.cs_jivo em{
    font-size: 18px;
}
.cs_jivo p, .cs_jivo li{
    line-height: 18px;
    font-size: 15px;
}
.cs_jivo ul, .cs_jivo ol{
    margin-top: 10px;
    margin-bottom: 10px;
}
.cs_jivo hr{
    margin-top: 30px;
    margin-bottom: 30px;
}
#text_marg_jivo{
        margin-top: 10px;
    margin-bottom: 10px;
}

.https_link_bl:hover p{
    background: #fff !important;
}

/*новые стили*/


.sert_yand{
	display:inline-block;
	width: 35px;
	height: 50px;
	background: url(/images/sert.jpg) no-repeat center;
	vertical-align:top;
	margin-top: 130px;
}

.sert_yand-1{margin-left: 125px;}
.manager4 .sert_yand-1{margin-left: 80px;}

.sert_amo{
	display:inline-block;
	width: 72px;
	height: 50px;
	background: url(/images/amo-crm.jpg) no-repeat center;
	vertical-align:top;
	margin-top: 130px;
}

.buttons_block{
	margin-top: 15px;
	margin-bottom: 15px;
}

.buttons_block a.phone_btn{background: url(/images/icon_set_new.png) no-repeat 0 -150px;}
.buttons_block a.skype_btn{background: url(/images/icon_set_new.png) no-repeat 0 -300px;}
.buttons_block a.whatsap_btn{background: url(/images/icon_set_new.png) no-repeat 0 -452px;}
.buttons_block a.telegram_btn{background: url(/images/icon_set_new.png) no-repeat 0 -600px;}

.buttons_block a.phone_btn:hover{background: url(/images/icon_set_new.png) no-repeat 0 -210px;}
.buttons_block a.skype_btn:hover{background: url(/images/icon_set_new.png) no-repeat 0 -360px;}
.buttons_block a.whatsap_btn:hover{background: url(/images/icon_set_new.png) no-repeat 0 -509px;}
.buttons_block a.telegram_btn:hover{background: url(/images/icon_set_new.png) no-repeat 0 -660px;}

.blog_item .anonce_desc .posted {display: none;}

#cms-slider img,#cms-slider .slick-slide{
	min-width:150px;
	max-width: 200px !important;

}

#cms-slider .slider {
    width: 100%;
    margin: 50px auto;
}



.contextual_reklama .left_column {
	margin-top:-95px;
}
.contextual_reklama .soderzanie{
	margin-top:-80px;
}




div#left_menu  li ul li ul li a{background: url(/images/manu_flash_a.png) no-repeat 14px -583px !important;transition: none;}
div#left_menu  li ul li ul li.activ a,
div#left_menu  li ul li ul li a:hover,
div#left_menu  li ul li ul li a:focus,
div#left_menu  li ul li ul li a:active {background: url(/images/manu_flash_a.png) no-repeat 14px -165px !important;text-decoration: none; color:#3a3a3a;}

div#left_menu  li ul li ul li.activ a {
    color: #840000;
    text-decoration: underline;
}

.personal-all {
	display: flex;
	flex-direction: column;
}
.personal-all .personal-data {
    display: flex;
	align-items: center;
	margin-top: 0;
}
.personal-data img {
    margin-right: 5px;
	width: 30px;
}


.menu-top ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.menu-top a {
	display: block;
	border: 1px solid var(--grey-border);
	background-color: #fff;
	padding: 10px 16px;
	color: #3a3a3a;
	border-radius: 10px;
	font-size: 16px;
	vertical-align: middle;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.menu-top a:hover {
	background: #3A3A3A;
    border-color: #3A3A3A;
    color: #fff;
}

@media (max-width: 991.98px) {
	.menu-top ul {
		justify-content: center;
	}
}
@media (max-width: 767.98px) {
	.menu-top .drop-down-target {
		display: none;
	}
	.menu-top_desktop {
		display: none;
	}
}
@media (max-width: 575.98px) {
	.menu-top a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 12px;
	}
}


#preview {
  position: absolute;
  border: 1px solid #ccc;
  background: #333;
  padding: 5px;
  display: none;
  color: #fff;
  z-index:2;
}


.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
	background: none !important;
}
.bx-wrapper .bx-controls-direction a {
	text-indent: unset !important;
	font-size: 0;
	text-decoration: none;
}
.bx-wrapper .bx-prev::before,
.bx-wrapper .bx-next::before {
	font-family: 'art';
	display: block;
	width: 32px;
	height: 32px;
	font-size: 32px;
	color: #000;
	opacity: .5;
}
.bx-wrapper .bx-prev::before {
	content: '\e901';
}
.bx-wrapper .bx-next::before {
	content: '\e915';
}


/* !skills-block */
.skills-block {
	position: relative;
	margin-bottom: 30px;
	/* background: #000 0 0 / cover url('/images/skills-block/bg.jpg'); */
	/* min-height: 772px; */
	padding: 100px 5vw;
	font-size: 14px;
	font-size: max(min(14px, 0.5vw), 5px);
}
.skills-block::before {
	content: '';
	/* position: absolute; */
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 56.25%;
	/* height: 100%; */
	/* background-image: linear-gradient(to left, #272727 772px, rgba(39, 39, 39, 0) 100%); */
}
.skills-block__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.skills-block__bg video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.skills-block__video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	width: 48%;
}
.skills-block__video video {
	max-width: 100%;
	max-height: 100%;
}
.skills-content {
	display: flex;
	flex-wrap: wrap;
	max-width: 940px;
	margin-right: 45%;
	position: relative;
	z-index: 1;
	color: #fff;
}
.skills-content__title {
	font-size: 6.3em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
}
.skills-content__subtitle {
	margin-top: 7px;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
}
.skills-progress-bar {
	margin-top: 35px;
	display: flex;
}
.skills-progress-bar .bar_noactive,
.skills-progress-bar .bar_active {
	width: 1vw;
	max-width: 20px;
    padding-bottom: 229%;
    background-size: contain;
}
.skills-progress-bar .bar_noactive {
	background-image: url('/images/skills-block/w_m.png');
}
.skills-progress-bar .bar_active {
	display: none;
	background-image: url('/images/skills-block/b_m.png');
}
.skills-progress-bar .bar.active .bar_noactive {
	display: none;
}
.skills-progress-bar .bar.active .bar_active {
	display: block;
}
.num-block:not(:last-child) {
	margin: 10px 0 30px;
}
.num-block__number {
	font-size: 3.8em;
	font-weight: bold;
	
	line-height: 1;
}
.num-block__description {
	text-transform: uppercase;
	font-size: 0.875rem;
}
.skills-chart__text {
	margin-top: 15px;
	position: relative;
	max-width: 250px;
	min-height: 48px;
	text-transform: uppercase;
	font-size: min(1.46em, 14px);
	line-height: 1.3;
}
.skills-chart__text div {
	text-align: center;
}
.skills-chart__text img {
	position: absolute;
	top: 0;
	left: 0;
}
.skills-chart__text img + div {
	padding-left: 24%;
	text-align: left;
}
.skills-chart__text_online {
	font-size: min(2.6em, 25px);
    font-weight: normal;
    text-transform: initial;
}
.skills-chart {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 15px;
}
.skills-chart .chart {
	max-width: 192px;
	width: 10vw;
	/* padding-bottom: min(100%, 192px); */
	height: auto;
}
.skills-chart .chart::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.skills-chart .chart canvas {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	object-fit: contain;
}
.skills-chart__row {
	margin-left: 8%;
	flex: 1;
}
.chart {
	position: relative;
	width: 192px;
	height: 192px;
}
.chart .percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 38px;
	font-size: min(4em, 38px);
	font-weight: bold;
}
.skillBlockVideo__play-btn,
.skillBlockBg__play-btn {
	position: absolute;
	bottom: 50px;
	right: 50px;
	background: no-repeat url("/images/skills-block/play-button.svg");
	font-size: 0;
	width: 70px;
	padding-top: 70px;
	filter: drop-shadow(0px 0px 50px #fff);
	opacity: .5;
	cursor: pointer;
	transition: .25s;
}
.skillBlockVideo__play-btn:hover,
.skillBlockBg__play-btn:hover {
	opacity: 1;
}

.skillBlockBg__play-btn {
	bottom: unset;
	top: 20px;
    right: 20px;
}

@media (max-width: 1023px) {
	
	.skills-block__video {
		display: none;
	}

	.skills-content {
		margin-right: 0;
	}

	.skills-block {
		font-size: 8px;
	}

	.skills-chart .chart {
		width: 150px;
	}

	/* .skills-chart {
		flex-direction: column;
		align-items: center;
	}
	.skills-chart__row {
		margin-left: 0;
	}
	.skills-chart__text_online {
		line-height: 1;
	} */
}
@media (max-width: 767px) {

	.skills-chart {
		flex-direction: column;
		align-items: center;
	}

	.skills-chart .chart {
		width: 100%;
	}

	.skills-chart__text img {
		width: 30px;
	}

	.skills-chart__text img + div {
		padding-left: 45px;
	}

	.skills-chart__text_online {
		font-size: 1.8em;
	}
}

/* skills-block! */


.btn-copy {
	margin: 0 5px;
	position: relative;
	top: 1px;
	padding: 1px 8px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: 0.25s;
	vertical-align: text-bottom;
	line-height: 1.5;
	background: #fff;
	border: 1px solid #cecece;
	/* background: no-repeat center / contain url(/images/btn-copy.png); */
	/* width: 16px;
	height: 16px; */
}

.btn-copy:hover {
	opacity: 0.7;
	top: -2px;
}

.btn-copy-icon {
	position: relative;
    width: 24px;
    margin-left: 5px;
    height: auto;
    padding: 5px;
    background: none;
    border: none;
    cursor: pointer;
    color: currentColor;
}

.video-syemka-block,
.video-syemka-block [class*="span"] {
	display: flex;
	flex-wrap: wrap;
}

.video-syemka-block__item {
	display: block;
	width: 100%;
	position: relative;
	color: #fff !important;
	border-color: #fff;
	overflow: hidden;
	margin: 15px 0;
	text-shadow: 2px 2px 4px #000;
}

.video-syemka-block__item.video-syemka-block__item_invert {
	color: #000 !important;
	border-color: #000;
	text-shadow: none;
}

.video-syemka-block__item:hover {
	color: #fff;
}

.video-syemka-block__item.video-syemka-block__item_invert:hover {
	color: #000;
}

.video-syemka-block__item:hover img {
	transform: scale(1.1);
}

.video-syemka-block__text {
	width: 80%;
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

@media (min-width: 1200px) and (max-width: 1660px) {
	.video-syemka-block__item_invert .video-syemka-block__text {
		top: 50%;
	}
}

.video-syemka-block__item img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	transition: all 0.5s ease-in-out;
}

.video-syemka-block__title {
	display: inline-block;
    
    font-weight: 700;
	font-size: 20px;
}

.video-syemka-block__item .hr {
	border-width: 0;
	border-top: 1px solid;
	border-top-color: inherit;
	margin: 12px 0 7px;
}


.modal-form #cboxContent {
	background: none;
}

.modal-form #cboxLoadedContent,
#cboxLoadedContent {
	border: none;
	border-radius: 6px;
	border-color: #fff;
	padding: 30px;
}

.modal-form #cboxClose {
	/* background: #fff;
	text-indent: initial;
	width: 21px;
    height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: black;
    font-weight: bold;
    font-size: 16px; */
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: all;
	cursor: pointer;
	position: absolute;
	background: transparent;
	border-radius: 50%;
	transition: opacity .15s ease;
    top: -40px;
    right: 0;
    color: #fff;
}

.modal-form #cboxClose svg {
	width: 22px;
	height: 22px;
	fill: none;
    stroke: currentColor;
	stroke-width: 2.5;
	stroke-linejoin: bevel;
    stroke-linecap: round;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
	pointer-events: none;
}

.modal-form .form-title {
	margin-top: 0;
	padding: 0;
	margin-bottom: 35px;
    color: #f00;
    text-transform: uppercase;
	font-weight: 900;
	font-size: 16px;
}


/* СЕО меню */

.manu_flash_seo ul {
	background-color: #f2f2f2;
}

.manu_flash_seo ul {
	list-style: none;
}

.manu_flash_seo li {
	position: relative;
	list-style: none;
}

.manu_flash_seo li::before {
	content: '\e918';
	font-family: 'art';
	color: #D0D0D0;
	font-size: 14px;
	position: absolute;
	left: -21px;
	top: 0;
}

.manu_flash_seo a {
	text-decoration: none;
	color: #666;
}

.manu_flash_seo a:hover {
	text-decoration: underline;
}

.manu_flash_seo > ul {
	padding: 54px 0;
	column-count: 5;
}

.manu_flash_seo > ul > li {
	margin-left: 30px;
	margin-bottom: 15px;
}

.manu_flash_seo > ul > li > a {
	font-weight: bold;
}

.manu_flash_seo > ul > li > ul {
	margin-top: 5px;
	margin-left: 10px;
}

.manu_flash_seo > ul > li > ul > li > ul {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

@media (max-width: 1300px) {
	.manu_flash_seo > ul {
		column-count: 4;
	}
}

@media (max-width: 1000px) {
	.manu_flash_seo > ul {
		column-count: 3;
	}
}

@media (max-width: 767px) {
	.manu_flash_seo > ul {
		column-count: 2;
	}
}

@media (max-width: 479px) {
	.manu_flash_seo > ul {
		column-count: 1;
	}
}


/*---SEO калькулятор---*/

/* Кнопка */
.btn-seo-form-calc {
	--offset: 10px;

	position: absolute;
    top: 290px;
    right: 70px;
    display: inline-block;
    width: 287px;
	height: 57px;
    padding: var(--offset);
    padding-left: 60px;
	border-radius: 10px;
    background: #ff2737;
	border: none;
	line-height: 1;
    font-size: 19px;
    font-weight: 500;
	text-align: left;
    text-decoration: none;
	background-color: #ff2737;
	/* background-image: linear-gradient(90.0deg, #ff2737 0%, #ef5a37 50%, #c633a6 100%); */
	box-shadow: -190px 0 70px -120px #c633a6 inset, 
				-310px 0 70px -120px #ef5a37 inset;
	background-position: 0 0;
    color: #fff;
	cursor: pointer;
	z-index: 120;
	animation: bganim 3s infinite alternate;
	transition: top 0.5s, right 0.5s, left 0.5s;
}

.btn-seo-form-calc.fixed {
	position: fixed;
	left: auto;
	right: -230px;
	top: 160px;
}

.btn-seo-form-calc.fixed:hover {
	right: 0;
}

@media (max-width: 1100px) {
	.btn-seo-form-calc {
		position: fixed;
		left: auto;
		right: -230px;
		top: 160px;
	}
}

@keyframes bganim {
	50% {
		background-color: #c633a6;
		box-shadow: -190px 0 70px -120px #ef5a37 inset, 
					-310px 0 70px -120px #ff2737 inset;
	}
	100% {
		background-color: #ef5a37;
		box-shadow: -190px 0 70px -120px #ff2737 inset, 
					-310px 0 70px -120px #c633a6 inset;
	}
}

.btn-seo-form-calc::before {
	content: "";
	display: block;
	position: absolute;
	top: var(--offset);
	left: var(--offset);
	width: 38px;
	height: 38px;
	background: no-repeat url(/images/seo/seo-form/SEO_calc.svg);
}

.modal-form-seo #cboxWrapper {
	overflow: visible;
}

.universal_form {
	margin-top: 0;
	position: relative;
	z-index: 10;
}

.universal_form .seo_form_rocket {
	position: absolute;
	right: -70px;
	bottom: -182px;
	animation: rocket-first 2s forwards;
}

.universal_form .seo_form_rocket.ready {
	animation: rocket-second 2s forwards;
}

.universal_form .seo_form_rocket.go {
	animation: rocket-go 0.5s forwards;
}

@keyframes rocket-first {
	100% {
		bottom: 0px;
	}
}

@keyframes rocket-second {
	0% {
		bottom: 0;
	}
	100% {
		bottom: 250px;
	}
}

@keyframes rocket-go {
	0% {
		bottom: 250px;
		opacity: 1;
	}
	100% {
		bottom: 100%;
		opacity: 0;
	}
}

.modal-form.modal-form-seo #universal_form::before {
	content: "";
	position: absolute;
	top: -60px;
	right: -60px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #f1f1f1;
}

.modal-form-seo #cboxClose {
	right: 37px;
	background: transparent;
	font-weight: 400;
}

.seo-form-calc {
	display: flex;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.seo-form-calc .form-frame:not(.form-frame-1) {
	display: none;
}

#universal_form .seo-form-calc .form-special {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 22px;
}

#universal_form .seo-form-calc .form-special span {
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	color: #474747;
}

#universal_form .seo-form-calc .form-special span::first-line {
	font-size: 19px;
}

#universal_form .seo-form-calc .form-title {
	margin-bottom: 19px;
	text-transform: none;
	font-size: 28px;
	font-weight: 700;
	color: #ff2737;
}

#universal_form .seo-form-calc .form-subtitle {
	margin-bottom: 23px;
	font-size: 20px;
	color: #575757;
}

#universal_form .seo-form-calc textarea {
	background: #fff;
	border: 1px solid #e0e0e0;
}

#universal_form .seo-form-calc textarea::placeholder {
	font-size: 19px;
	font-weight: 300;
	color: #707070;
}

.modal-form.modal-form-seo #cboxLoadedContent {
	padding: 0;
	background: none;
	margin-right: 27px;
}

.modal-form.modal-form-seo #universal_form {
	border-radius: 8px;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: #fff;
	padding: 16px 72px 15px 50px;
}

.seo-form-calc .form-frame__footer {
	padding: 20px 0;
	text-align: center;
}

.seo-form-calc .btn-next {
	display: block;
	width: 100%;
	border: none;
	border-radius: 8px;
	padding: 20px 70px 20px 58px;
	background-color: #c734a4;
	background-image: linear-gradient(90.0deg, #ff2737 0%, #f5512b 50%, #c633a6 100%);
	box-shadow: 0px 15px 30px 0px rgba(240,69,199,0.34);
	font-size: 24px;
	text-shadow: 0px 8px 8px rgba(175,21,3,0.31);
	color: #fff;
	cursor: pointer;
}

.seo-form-calc .btn-next .icon {
	margin-left: 40px;
}

#universal_form .seo-form-calc input[type="text"],
#universal_form .seo-form-calc input[type="tel"] {
	margin-bottom: 17px;
	padding: 20px 15px 13px;
	background: #fff;
	border: 1px solid #e0e0e0;
	font-size: 19px;
}

#universal_form .seo-form-calc input[type="text"]:disabled,
#universal_form .seo-form-calc input[type="tel"]:disabled {
	background: #ebebeb;
}

#universal_form .seo-form-calc input[type="text"]::placeholder,
#universal_form .seo-form-calc input[type="tel"]::placeholder {
	color: #707070;
}

#universal_form .seo-form-calc input[type="checkbox"] {
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
	margin: -1px;
	clip: rect(0 0 0 0);
}

#universal_form .seo-form-calc input[type="checkbox"] + .input-checkbox {
	display: block;
	float: left;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background-color: #ffffff;
	border: 2px solid #c734a4;
	box-shadow: inset 0px 0px 3px 0px #6b5766;
}

#universal_form .seo-form-calc input[type="checkbox"]:checked + .input-checkbox {
	border: 5px solid #c839a6;
	background-color: #890469;
}

#universal_form .seo-form-calc .submit {
	margin-top: 0;
	border: none;
	background-color: #c734a4;
	background-image: linear-gradient(90.0deg, #ff2737 0%, #f5512b 50%, #c633a6 100%);
	box-shadow: 0px 15px 30px 0px rgba(240,69,199,0.34);
	padding: 18px 77px 19px;
    width: auto;
    font-size: 24px;
    text-transform: none;
}

#universal_form .seo-form-calc .checkbox-wrap {
	margin-bottom: 25px;
	text-align: left;
}

#universal_form .seo-form-calc .checkbox-wrap label {
	vertical-align: middle;
	line-height: 25px;
	font-size: 19px;
}
a.linkhis {
	position: fixed;
	bottom: 30%;
	z-index: 100;
	height: 60px;
	border: 1px solid #fff;
    padding: 12px 14px 12px;
    color: #fff !important;
    background: #ccc;
    text-decoration: none;
    font-size: 14px;
    border-radius: 30px;
    text-transform: uppercase;
}
a.prev.linkhis {
    left: 10px;
}
a.next.linkhis {
    right: 10px;
}
a.linkhis:hover {
	background-color: #999;
}
a.linkhis i {
    display: inline-block;
    text-decoration: none;
    width: 30px;
    height: 25px;
    position: relative;
    top: 4px;
    margin-left: 0;
}
a.prev.linkhis i {
    background: url(/images/ico/rowprev.png) no-repeat 0 0;
}
a.next.linkhis i {
    background: url(/images/ico/rownext.png) no-repeat 0 0;
}
a.linkhis span {
	overflow: hidden;
    text-align: center;
	display: inline-block;
	transition: 0.2s;
	width: 111px;
}
a.linkhis.prev {
	left: 14%;
}
a.linkhis.next {
	right: 14%;
}
a.linkhis.prev span {
	float: right;
}
a.linkhis.next span {
	float: left;
}
a.linkhis:not(:hover) span {
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}
.textpb {
    border: 1px solid #E2E2E2;
}
.textpbname .a_href {
    font-family: 'AvertaStdCY', sans-serif;
    font-size: 14px;
    color: #3a3a3a;
    text-decoration: none;
    font-weight: normal;
}
.textpbname {
    background: #f1f1f1;
    padding: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
}
.textpb-content {
    padding: 10px;
}


.sm-certificate {
	display: inline-block;
	margin: 5px 10px;
	text-decoration: none;
}

.sm-certificate-wrapper {
	text-align: center;
}

.certificate-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}
.certificate-grid__el {
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.2s ease-out;
	will-change: box-shadow, transform;
}
.certificate-grid__el img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}
.certificate-grid__el:hover {
	box-shadow: 0 0 10px 5px rgb(230 230 230);
	transform: scale(1.02);
}
@media (max-width: 1023px) {
	.certificate-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width: 767px) {
	.certificate-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 425px) {
	.certificate-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.section-site-spin {
	padding-top: 150px;
	padding-bottom: 50px;
}
@media (max-width: 767.98px) {
	.section-site-spin {
		padding: 0;
	}
}
.site-spin {
	margin-top: 30px;
	margin-bottom: 50px;
}
.site-spin__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}
.site-spin__row .u-btn > span {
	height: 70px;
	padding: 14px 40px;
    vertical-align: middle;
    line-height: 40px;
}
.site-spin__title {
	margin-bottom: 22px;
	font-size: 38px;
	font-weight: 700;
	color: var(--main-color);
	text-transform: initial;
}
.site-spin__input {
	flex: 3;
	height: 70px;
	border: 3px solid #dfdfdf;
	border-radius: 10px;
	padding: 12px 24px;
	font-size: 18px;
	color: #000;
}

.form-error__item {
	color: #a0001c;
}

.site-spin__row .btn {
	flex: 1;
    text-align: center;
	border: 0;
    font-size: 18px;
	white-space: nowrap;
}

.site-spin .rounded {
	position: relative;
	height: 350px;
	overflow: hidden;
}

.site-spin .rounded .text,
.site-spin .rounded .shadow {
	position: absolute;
	font-weight: 700;
	white-space: nowrap;
	display: inline-block;
	top: 50%;
	left: 50%;
}

.site-spin .rounded .shadow {
	color: #ccc;
}

.center-block {
	text-align: center;
}


.form-order {
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.form-order__input-wrap {
	position: relative;
	flex: calc(50% - 15px);
}

.form-order__input-wrap input {
	width: 100%;
	background: none;
	border: 1px solid #fff;
	font-size: 18px;
	line-height: 1;
	font-weight: 100;
	border-radius: 50px;
	padding: 12px 40px;
	color: #fff;
}
.form-order__input-wrap input::placeholder {
	color: #ebebeb;
}

.form-order__send {
	position: absolute;
	top: 8px;
    right: 10px;
	background: none;
	border: none;
	box-shadow: none;
	transition: 0.25s ease-in;
	cursor: pointer;
}

.form-order__send:hover {
	top: 5px;
}

.form-order__pd {
	flex: 50%;
	margin-left: 15px;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 300;
	color: #fff;
}


.internet.money_ico {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.internet.money_ico div.money_ico2 {
	height: 466px;
}

.internet.money_ico div.money_ico1 .money_ico__inner {
	position: static;
	margin-top: 30px;
	margin-bottom: 30px;
}

.internet.money_ico div.money_ico2 .money_ico_img {
	display: block;
}

.internet.money_ico h3 {
	font-size: max(min(20px, 1vw), 16px);
}

.internet.money_ico div.money_ico1 {
	flex: calc(100% / 5 - 20px);
	flex-grow: 0;
}

.internet.money_ico div.money_ico2 {
	padding-left: 7%;
	padding-right: 7%;
}

.internet.money_ico .money_ico2__image-wrap img:nth-child(1) {
	position: absolute;
	top: 16px;
	z-index: 1;
}
.internet.money_ico .money_ico2__image-wrap img:nth-child(2) {
	position: absolute;
	top: -30px;
}

@media (max-width: 1199px) {
	.internet.money_ico div.money_ico1 {
		flex-basis: calc(100% / 3 - 20px);
	}
}

@media (max-width: 991px) {
	.internet.money_ico {
		gap: 0;
	}

	.internet.money_ico div.money_ico1 {
		flex-basis: calc(100% / 2);
	}
}

@media (max-width: 540px) {
	.internet.money_ico .money_ico2__image-wrap img:nth-child(1) {
		top: 5%;
	}
	.internet.money_ico .money_ico2__image-wrap img:nth-child(2) {
		top: -25%;
	}
}


/* Блог */

.blog_item:nth-child(2n+1)::after {
	content: "";
	display: table;
	clear: both;
}

.blog_item h2 {
	font-size: 20px;
}

.blog_item p {
	text-align: left;
}

.blog_item .inner {
	position: relative;
}

.blog_item .inner::after {
	content: "";
	display: table;
	clear: both;
}

.blog_item .anonce_img {
	float: left;
	width: 48%;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
}

.blog_item .anonce_img img {
	position: relative;
	width: 100%;
	border-radius: 8px;
	transition: .3s ease-in-out;
}

.blog_item .anonce_img:hover img{
	transform:  scale(0.9);
}

.blog_item .anonce_desc{
	float: right;
	width: 48%;
}

.blog_item .anonce_desc .posted{
	width: 140px;
	height: 25px;
	margin-top: 5px;
	border-radius: 4px;
	background: #5f1010;
	text-align: center;
	line-height: 2;
	color: #fff;
}

.blog_item{
	margin-bottom: 20px;
}

.blog_item-top::after,
.blog_item-top::before {
	content: "";
	display: table;
	clear: both;
}

.blog_item-bottom::before,
.blog_item-bottom::after {
	content: "";
	display: table;
	clear: both;
}

.blog_item-bottom {
	word-break: break-word;
}

@media screen and (max-width: 1000px) {
	.blog_item .anonce_img {
		float: none;
		width: auto;
	}

	.blog_item .anonce_desc {
		float: none;
		width: auto;
	}
}

@media screen and (max-width: 500px) {

	.blog_item .anonce_img,
	.blog_item .anonce_desc{
		float: none;
		width: 100%;
		margin: 0px;
	}
	.blog_item .anonce_desc .posted{
		position: absolute;
		left: 14px;
		top: 0px;
	}
}



.prodvizenie-calc-info {
	position: relative;
	margin-left: 35%;
}

.prodvizenie-calc-info::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -230px;
	width: 249px;
	height: 265px;
	background-image: url(/images/prodvizenie-calc-money.png);
	background-repeat: no-repeat;
}

.prodvizenie-calc-info__title {
	padding-top: 78px;
	margin-bottom: 35px;
	font-size: 38px;
	font-size: max(min(38px, 3vw), 24px);
	line-height: 1.1;
	font-weight: 400;
	color: #66202b;
	text-transform: initial;
}

.prodvizenie-calc-info__text {
	max-width: 510px;
	font-size: 17px;
	line-height: 1.4;
	font-weight: 300;
	color: #a24150;
}

.prodvizenie-calc-form .form-title {
	margin-top: 60px;
	margin-bottom: 20px;
	padding: 0;
	text-transform: initial;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 600;
	color: #66202b;
}

.prodvizenie-calc-form__row {
	margin-bottom: 35px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.prodvizenie-calc-form__row input {
	
	padding: 12px;
	border: none;
	box-shadow: 0px 16px 40px 0px rgba(212,175,186,0.5);
	border-radius: 6px;

	text-align: center;
	font-size: 25px;
	font-weight: 400;
	color: #a24150;
}

.prodvizenie-calc-form__input-wrap {
	max-width: 100%;
	margin-bottom: 15px;
	flex: 6;
	display: flex;
	flex-direction: column;
}

.prodvizenie-calc-form__send {
	flex: 3;
	margin: 0 15px;
	padding: 0 12px;
	border: none;
	border-radius: 6px;
	background-color: #a24150;
	font-size: 18px;
	line-height: 56px;
	font-weight: 300;
	color: #ffffff;
	cursor: pointer;
	white-space: nowrap;
}

.prodvizenie-calc-form__send:hover,
.prodvizenie-calc-form__send:focus {
	background-color: #B1505F;
}

.prodvizenie-calc-form__input-wrap label {
	margin-top: 5px;
	font-size: 16px;
	font-weight: 300;
	color: #c56d79;
}

.prodvizenie-calc-form .agrees-label {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 300;
	color: #c56d79;
}

.prodvizenie-calc-form .checkbox-style {
	margin-right: 20px;
}

.prodvizenie-calc-form .checkbox-style input[type="checkbox"] {
	display: none;
}

.prodvizenie-calc-form .checkbox-style span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	border: 1px solid #a24150;
	border-radius: 4px;
	background-color: #fff;
}

.prodvizenie-calc-form .checkbox-style  span > svg {
	display: none;
	width: 17px;
	height: auto;
}

.prodvizenie-calc-form .checkbox-style input[type="checkbox"]:checked + span > svg {
	display: block;
}

.prodvizenie-calc {
	max-width: 624px;
	margin: 30px 0 90px;
	padding: 48px;
	box-shadow: 0px 24px 60px 0px rgba(212,175,186,0.66);
	border-radius: 20px;
	background-color: #fff;
}

.prodvizenie-calc__title {
	margin-bottom: 1.5em;
	font-size: 28px;
	font-size: max(min(28px, 3vw), 22px);
	line-height: 1.1;
	font-weight: 400;
	color: #a24150;
}

.prodvizenie-calc__input-wrap {
	margin-bottom: 2.8em;
	display: flex;
	flex-direction: column;
}

.prodvizenie-calc label {
	font-size: 16px;
	font-weight: 300;
	color: #c56d79;
}

.prodvizenie-calc input[type="text"] {
	border: none;
	font-size: 30px;
	line-height: 1.4;
	font-weight: 400;
	color: #a24150;
}

.prodvizenie-calc-range {
	margin: 12px 0;
	-webkit-appearance: none;
	outline: none;
	height: 2px;
	background: #66202b;
}

.prodvizenie-calc-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #66202b;
	cursor: pointer;
}

.prodvizenie-calc-range::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border: 0;
	border-radius: 50%;
	background: #66202b;
	cursor: pointer;
}

.prodvizenie-calc__result {
	margin-top: 70px;
	font-size: 40px;
	font-size: max(min(40px, 4vw), 28px);
	line-height: 42px;
	font-weight: 400;
	color: #66202b;
}

.prodvizenie-calc__result-label {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 300;
	color: #66202b;
}


.download-files {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(max(280px, calc(100% / 3 - 35px)), 1fr));
	gap: 35px;
}
.download-files__rect {
	padding: 30px 22px 18px 22px;
	border: 1px solid #e2e5f1;
	border-radius: 10px;
}
.download-files__rect:hover {
	background-color: #fafafa;
}

.download-file {
	position: relative;
	height: 100%;
	padding-bottom: 14px;
}
.download-file__top {
	display: flex;
	align-items: center;
}
.download-file__icon + .download-file__icon {
	margin-left: 4px;
}
.download-file__icon {
	padding: 5px;
	flex-shrink: 0;
}
.download-file__icon img {
	width: 33px;
	transition: 0.25s;
}
.download-file__icon_doc img {
	/* box-shadow: 0px 8px 15px 0px rgba(80,147,223,0.25); */
	filter: drop-shadow(0px 8px 15px rgba(80,147,223,0.25));
}
.download-file__icon_pdf img {
	/* box-shadow: 0px 8px 15px 0px rgba(237,103,106,0.25); */
	filter: drop-shadow(0px 8px 15px rgba(237,103,106,0.25));
}
.download-file__icon:hover img {
	transform: scale(1.3);
}
.download-file__title {
	margin-bottom: 20px;
	margin-left: 18px;
	font-size: 26px;
	font-size: min(max(26px, 3vw), 22px);
	line-height: 1;
	font-weight: 700;
	color: #000000;
}

.download-file__list-link {
	margin-bottom: 25px;
}
.download-file__list-link ul {
	padding-left: 0;
	list-style: none;
}
.download-file__list-link a {
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #3a3a3a;
}
.download-file__list-link a:hover {
	color: #e5252a;
}

.download-file__count {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	color: #b0b0b0;
}


/* Квиз калькулятор расчета стоимости сайта */

/* .quiz-sozdanie-sajta:not(:target) {
	display: none;
} */

.quiz-sozdanie-sajta__screen-row {
	display: flex;
	width: 100%;
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.44);
}

.quiz-sozdanie-sajta__col,
.quiz-sozdanie-sajta__col1 {
	padding: 40px;
	flex: 1;
}

.quiz-sozdanie-sajta__col1 {
	flex: 3;
}

.quiz-sozdanie-sajta__col2 {
	flex: 2;
}

.quiz-sozdanie-sajta__form-title {
	font-size: 53.2px;
	line-height: 1.1;
	font-weight: 900;
	text-transform: uppercase;
	color: #4f4f4f;
}

.quiz-sozdanie-sajta__form-title span {
	display: inline-block;
	color: #b1b1b1;
}

.quiz-sozdanie-sajta__form-subtitle {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	color: #000;
}

.quiz-sozdanie-sajta__progress {
	margin-top: 35px;
	position: relative;
	overflow: hidden;
	line-height: 30px;
	border-radius: 20px;
	background-color: var(--grey-color);
	text-align: center;
}

.quiz-sozdanie-sajta__progress-step {
	position: relative;
	z-index: 2;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
}

.quiz-sozdanie-sajta__progress-line {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	background-color: #e82525;
	border-radius: 20px;
}

.quiz-sozdanie-sajta__step {
	display: none;
}

.quiz-sozdanie-sajta__step-text {
	margin: 25px 0;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #000;
}

.quiz-sozdanie-sajta__control-wrap {
	margin-top: 30px;
	font-size: 0;
	text-align: center;
}

.quiz-sozdanie-sajta__control-wrap .box-warning {
	margin-bottom: 30px;
	font-size: 14px;
	text-align: left;
}

.quiz-sozdanie-sajta__item {
	display: inline-block;
}

.quiz-sozdanie-sajta__item_33 {
	width: 33.33%;
	text-align: left;
}

.quiz-sozdanie-sajta__item_50 {
	width: 50%;
	text-align: left;
}

.quiz-sozdanie-sajta__item_100 {
	width: 100%;
	text-align: left;
}

.quiz-sozdanie-sajta__item label {
	display: block;
	cursor: pointer;
}

.quiz-sozdanie-sajta__item .quiz-sozdanie-sajta__item-label {
	font-size: 15px;
    font-weight: 400;
}

.quiz-sozdanie-sajta__item_checkmark input {
	display: none;
}

.quiz-sozdanie-sajta__item_checkmark .quiz-sozdanie-sajta__item-label {
	display: block;
	padding: 12px 10px 12px 37px;
	background: no-repeat 0 50% url(/images/quiz/checkmark.png);
	font-size: 15px;
	font-weight: 600;
	opacity: 0.57;
}

.quiz-sozdanie-sajta__item_checkmark .quiz-sozdanie-sajta__item-label:hover {
	opacity: 1;
}

.quiz-sozdanie-sajta__item_checkmark input:checked + .quiz-sozdanie-sajta__item-label {
	background-image: url(/images/quiz/checkmark_check.png);
	opacity: 1;
}

.quiz-sozdanie-sajta__item_text {
	text-align: center;
	padding: 0 10px;
	margin: 0 auto 15px;
}

.quiz-sozdanie-sajta__item_text .quiz-sozdanie-sajta__item-label {
	display: block;
	margin-bottom: 25px;
}

.quiz-sozdanie-sajta__item_text input {
	display: block;
    margin: 0 auto;
	width: 100%;
	border: 1px solid rgb(0 0 0 / 57%);
	height: 44px;
	border-radius: 6px;
	padding: 10px;
	font-size: 15px;
}

.quiz-sozdanie-sajta__item_text input:hover,
.quiz-sozdanie-sajta__item_text input:focus {
	border-color: #000;
}

.quiz-sozdanie-sajta__item_textarea {
	margin-bottom: 30px;
}

.quiz-sozdanie-sajta__item-title {
	margin-bottom: 7px;
	font-size: 20px;
	font-weight: 700;
}
.quiz-sozdanie-sajta__item-subtitle {
	margin-bottom: 16px;
	font-size: 14px;
}

.quiz-sozdanie-sajta__item textarea {
	width: 100%;
	border: 1px solid rgb(0 0 0 / 57%);
	outline: none;
	border-radius: 6px;
	padding: 10px;
	font-size: 15px;
}

.quiz-sozdanie-sajta__item textarea:hover,
.quiz-sozdanie-sajta__item textarea:focus {
	border-color: #000;
}

.quiz-sozdanie-sajta__item_file input {
	width: 100%;
	padding: 5px;
	border: 1px solid #000;
	border-radius: 6px;
}

.quiz-sozdanie-sajta__btn {
	margin-top: 30px;
	display: flex;
	justify-content: flex-end;
}

.quiz-sozdanie-sajta__btn > * {
	margin: 6px 7px;
}

.quiz-sozdanie-sajta__btn-send {
	display: none;
}

.quiz-sozdanie-sajta__col2 {
	position: relative;
	min-height: 530px;
	background: no-repeat center / cover;
}

.no-webp .quiz-sozdanie-sajta__col2 {
	background-image: url(/images/quiz/bg-1.jpg);
}

.webp .quiz-sozdanie-sajta__col2 {
	background-image: url(/images/quiz/bg-1.webp);
}

.quiz-sozdanie-sajta__col2::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
	opacity: 0.57;
}

.quiz-sozdanie-sajta__price_new {
	position: absolute;
	top: 62px;
	left: 42px;
	font-size: 27.9px;
	font-weight: 700;
	color: #000000;
	z-index: 1;
}

.quiz-sozdanie-sajta__price_new span {
	font-size: 47.7px;
	font-weight: 700;
}

.quiz-sozdanie-sajta__price_old {
	position: absolute;
	top: 124px;
	left: 42px;
	font-size: 26px;
	font-weight: 700;
	color: #000000;
	z-index: 1;
	text-decoration: line-through;
}

.quiz-sozdanie-sajta__price_old span {
	font-size: inherit;
}

.quiz-sozdanie-sajta__text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 50%;
	padding: 25px 30px 45px;
	background-color: #1c1c1c;
	z-index: 1;
}

.quiz-sozdanie-sajta__text-1 {
	display: inline-block;
	margin-left: 57px;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
}

.quiz-sozdanie-sajta__text-2 {
	display: inline-block;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: linear-gradient(0.0deg, #000000 0%, #ffffff 100%);
	font-size: 77.3px;
	line-height: 1;
	font-weight: 900;
	text-transform: uppercase;
	color: #ffffff;
}

.quiz-sozdanie-sajta__text-3 {
	display: inline-block;
	margin-left: 57px;
	font-size: 13.5px;
	font-weight: 400;
	text-transform: uppercase;
	color: #ffffff;
}

.quiz-sozdanie-sajta__text p {
	margin-top: 25px;
	padding-right: 90px;
	text-align: left;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 400;
	color: #b7b7b7;
}

.quiz-sozdanie-sajta__hot-sale {
	position: absolute;
	top: 40px;
	left: 10px;
}

.quiz-sozdanie-sajta__rocket {
	position: absolute;
	right: 12px;
	bottom: 13px;
}

.quiz-sozdanie-sajta__step-title {
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
}

.quiz-sozdanie-sajta__step-subtitle {
	margin-bottom: 30px;
	font-size: 14px;
	text-align: left;
}

.quiz-sozdanie-sajta__step-subtitle:last-child {
	margin-bottom: 60px;
}

.checkmark-image-text__row {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}
.checkmark-image-text__item {
	flex: 1;
	border: 1px solid rgb(0 0 0 / 10%);
	border-radius: 6px;
	overflow: hidden;
	padding-bottom: 75px;
}
.checkmark-image-text__item.checked {
	border: 1px solid rgb(0 0 0);
}
.checkmark-image-text__item input {
	display: none;
}
.checkmark-image-text__item-image {
	max-width: 150px;
	margin: 30px auto;
}
.checkmark-image-text__item-caption {
	margin-bottom: 10px;
	padding: 0 20px;
	font-size: 20px;
	font-weight: 700;
}
.checkmark-image-text__item-description {
	padding: 0 20px;
	font-size: 14px;
}

.checkmark-image-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
.checkmark-image-grid__item {
	border: 1px solid rgb(0 0 0 / 10%);
}
.checkmark-image-grid__item.checked {
	border: 1px solid rgb(0 0 0);
}
.checkmark-image-grid__item input {
	display: none;
}


.tooltipster-sidetip.tooltipster-svgmap .tooltipster-box {
	background: none;
	border: 0;
}

.tooltipster-sidetip.tooltipster-svgmap .tooltipster-content {
	padding: 0;
}


@media (max-width: 1280px) {
	.quiz-sozdanie-sajta__screen-row {
		flex-direction: column;
	}
	.quiz-sozdanie-sajta__text {
		margin-top: 150px;
		position: relative;
	}
	.quiz-sozdanie-sajta__col2 {
		min-height: unset;
	}
	.quiz-sozdanie-sajta__price_new {
		top: 32px;
		font-size: 22px;
	}
	.quiz-sozdanie-sajta__price_new span {
		font-size: 36px;
	}
	.quiz-sozdanie-sajta__price_old {
		top: 88px;
	}
}

@media (max-width: 1199px) {
	.checkmark-image-text__item {
		flex: calc(50% - 25px);
		padding-bottom: 25px;
	}
}

@media (max-width: 1024px) {
	.quiz-sozdanie-sajta__form-title {
		font-size: 28px;
	}

	.quiz-sozdanie-sajta__form-subtitle {
		font-size: 12px;
	}
}

@media (max-width: 991px) {
	.quiz-sozdanie-sajta__btn .btn {
		padding: 13px 26px;
	}
}

@media (max-width: 767px) {
	.quiz-sozdanie-sajta__col,
	.quiz-sozdanie-sajta__col1 {
		padding: 20px;
	}
}

@media (max-width: 575px) {
	.checkmark-image-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.examples-of-buisness {
	margin-top: 20px;
	margin-bottom: 30px;
}

.examples-of-buisness__grid {
	margin-top: 30px;
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr 0.6fr 1fr 1fr;
	grid-template-rows: repeat(4, 14vw);
	gap: 10px;
}

/* .examples-of-buisness__grid::after {
	content: "";
	display: block;
	width: 100%;
	height: 364px;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 5;
	background: linear-gradient(to top, #fff, transparent);
} */

.examples-of-buisness__item {
	overflow: hidden;
}

.examples-of-buisness__item a {
	cursor: pointer;
}

.examples-of-buisness__item img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	transition: 1s ease-out;
}

.examples-of-buisness__item:nth-child(1) {
	grid-area: 1 / 1 / 3 / 4;
}

.examples-of-buisness__item:nth-child(2) {
	grid-area: 1 / 4 / 2 / 5;
}

.examples-of-buisness__item:nth-child(3) {
	grid-area: 1 / 5 / 2 / 6;
}

.examples-of-buisness__item:nth-child(4) {
	grid-area: 2 / 4 / 3 / 6;
}

.examples-of-buisness__item:nth-child(5) {
	grid-area: 3 / 1 / 4 / 3;
}

.examples-of-buisness__item:nth-child(6) {
	grid-area: 4 / 1 / 5 / 2;
}

.examples-of-buisness__item:nth-child(7) {
	grid-area: 4 / 2 / 5 / 3;
}

.examples-of-buisness__item:nth-child(8) {
	grid-area: 3 / 3 / 5 / 6;
}

.examples-of-buisness__item:hover img {
	transform: scale(1.05);
}

.examples-of-buisness__footer-line {
	font-size: max(min(38px, 3vw), 28px);
	color: #000;
}

.examples-of-buisness__footer-line > span {
	font-size: max(min(78px, 6vw), 58px);
	font-weight: 900;
	color: var(--main-color);
}

.examples-of-buisness__footer-line .read-mores {
	padding: 8px 30px;
}

.examples-of-buisness__footer-line .read-mores::after {
	display: none;
}

.examples-of-buisness__footer-line .btn {
	margin: 10px 0;
}

@media (max-width: 767.98px) {
	.examples-of-buisness {
		margin-top: 40px;
	}
	.examples-of-buisness__footer-line > span {
		font-size: 28px;
	}
	.examples-of-buisness__grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
	}
	.examples-of-buisness__item:nth-child(1) {
		grid-area: 1 / 1 / auto / 3;
	}
	
	.examples-of-buisness__item:nth-child(2) {
		grid-area: 2 / 1 / auto / 2;
	}
	
	.examples-of-buisness__item:nth-child(3) {
		grid-area: 2 / 2 / auto / 3;
	}
	
	.examples-of-buisness__item:nth-child(4) {
		grid-area: 3 / 1 / auto / 3;
	}
	
	.examples-of-buisness__item:nth-child(5) {
		grid-area: 4 / 1 / auto / 3;
	}

	.examples-of-buisness__item:nth-child(8) {
		grid-area: 5 / 1 / 7 / 3;
	}
	
	.examples-of-buisness__item:nth-child(6) {
		grid-area: 8 / 1 / auto / 2;
	}
	
	.examples-of-buisness__item:nth-child(7) {
		grid-area: 8 / 2 / auto / 3;
	}
	
	
	.examples-of-buisness__item img {
		height: auto !important;
	}

	.examples-of-buisness__footer-line {
		font-size: 22px;
	}


	.services-table {
		margin-bottom: 40px;
	}
}

@media (max-width: 575.98px) {
	.title-h2 {
		font-size: 22px;
	}

	.examples-of-buisness__footer-line {
		font-size: 18px;
	}
}

.involved-in-work {
	margin-bottom: 60px;
}

.involved-in-work .title-h2 {
	margin-bottom: 20px;
	padding-bottom: 0;
}

.involved-in-work__content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 10px;
}

.involved-in-work__item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 20px 20px;
	background-color: var(--grey-color);
}

.involved-in-work__item-title {
	font-size: 23px;
}

.involved-in-work__item-descr {
	margin-top: 20px;
	font-size: 14px;
}

.involved-in-work__item-image img {
	transition: 0.2s ease-out;
}

.involved-in-work__item:hover .involved-in-work__item-image img {
	transform: scale(1.1);
}

@media(max-width: 1200px) {
	.involved-in-work__item {
		flex: calc(100% / 3 - 20px);
	}
}

.start-of-sales {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 30px;
}

.start-of-sales + .start-of-sales {
	margin-top: -30px;
}

.start-of-sales__block1 {
	grid-area: 1 / 1 / auto / 2;
	background-color: #000;
	background-image: url(/images/biznes-sajt/fl.jpg);
	background-repeat: no-repeat;
	background-position: -550px 0;
	padding-left: 30%;
	padding-right: 50px;
	padding-bottom: 60px;

	counter-set: startsales;
}

.start-of-sales__block1-title {
	margin-top: 50px;
	font-size: 62px;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
}

.start-of-sales__block1-subtitle {
	margin-top: 10px;
	font-size: 29px;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--main-color);
}

.start-of-sales__block1-text {
	margin-top: 25px;
	color: #fff;
}

.start-of-sales__block1-list {
	margin-top: 40px;
}

.start-of-sales__block1-list-item a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 55px;
	margin-top: 10px;
	position: relative;
	padding-left: 75px;
	vertical-align: middle;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 26px;
	line-height: 25px;
	font-weight: 100;
	color: #fff;
}

.start-of-sales__block1-list-item a::before {
	content: "0"counter(startsales);
	margin-right: 20px;
	counter-increment: startsales;
	font-weight: 700;
	color: #656369;
}

.start-of-sales__block1-list-item a:hover {
	color: #f4a303;
}

.start-of-sales__block1-list-item a:hover::before {
	color: inherit;
}

.start-of-sales__icon {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 55px;
	height: 55px;
	border: 1px solid #6d6c71;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.start-of-sales__icon_context {
	background-image: url(/images/biznes-sajt/t1.png);
}

.start-of-sales__icon_prodviz {
	background-image: url(/images/biznes-sajt/t2.png);
}

.start-of-sales__icon_reklama {
	background-image: url(/images/biznes-sajt/t3.png);
}

.start-of-sales__block1-list-item a:hover .start-of-sales__icon {
	border-color: #f4a303;
}

.start-of-sales__block1-list-item a:hover .start-of-sales__icon_context {
	background-image: url(/images/biznes-sajt/a_t1.png);
}

.start-of-sales__block1-list-item a:hover .start-of-sales__icon_prodviz {
	background-image: url(/images/biznes-sajt/a_t2.png);
}

.start-of-sales__block1-list-item a:hover .start-of-sales__icon_reklama {
	background-image: url(/images/biznes-sajt/a_t3.png);
}

.start-of-sales__block2 {
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-image: url(/images/biznes-sajt/sl1.png), url(/images/biznes-sajt/sl01.png);
	background-position: calc(100% + 150px) 100%, 100px 45px;
	grid-area: 1 / 2 / auto / 3;
	padding-right: 32%;
	padding-left: 100px;
	padding-bottom: 30px;
}

.start-of-sales__block2-title {
	margin-top: 90px;
	padding: 0;
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
}

.start-of-sales__block2-text {
	margin-top: 25px;
	font-size: 16px;
}

.start-of-sales__block2-text p {
	font-size: inherit;
}

.start-of-sales__block2-list li {
	padding-left: 35px;
	list-style: none;
}

.start-of-sales__block3 {
	grid-area: 2 / 1 / auto / 3;
	padding-left: 0;
	padding-right: 240px;
	padding-bottom: 30px;
	background-color: #f7fbfe;
	background-repeat: no-repeat;
	background-image: url(/images/biznes-sajt/pers.jpg);
	background-position: calc(50% - 235px) 0;
}

.start-of-sales__block3-inner {
	max-width: 670px;
	margin-left: auto;
}

.start-of-sales__block3-title {
	margin-top: 45px;
	margin-bottom: 35px;
	padding-top: 0;
	font-size: 51px;
	color: var(--main-color);
	font-weight: 900;
}

.start-of-sales__block3-list-img {
	max-width: 540px;
	padding-left: 30px;
}

.start-of-sales__block3-item {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	min-height: 55px;
	transition: 0.3s ease-out;
}

.start-of-sales__block3-item:hover {
	transform: translateX(10px);
}

.start-of-sales__block3-item-img {
	line-height: 1;
}

.start-of-sales__block3-list-title {
	max-width: 610px;
	font-size: 26px;
	font-weight: 400;
	color: #000;
}

.start-of-sales__block3-list {
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 60px;
}


@media (max-width: 1700px) {
	.start-of-sales__block3 {
		padding-right: 50px;
	}
}

@media (max-width: 1400px) {
	.start-of-sales__block1 {
		background-position: -620px 0;
	}
	.start-of-sales__block1-title {
		font-size: 46px;
	}
	.start-of-sales__block1-subtitle {
		font-size: 22px;
	}
	.start-of-sales__block1-list-item a {
		font-size: 16px;
	}
	.start-of-sales__block2-text {
		font-size: 14px;
	}
	.start-of-sales__block2-title {
		font-size: 32px;
	}
}

@media (max-width: 1199.98px) {
	.start-of-sales {
		grid-template-columns: 1fr;
	}

	.start-of-sales__block1,
	.start-of-sales__block2,
	.start-of-sales__block3 {
		grid-area: auto !important;
	}

	.start-of-sales__block3 {
		padding-left: 50px;
		background-image: unset;
	}

	.start-of-sales__block3-inner {
		margin: 0 auto;
	}
}

@media (max-width: 767.98px) {
	.start-of-sales__block1 {
		padding-left: 25px;
		padding-right: 25px;
		background-position: 100% 0;
		background-size: 280px;
	}

	.start-of-sales__block2 {
		padding-left: 25px;
		padding-right: 25px;
		background-position: 100% 100%, 50px 45px;
		background-size: 120px, auto;
	}

	.start-of-sales__block3 {
		padding-left: 25px;
		padding-right: 25px;
	}

	.start-of-sales__block1-title {
		font-size: 46px;
	}

	.start-of-sales__block1-subtitle {
		font-size: 22px;
	}

	.start-of-sales__block2-title {
		font-size: 30px;
	}

	.start-of-sales__block3-btn-wrap {
		text-align: center;
	}
}


/* logo format */

.logo-format {
	background: no-repeat url(/images/logo-format/bckgr.jpg);
	background-size: cover;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
}

.logo-format__container {
	padding-top: 70px;
	padding-bottom: 120px;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.logo-format__title {
	font-size: 42px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: -0.84px;
}

.logo-format__subtitle {
	margin-top: 12px;
	font-size: 16px;
	text-align: center;
}

.logo-format__grid {
	margin-top: 77px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 7%;
	row-gap: 30px;
}

.logo-format__item {
	flex: 1;
}

.logo-format__item-image img {
	display: block;
	max-width: 100%;
	height: auto;
}

.logo-format__item-title {
	margin-top: 60px;
	font-size: 26px;
	font-weight: 800;
	text-transform: uppercase;
}

.logo-format__item-descr {
	margin-top: 10px;
	font-size: 16px;
}

/* !Блок схема */
.block-scheme:not(:target) {
	display: none;
}
.block-scheme {
    position: relative;
}
.block-scheme__image {
	position: relative;
	margin: max(-10vw, -200px) 0;
}
.block-scheme__image img,
.block-scheme__image svg {
	position: relative;
	max-width: 100%;
	height: auto;
	z-index: 1;
}
.block-scheme__image img.shadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
.block-scheme__link-container {
	position: relative;
	z-index: 2;
	max-width: 570px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: flex-start;
}
.block-scheme__left-side {
}
.block-scheme__right-side {
	margin-left: auto;
	flex-wrap: wrap-reverse;
	justify-content: flex-end;
	align-items: flex-end;
}
.block-scheme__link {
	position: relative;
	max-width: 230px;
	padding: 10px 30px;
    text-align: center;
    box-shadow: 0 0 20px rgb(0, 0, 0, 0.1);
    border-radius: 12px;
	background-color: #fff;
	cursor: pointer;
	overflow: hidden;
}
.block-scheme__link::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 21px;
    height: 22px;
    display: block;
    background: no-repeat 0 0 url(/images/block-scheme/pl.svg);
	opacity: 1;
	transition: .3s;
}
.block-scheme__link::after {
	content: "";
    position: absolute;
    top: -6px;
    left: -7px;
    z-index: 5;
    width: 33px;
    height: 33px;
    display: block;
    background: no-repeat 0 0 url(/images/block-scheme/close.svg);
	opacity: 0;
	transition: .3s;
}
.block-scheme__link-title {
	font-size: 18px;
	font-weight: 700;
	color: #a7528a;
}
.block-scheme__link-descr {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 7;
	background-color: #fff;
	padding: 10px 30px;
	margin-top: 4px;
	border-radius: 0 0 12px 12px;
	opacity: 0;
	height: 0px;
	font-size: 14px;
	color: #000;
	transition: .3s;
}
.block-scheme__link-descr p {
	text-align: left;
}
.block-scheme__link:hover {
	box-shadow: 0 8px 20px rgb(0, 0, 0, 0.2);
}
.block-scheme__link:hover .block-scheme__link-title  {
	color: #ff2737;
}
.block-scheme__link.open {
	overflow: visible;
}
.block-scheme__link.open .block-scheme__link-descr {
	opacity: 1;
	height: auto;
}
.block-scheme__link.open::before {
	opacity: 0;
}
.block-scheme__link.open::after {
	opacity: 1;
}

.block-scheme__image svg .svg-int {
	transition: 0.5s;
	cursor: pointer;
}
.block-scheme__image svg .svg-int:hover,
.block-scheme__image svg .svg-int.active {
	filter: drop-shadow(-20px 20px 10px rgba(0, 0, 0, 0.4));
	transform: translateY(-10px);
}


#soc-ic {
	display: none;
}

.free-consultation {
	margin-top: 20px;
}
.free-consultation__caption {
	text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}
.free-consultation__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	color: var(--main-color);
	background-color: #F1F1F1;
}
.free-consultation__icon svg {
	fill: var(--main-color);
}
.free-consultation__content {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin: 20px 0;
}

.portfolioModalContent .fancybox__slide img {
	max-width: 100% !important;
}

@media (max-width: 1750px) {
	.white-comp {
		display: none;
	}
}

@media (max-width: 1199.98px) {
	.block-scheme__image {
		margin: 0;
	}
}
@media (max-width: 767.98px) {
    .block-scheme {
        display: none;
    }
}
/* Блок схема! */

@media (max-width: 1399.98px) {
	.logo-format__grid {
		column-gap: 5%;
	}
}

@media (max-width: 991.98px) {
	.logo-format__grid {
		column-gap: 2%;
	}
	.logo-format__item-image {
		max-width: 140px;
	}
	.logo-format__item-title {
		margin-top: 30px;
		font-size: 22px;
	}
	.logo-format__item-descr {
		font-size: 14px;
	}
}

@media (max-width: 767.98px) {
	.logo-format__container {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.logo-format__title {
		font-size: 28px;
	}
	.logo-format__grid {
		margin-top: 37px;
		column-gap: 20px;
	}
	.logo-format__item {
		flex: 0 1 130px;
	}
	.logo-format__item-image {
		max-width: 100px;
	}
	.logo-format__item-title {
		margin-top: 15px;
		font-size: 18px;
	}
	.logo-format__item-descr {
		font-size: 12px;
	}
}

/* logo format */


@media screen and (max-width: 1800px) {
	.our-managers div.manager {
		width: 50%;
	}
}

@media (max-width: 1700px) {
	.site-example-buttons {
		justify-content: center;
		width: 100%;
		margin-top: 15px;
	}
	.manager-reklama-full .serts-ul {
		width: 100%;
	}
}

@media (min-width:1201px) and (max-width:1670px){
	.beget_pr_box{
		width: 36%;
	}
	.beget_block_1{
		height: 1130px;
	}
}

@media (max-width: 1640px) {
	.number-item,
	.numbers-row_icon .number-item {
		margin-right: 20px;
	}
	.number-item--val {
		font-size: 58px;
	}
}

@media screen and (max-width: 1600px) {
	.services .my-row {
		flex-wrap: wrap;
		justify-content: center;
	}
	.new-top-block .right {
		background: url(/images/patt.jpg);
	}
	.services .my-row > div {
		margin: 1% 2% 1% 0;
	}
	.services .website-development {
		width: 100%;
	}
	.services .seo, .services .advertising,
	.services .outdoor-advertising, .services .support{
		width: 48%;
	}
	.services .design {
		order: 1;
		width: 100%;
	}
	.left_col_bg_col {
		display: none;
	}

}

@media (max-width: 1550px) {

	body:not(.main) .button-switch-menu-city-wrap {
		right: 320px;
	}
}


@media (min-width: 1501px) {
	.prodvizhenie-box__item-outer {
		width: 20%;
	}
}

@media screen and (max-width: 1500px) {
	.flex-table .column.text .row:nth-child(4) {
		white-space: nowrap;
	}
	.accordeon-context div.money_ico1.social {
	order: 1;
	}
	.accordeon-context div.money_ico1.context {
	order: 0;
	}
	.accordeon-context div.money_ico1 {
	order: 2;
	}
	div.internet_online {
		background-position: center bottom;
	}
	div.money_ico1.context {
		width: 94%; 
	}

	div.portfolio_box {
		width: 25%;
	}
}

@media (max-width: 1450px) {
	.yandex_certificate,
	.yandex-rating-widget {
		right: 10%;
	}
	.grifon_bottom {
		display: none;
	}
	
	div.left_column,
	div.right_column {
		display: none;
	}

	article,
	article.no_right {
		width: 100%;
	}

}

@media screen and (max-width: 1400px) {
	.ol_style li .vacancy_zp{
		position: static;
	}
	.flex-table .column.empty {
		width: 50px;
	}
	.manager-reklama-full .serts-ul {
		flex-wrap: wrap;
	}

	.seo-section .slick-slider {
		margin-left: 80px;
		margin-right: 80px;
	}

	.caruselDiv2 {
		margin-left: 50px;
		margin-right: 50px;
	}

	div.right_column {
		display: none;
	}

	.filter_tema li a {
		font-size: 14px;
	}

	.preimushestva-sozdania-description,
	.preimushestva-sozdania-description p,
	.preimushestva-sozdania-read-hidden,
	.preimushestva-sozdania-read-hidden p {
		font-size: 12px;
	}
}

/* 7,74 1366px */
@media (max-width: 1366px) {
	.site-example-info {
		flex-direction: column;
		align-items: center;
	}
	.slick-dotted.slick-slider.site-example-slider {
		margin-bottom: 50px;
	}
	
	.site-example-slider {
		margin-right: 0;
	}
	
	.landing-sales-block {
		width: 44%;
	}
	div.tablica2 {
		background: rgba(0, 0, 0, 0) url("../images/table_top.jpg") no-repeat scroll -863px top;
	}
	div.tablica1 {
		background: #dbdbdb url("../images/table_center.jpg") repeat-y scroll 575px top;
	}
	table.tablica th.col2 {
		width: 500px;
	}
	div.tablica3 {
		background: rgba(0, 0, 0, 0) url("../images/table_bottom.jpg") no-repeat scroll -863px bottom;
	}
	table.tablica th.col4 {
		width: 110px;
	}
	table.tablica th.col3 {
		width: 200px;
	}
	div.right_column {
		background: url("../images/border-left.png") no-repeat left top;
	}
	div.on_the_full_width {
		margin-left: calc( (17vw + 35px) * -1);
		margin-right: calc( (17vw + 35px) * -1);
	}

	a.linkhis.prev {
		left: 17%;
	}
	a.linkhis.next {
		right: 17%;
	}

	.blocks-prices-item--name,
	.blocks-prices-item--name a,
	.blocks-prices-item--value {
		font-size: 14px;
	}

	.blocks-prices-item--title {
		font-size: 20px;
	}
}


@media screen and (max-width: 1300px){
	.vak_box1 {
			width: 100%;margin-right: 0%;
		}
	.vak_box2 {
			width: 100%;
		}
	.flex-table .column.empty {
		display: none;
	}
	.flex-table .column.text .row:last-child:before, .flex-table .column.text .row:last-child:after {
		display: none;
	}
	.flex-table .column.text {
		margin-top: 0;
	}
	.flex-table .column.text .row:nth-child(4) {
		white-space: normal;
	}
	.flex-table .column.text {
		margin: 0;
	}
	div.s_1, div.s_2, div.s_3 {
		left: 0;
		float: none;
		margin: 20px 10px;
		width: 80%;
		top: 0px;
	}
	div.s_1, div.s_2, div.s_3 {
		left: 0;
		float: none;
		margin: 20px 10px;
		width: 80%;
		top: 0px;
	}
	td.image_money_main div {
		display: none;
	}
	td.image_money_main {
		width: 1px;
	}

	.slick-prev {
		left: 10px;
	}
	.slick-next {
		right: 10px;
	}


	.blocks-prices-item  {
		width: 100%;
		margin-bottom: 30px;
	}
}


/* 3.68  1280px */ 
@media (max-width: 1249.98px) {

	#bred,
	.breadcrumb {
		display: none !important;
	}

	h1, .h1 {
		margin-bottom: 15px;
	}

	div.main_conteiner_2 {
		padding-top: 150px;
	}

	.left_rek_block {
		background-size: contain;
		margin-bottom: 0px;
		height: 155px;
	}
	.drop-down-wrap.span4 {
		width: 100%;
	}
	.row-cutaway {
		flex-direction: column;
		align-items: center;
	}

	div.money_ico1 {
		flex: calc(50% - 20px);
	}
}
@media screen and (min-width: 1250px) {
	.tetdte {
		width: 277px;
		float: left;
	}
	.tetdte.artand > h2 {
		text-align: center;
	}
	div#soderzanie .artand .box_img {
		background: #000 none repeat scroll 0 0;
		border: 2px solid #aaa;
		float: none;
		height: 200px;
		margin: 0 auto 10px;
		overflow: hidden;
		position: relative;
		width: 195px;
	}
	.artands {
		float: left;
		width: 75%;
	}
	.artand {
		float: left;
		width: 25%;
	}
	.artands .img_web > img {
		width: 100%;
	}
}

@media screen and (max-width: 1270px) {
	.tetdte{
	width: 277px;
	float: left;
	}
	.tetdte.artand > h2 {
		text-align: center;
	}
	div#soderzanie .artand .box_img {
		background: #000 none repeat scroll 0 0;
		border: 2px solid #aaa;
		float: none;
		height: 200px;
		margin: 0 auto 10px;
		overflow: hidden;
		position: relative;
		width: 195px;
	}
	.artand {
		float: left;
		width: 100%;
	}
	.artands {
		float: left;
		width: 98%;
	}
	.artands .img_web > img {
		width: 100%;
	}
	div#soderzanie .artand .box_img {
		float: left;
		margin-right: 5px;
	}
}


@media screen and (max-width: 1230px) {
	.flex-table .column.first {
		display: none;
	}
	.flex-table {
		flex-wrap: wrap;
		margin-top: 15px;
	}
	.flex-table .column .row:first-child {
	display: none;
	}
	.our-managers{
		width: 100%;
	}
	.our-managers div.manager {
		float: none;
		width: 100%;
	}
	.our-managers .manager:after,
	.our-managers .manager:before{
		display: none;
	}
	.manager-desc{
		float: left;
	}
	.row_10, .row_20, .row_30, .row_33, .row_40, .row_50, .row_60, .row_70, .row_80, .row_90  {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.manager-reklama-full .serts-ul {
		width: 100%;
	}
	div.internet_online {
		background-position: left bottom;
	}
	div.internet_time {
		background-position: right bottom;
	}
}

@media (max-width: 1199.98px) {
	.https_link_bl p{
		bottom: 0px;
		width: 100%;
	}
	div.five_blo > img {
		width: 15%;
	}
		
	.examples-more {
		display: none;
	}
	div.best_div div {
		width: 33%;
	}


	.blocks-prices-item {
		padding: 15px 10px;
	}

	.prodvizenie-cost {
		height: auto;
		padding-bottom: 25px;
		background-size: cover;
	}
	.prodvizenie-cost .calculation {
		margin-top: 25px;
	}
}

@media(min-width: 1200px) {
	.caruselDiv2 {
		 margin-top: 25px;
		 margin-bottom: 25px;
	}
	.imageflowCenter{
		margin-top: -100px;
	}
	 h3.imageflowh3 {
		position: relative;
		top: 50px;
	}
	#imageflow #scrollbar {
		margin-left: 400px !important;
	}
	#imageflow #slider {
		left: 0px !important;
	}
	#imageflow #captions {
		margin-left: 140px;
	}
}

@media (min-width:767px) and (max-width:1200px){
	.pr_blok_1{
		width: 100%;
	}
	.pr_blok_2{
		width: 100%;
	}
	.pr_blok_2 img{
		width: 300px;
		display: block;
		margin: 0 auto;
	}
	.pr_blok_1 .ol_style{
		padding: 0;
	}
}


@media (max-width: 1100px) {
	.main div#soderzanie {
		width: 78%;
	}
}


@media screen and (max-width: 1080px) {
	.contextual_reklama .left_column {
		margin-top: 22%;
		width: 22%;
	}
	div.tablica1 {
		background: #dbdbdb url("../images/table_center.jpg") repeat-y scroll 400px top;
	}

	div.tablica2 {
		background: rgba(0, 0, 0, 0) url("../images/table_top.jpg") no-repeat scroll -1038px top;
	}
	div.tablica3 {
		background: rgba(0, 0, 0, 0) url("../images/table_bottom.jpg") no-repeat scroll -1038px bottom;
	}
	table.tablica th.col2 {
		width: 320px;
	}
	.tetdte{
		display: none;
	}
	div.on_the_full_width {
		/* margin-left: -35%;
		padding-left: 20%;
		margin-right: -40px; */
		margin-left: calc( (22vw + 38px) * -1);
		margin-right: -38px;
	}
	.right_column {
		display: none;
	}
}

@media (max-width: 1079px) {
	body:not(.main) .button-switch-menu-city-wrap {
		top: 170px;
		right: 24%;
	}
}

@media (max-width: 1056px) {
	.inputs-consult a {
		top: 12px;
	}
	.inputs-consult input {
		width: 230px;
	}
	.inputs-consult a {
		top: 3px;
	}
	.inputs-consult a:hover {
		top: 5px;
	}
	div.akordeon_money {
		padding-left: 5px;
	}
	.money_ico-title h2 {
		padding: 15px 0 0 0;
	}
	.grifon_bottom {
		position: absolute;
		right: 0;
		top: 126px;
		width: 665px;
	}
	div#soderzanie .box_img {
		margin: 10px;
	}

}

@media (max-width: 1024px) {
	.form-order {
		display: none;
	}

	#preview {
		display: none;
	}

	.blocks-prices-item {
		min-height: initial;
	}
}

@media (max-width: 1000px) {
	div.design_template_php div.span6 {
		width: 100%;
	}
	div.sravnenie {
		background: none;
	}
	div.sravnenie div.col2 {
		display: none;
	}
	.sravnenie2 {
		display: flex;
		justify-content: center;
	}
	.sravnenie2::before,
	.sravnenie2::after {
		content: ' ';
		display: table;
		clear: both;
	}
	div.sravnenie div.col1, div.sravnenie div.col3 {
		width: 350px;
	}
	div.sravnenie2.zagolovok {
		margin-bottom: 15px;
	}
	div.sravnenie2.zagolovok div.col1 {
		padding-right: 20px;
		text-align: right;
	}
	div.sravnenie2.zagolovok div.col3 {
		padding-left: 20px;
	}
	.site-example-top {
		flex-direction: column;
		text-align: center;
	}
	.yandex_certificate {
		display: none;
	}
}





@media (max-width: 991.98px) {
	table.table-responsive thead {
		display: none;
	}
	table.table-responsive tr td {
		position: relative;
		padding: 10px;
		display: block;
		text-align: left !important;
		padding-left: 50%;
		border-bottom: 1px solid #cacaca;
		border-top: none;
	}
	table.table-responsive tr td[data-label]::before {
		content: attr(data-label);
		position: absolute;
		top: 10px;
		left: 10px;
		width: 45%;
	}

	table.table-responsive tr td[data-background="y"]::before {
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 10px;
		width: 45%;
		height: 20px;
		background: no-repeat left/ contain url(/images/y-b_yandex-context.png);
	}

	table.table-responsive tr td[data-background="g"]::before {
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 10px;
		width: 45%;
		height: 20px;
		background: no-repeat left/ contain url(/images/y-b_googl.png);
	}

	table.table-responsive td:last-child {
		margin-bottom: 50px;
	}
	table.table-responsive tr td:nth-child(5) {
		text-align: left;
	}
	.seo-bottom {
		margin-left: 0;
	}
	.price-block-container {
		flex-wrap: wrap;
		justify-content: center;
	}
	.price-block {
		flex: calc(50% - 15px);
	}
	.price-block_top {
		flex: 100%;
		order: -1;
	}

	.seo_table table.table-responsive td:last-child {
		margin-bottom: 0;
	}

	.prodvizenie-calc-info {
		margin-left: 0;
	}

	.production-time__row {
		flex-direction: column;
	}
	.production-time__title {
		font-size: 30px;
	}

	.portf-project-types__item img {
		margin-top: -22px;
		transform: translateX(45px);
	}
	
	.portfolio-themes__item img {
		transform: translateX(10px);
	}

	div.money_ico2 .money_ico_img {
		display: none;
	}
	div.money_ico2 .hover-image {
		opacity: 1;
		visibility: visible;
	}
}


@media screen and (max-width: 980px) {
	.grifon_bottom {
		width: 70%;
	}
	div#soderzanie .box_img img {
		width: 100%;
	}
	div.soical-links--bottom {
		width: calc(100% - 20px);
	}
	.social-links-contact .line {
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
	}
	.social-links-contact div.stchetchik {
		margin: 0;
	}
}

@media screen and (max-width: 900px) {
	.manager-reklama-full .serts-ul {
		flex-wrap: wrap;
	}
	.manager-reklama-full .serts-ul .serts {
		margin: 10px 0;
	}
	.manager-reklama-full .buttons_block {
		flex-wrap: wrap;
		justify-content: center;
	}
	.manager-reklama-full .buttons_block a {
		margin: 5px;
	}
	/* .numbers-row {
		justify-content: center;
	}
	.number-item, .numbers-row_icon .number-item {
		margin-left: 15px;
		margin-right: 15px;
	}
	.numbers-row:not(.numbers-row_icon) .number-item:nth-child(2) {
		order: -1;
	} */
	.https_link_bl p{
		font-size: 19px;
	}

	
	.numbers-row {
		justify-content: center;
	}
	.numbers-row .number-item {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
		flex: 1 1 50%;
	}
	.numbers-row .number-item:nth-child(odd) {
		flex-basis: 40%;
	}
	.numbers-row .number-item:nth-child(even) {
		flex-basis: 50%;
	}
	.numbers-row:not(.numbers-row_icon) .number-item:nth-child(2) {
		order: -1;
	}
}

@media (min-width:768px) and (max-width:890px){
	.beget_pr_box{
		width: auto;
		display: block;
		margin: 0 auto;
	}
	div.mail{
	/*        left: 662px;*/
		left: 10%;
	}
}


@media screen and (max-width: 767px) {
	body,
	table,
	p,
	.__c_address span,
	body div.text_m2 p,
	.site-position span.a_href,
	div.coment,
	div.best_div span,
	.pripiska,
	div.tarif {
		font-size: 14px !important;
	}
	.__tel a[href^="viber://"],
	.__tel a[href^="https://t.me"] {
		display: none;
	}
	div.soical-links--bottom {
		bottom: 80px;
	}
	div.niz {
		overflow: visible;
	}
	.personal-all {
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: -145px;
	}
	div.soical-links--bottom {
		left: 0;
		margin: 0 auto !important;
	}
	div.niz2 {
		padding-bottom: 10px;	
	}
	div.niz2 .s4et {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.accordion-item.accordeon-context {
		background-image: none;
	}
	div.soical-links--bottom {
		position: static;
		order: -1;
		width: 100%;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	div.soical-links--bottom h3 {
		text-align: center;
	}
	div.niz div.contakt_bottom {
		position: static;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
    	margin: 0;
	}
	div.niz div.contakt_bottom .footer-address + br {
		display: none;
	}
	div.niz div.contakt_bottom div:first-child,
	div.niz div.contakt_bottom div.footer-address {
		margin-left: 15px;
		margin-right: 15px;
		text-align: center;
	}
	div.footer-address {
		width: auto;
		margin-left: 0;
	}
	div.personal-all {
		width: 100%;
		margin-top: 25px;
	}
	.personal-all .personal-data {
		justify-content: center;
		margin-bottom: 0;
	}
	.personal-all h3 {
		margin-top: 0;
		margin-bottom: 5px;
	}
	.personal-data img {
		display: none;
	}
	a.doc_footer {
    	text-align: center;
		font-size: 12px;
	}
    .social-links-contact .line .type-pay span {
        margin: 2px;
    }
    .social-links-contact div.stchetchik {
        text-align: center;
        margin: 5px auto;
	}
    .social-links-contact .line noindex {
        margin: 5px auto;
	}
	.social-links-contact .line .type-pay {
		margin: 15px auto;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	div#soderzanie {
		background: none;
	}
	div#soderzanie .box_img .box_text {
		bottom: 0;
	}
	.header-icons-mob {
		padding-top: 12px;
		position: fixed;
		z-index: 511;
		top: 0px;
		display: flex;
		right: 180px;
		justify-content: flex-end;
		width: 100%;
	}
	.header-icon {
		width: 50px;
		height: 50px;
		margin: 0 5px;
		background-size: 100%;
		background: url(/images/image_main/social.png) no-repeat;
	}
	.header-icon--skype {
		background-position: 0 0;
	}
	.header-icon--mail {
		background-position: 0 25.168%;
	}
	.header-icon--viber {
		background-position: 0 50%;
	}
	.header-icon--tg {
		background-position: 0 75.168%;
	}
	.header-icon--phone {
		background-position: 0 100%;
	}
	.caruselDiv2 {
		display: none;
	}
	.services-table .option-row .option img {
		width: 95px !important;
	}
	.our-managers .manager {
		min-width: 90%;
	}
	.manager-btn-wrap .btn {
		margin-left: auto;
		margin-right: auto;
	}
	.our-managers {
		margin-top: 0;
	}
	.our-managers div.manager {
		padding-bottom: 25px;
	}
	.grifon_bottom {
		display: none;
	}
	div.shuttle {
		animation-name: bounceInRight;
		left: 346.713px;
		overflow: hidden;
		top: 49.63px;
		visibility: visible;
		width: 411px;
	}
	div.poiskivie_prodvizenie_money {
		display: none;
	}
	div#soderzanie .box_img {
	margin: 0 10px 10px;
	}
	h3.money_h3 {
		padding-left: 10px;
	}
	.inputs-consult a {
		top: 0px;
	}
	.inputs-consult a:hover {
		top: 0px;
	}
	.close-menu {
		width: 50px;
		height: 50px;
		background: #0db500;
		position: absolute;
		top: 0;
		right: 25px;
		display: block;
	}
	.close-menu:before {
		content: "";
		width: 100%;
		height: 2px;
		transform: rotate(45deg);
		position: absolute;
		top: 48%;
		left: 0;
		background: #fff;
	}
	.close-menu:after {
		content: "";
		width: 100%;
		height: 2px;
		transform: rotate(-45deg);
		position: absolute;
		top: 48%;
		left: 0;
		background: #fff;
	}
	div.tablica1 {
		background: #dbdbdb url("../images/table_center.jpg") repeat-y scroll 240px top;
	}
	div.tablica2 {
		background: rgba(0, 0, 0, 0) url("../images/table_top.jpg") no-repeat scroll -1198px top;
	}
	div.tablica3 {
		background: rgba(0, 0, 0, 0) url("../images/table_bottom.jpg") no-repeat scroll -1198px bottom;
	}
	table.tablica th.col1 {
		width: 65px;
	}
	table.tablica th.col2 {
		width: 203px;
	}
	div.colonna {
		right: -35px;
	}
	a.zakaz_button {
		font-size: 14px !important;
	}
	.imageflowCenter, .imageflowh3 {
		display: none;
	}
	.money_ico-title {
		width: auto;
	}
	.page-money .money_ico-title::before,
	.page-money .money_ico-title::after {
		display: none;
	}
	div.text_box {
		font-size: 1vw;
	}
	table.podderzka td {
		padding: 5px 10px;
	}
	div.on_the_full_width {
		margin-left: -15px;
		margin-right: -15px;
		padding: 20px;
	}
	.sravnenie {
		display: none;
	}
	div.best_div div {
		width: 50%;
	}
	div.best_div h3 {
		font-size: 18px;
	}
	div.portfolio_box {
		width: 50%; 
		font-size: 2vw;
	}
	div.portfolio_box:nth-child(n+7) {
		display: none;
	}
	div.text_h2, div.sozdanie_sajta > div.text_h2 div.text_h2 {
		padding: 0;
	}
	div.accordion-item > h3, div.accordion-item > a > h3 {
		padding-left: 17px;
	}
		
	
	div.left_column{
		display: none;
	}
	article.no_right, article {
		width: 100%;
	}
	.site-example-slider {
		width: calc(100% - 30px);
		margin-left: auto;
		margin-right: auto;
	}
	.landing-sales-block {
		width: 80%;
	}
	.review-item a {
		border: none;
		margin: 10px;
	}
	.new-top-block .right .images {
		margin-bottom: 0;
	}
	.landing-sales-block {
		padding: 15px 5px;
	}
	.landing-sales-block--prices_new {
		font-size: 25px;
	}
	.services .seo-text {
		display: block;
	}
	div.money_ico1.social div.money_value {
		margin-left: 0;
	}
	.flex-table .column {
		width: 100% !important;
	}
	.flex-table .column .row {
		max-height: none;
	}
	.flex-table .column .row:last-child {
		height: auto;
	}
	div.flex-table .column.text {
		margin: 0 0 43px 0;
	}
	.flex-table .column .row:nth-child(2) {
		height: auto;
	}
	body, table, p, .__c_address span, body div.text_m2 p, .site-position span.a_href, div.coment, div.best_div span, div.money_ico, div.money_ico p, .pripiska, div.tarif {
		font-size: 14px;
	}
	.services-table .service-row, .services-table .option-row {
		flex-wrap: wrap;
	}
	.documents-links .document {
		max-width: none;
	} 
	.manager-reklama-full .achievements {
		flex-wrap: wrap;
	}
	ul.none_1   {
	 list-style: none !important;
	}
	.table_center {
		max-width: 1260px !important;
	}
	.main_conteiner{
		width: 100%;
	}
	.dop_t_bottom,
	#flash {
		display: none;
	}
	/*body div.grifon,*/
	body div.grifon3,
	body .main_conteiner div.grifon4,
	body div.sity,
	body div.sity2{
		height: auto;
		padding: 0px;
		background: transparent;
	}
	div.text_m.row,
	div.personaz,
	div.colonna,
	body div.sity,
	body div.sity2{
		display: none !important;
	}

	.white-comp {
		top: 60px;
		left: 0;
	}

	
	.main div#soderzanie,
	div#soderzanie{
		width: 100%;
	}
	div.niz div.contakt_bottom{
		bottom: -30px;
	}
	div.money_ico,
	div.money_ico p {
		font-size: 12px;
	}
	.warning_div.money_ico1{
		background-size: 120px;
	}
	div.contakt_div div{
		font-size: 0;
		height: auto;
	}
	div.contakt_div > div:first-child:before{
		margin-top: 0px;
	}
	.openbtn{
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 9999;
		display: block;
		padding: 15px 20px;
		background: #fff;
		
		font-weight: 700;
		font-size: 18px;
		color: #e62659;
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
	}
	body.main .openbtn{
	  position: absolute;
	  top: 275px;
		width: 280px;
		margin: 0px auto;
		border-radius: 30px;
		box-shadow: none;
	}
	.menu-burger{
		float: left;
		display: block;
		width: 35px;
		margin: 0px 15px 0px 0px;
	}
	.menu-burger .icon-bar{
		display: block;
		height: 2px;
		margin-top: 4px;
		background: #e62659;
	}
	.menu-burger .icon-bar:first-child{
		margin-top: 2px;
	}
	#manu_flash {
	    position: fixed;
	    top: 0px;
	    left: 0;
	    z-index: 9999;
	    height: 100%;
	    width: 0;
	    padding: 15px 0px;
	    background: url("../images/border-right.png") right top no-repeat #fff;
	    box-shadow:  5px 5px 10px 0px rgba(0, 0, 0, 0.2);
	    overflow-y: auto;
	    transition: 0.5s;
	}
	#manu_flash > ul {
		height: 300px;
		overflow-y: scroll;
	}
	.manu_flash a {
	font-size: 18px;
	}
	.left_column .openbtn,
	.left_column .closebtn{
		display: block;
	}
	#manu_flash .closebtn {
		position: absolute;
		top: 0px;
		right: 35px;
		display: block;
		z-index: 99999;
		text-decoration: none;
		font-size: 36px;
	}
	div.dom,
	div.mail{
		display: none;
	}
	div.soderzanie1{
		padding: 0px 20px;
	}

	.portrait{
		float: none;
		width: 220px;
		margin: 0px auto;
		background-position: center 0px;
	}
	.manager-desc{
		width: auto;
		max-width: 280px;
		float: none;
		margin: 0px auto;
		text-align: center;
	}
		.manager-desc .askme{
			margin: 20px auto 0px;
		}
	.float_left.width_10{
		padding: 0px 10px;
	}
	div.s_div{
		min-width: auto;
		padding: 0px 10px 60px;
	}
	body .caruselDiv{
		width: 100%;
		padding: 0 15px 40px 15px;
	}
	.caruselDiv .slick-dots {
		bottom: unset;
	}
	/* body .caruselDiv .slick-slide img{
		width: 90px;
		height: 60px;
	} */
	body .caruselDiv2{
		width: 100%;
		overflow: hidden;
	}
	body .caruselDiv2 .slick-slide img{
		max-width: none !important;
	}
	#soderzanie .ul_style img{
		display: inline;
		margin: 0px !important;
	}
	.internet a.portfolio_cirle{
		display: block;
		text-align: center;
	}
	.VideoTemplater img{
		display: block;
		width: 90%;
		margin: 0px auto;
	}
	.VideoTemplater .otherButtons,
	.main #buttonYoutub{
		top: 45% !important;
	  left: 0px !important;
	  right: 0px !important;
	  margin: 0px auto;
	}
	div#portfolio_navigator{
		display: none;
	}
	.podderzka,
	.tablica.t_money{
		min-width: 600px;
		overflow-x: auto;
		word-wrap: break-word;
	}
	.tablica.t_money + br{
		display: none;
	}
	div.tablica3{
		background: #eee;
	}
	a.thetemafilter{
		width: 50%;
		margin: 0px 0px 10px;
	}
	.allpages-manager{
		width: 100%;
	}
	#bred,
	#bred.active{
		display: none;
	}
	h1, .h1 {
		font-size: 22px;
		text-align: center;
	}
	.h1_start,
	.h1_middle,
	.h1_end {
		display: block;
		text-align: center;
	}
	.h1_start {
		font-size: 1.4166em;
	}
	h2, .h2, .h0 {
		font-size: 18px;
	}
	body.vakansii #soderzanie  h2{
		text-align: left;
	}
	.ol_style li .vacancy_zp{
		position: static;
		width: auto;
	margin-left: 25px;
	}
	.prodvizhenie-saytov .soderzanie1 > p:first-child{
		margin-top: 30px;
		padding: 0px !important;
		text-align: right;
	}
	.niz {
		overflow-x: hidden;
	}
	body div.stchetchik{
		width: 100%;
	}
	
	a.doc_footer{
		width: 100%;
	}
	div.niz div.contakt_bottom{
		
		bottom: -140px;
	}
	div.niz div.contakt_bottom > h3:last-child{
		margin-bottom: 60px;
	}
	.money_ico-title h2 {
		font-size: 23px;
	}
	.services .my-row > div {
		margin: 1%;
	}
	.shuttle, .strela{
		display: none;
	}
	.fst_img_soderzhanie {
		width: 90% !important;
	}
	#soderzanie .site-position td {
		text-align: center;
	}
	.text_h1, .text_h1 img {
		width: 100% !important;
		left: 0 !important;
	}
	.l-modal-window__container {
		margin-top: 62px;
		max-width: calc(100% - 20px);
		width: 100%;
	}
	.l-modal-window__main-text {
		width: 100%;
	}
	.l-modal-window__container .b-modal-window__main-text {
		font-size: 22px !important;
	}
	.pr_blok_1{
		width: 100%;
	}
	.pr_blok_2{
		width: 100%;
	}
	.pr_blok_2 img{
		width: 300px;
		display: block;
		margin: 0 auto;
	}
	.pr_blok_1 .ol_style{
		padding: 0;
	}
	.beget_pr_box{
		width: auto;
		display: block;
		margin: 0 auto;
	}
	.skills-block {
		padding-top: 35px;
		padding-right: 15px;
		padding-bottom: 40px;
		padding-left: 15px;
		font-size: 12px;
	}

	.skills-content__title {
		font-size: 4.4em;
	}
	.skills-content__subtitle {
		font-size: 1.8em;
	}

	.skills-chart__text:not(.skills-chart__text_online) {
		font-size: 0.7rem;
	}

	.skills-block__video {
		display: none;
	}
	.skills-block__video img,
	.skills-block__video video {
		width: 100%;
	}
	.skills-progress-bar {
		display: none;
	}
	.poriadok-raboti-wrapper {
		display: none;
	}
	.shop-calc-title {
		text-align: center;
	}
	.shop-calc-form table {
		margin: 0 auto;
	}

	.tpl-exampl {
		text-align: center;
	}

	.tpl-exampl .btn-flat {
		margin-left: auto;
		margin-right: auto;
	}

	.yandex-rating-widget {
		position: static;
		text-align: center;
	}

	.button-switch-menu-city {
		top: 80px !important;
		right: 25px !important;
		left: unset !important;
		color: #000;
	}


	.no_main .button-switch-menu-city {
		transform: none !important;
	}


	.boxs_img-wrap .read-more button, .read-mores, .portfolio-opencart .read-more button {
		font-size: 15px;
	}

	.yandex_certificate {
		display: block;
		position: static;
	}

	form.consult_form {
		background-image: unset;
		padding-bottom: 20px;
	}


	.prodvizenie-cost .prodvizenie-step-title {
		margin-left: 0;
		text-align: center;
		justify-content: center;
	}

	.prodvizenie-cost .prodvizenie-step-title h2 {
		font-size: 28px;
		text-align: left;
	}


	div.text_h2 {
		box-shadow: none;
	}
	.money_ico-title {
		margin-top: 0;
	}

	.link-to-brief-wrap {
		margin-top: 20px;
		text-align: center;
	}

	.link-to-brief {
		position: static;
		display: inline-block;
	}

	.link-to-brief--title {
		text-align: center;
	}

	.link-to-brief--text {
		text-align: center;
	}


	body:not(.main) .button-switch-menu-city-wrap {
		top: 90px;
		right: 15px;
		width: auto;
	}

	.production-time-row__image {
		max-width: unset;
	}
	.production-time-row__title {
		font-size: 23px;
	}
	.production-time-row__text,
	.production-time-row__acc {
		font-size: 14px;
	}

	.production-time__title {
		margin-top: 15px;
		font-size: 25px;
	}
	.production-time__title span {
		display: block;
	}
	.production-time__text,
	.production-time__acc {
		font-size: 16px;
	}


	.row-cutaway .title-h2 {
		margin-bottom: 5px;
	}
}


@media (min-width: 768px) {
	div.money_ico1:hover {
		z-index: 99;
	}
	div.money_ico1 .money_ico__inner {
		position: absolute;
		width: 100%;
		z-index: 10;
	}
	div.money_ico1:hover .money_ico__inner {
		box-shadow: 0px 3px 24px 1px rgb(204 231 255 / 66%);
	}
	div.money_ico1.money-drop-down .money_ico__inner {
		will-change: height, transform;
		transition: height 0.35s, transform 0.25s, box-shadow 0.25s;
	}
	div.money_ico1.money-drop-down:hover .money_ico__inner {
		/* height: auto; */
	}
	div.money_ico1:hover .money_ico__inner::after {
		opacity: 1;
	}

	div.money_ico1:not(:hover) .description {
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	div.money_ico1:hover .description {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.5s ease-in;
	}
	div.money_ico1:hover .ul_arrows_left {
		display: block !important;
	}
	div.money_ico1:hover .money_ico2__image-wrap img.hover-image {
		opacity: 1;
		visibility: visible;
		animation: imageCircleClip;
		animation-duration: 1s;
		animation-timing-function: ease-out;
	}

	@keyframes imageCircleClip {
		0% {
			clip-path: circle(0% at 50% 50%);
		}
		100% {
			clip-path: circle(100% at 50% 50%);
		}
	}

	.menu-top_mob {
		display: none;
	}

	.free-consultation {
		display: none;
	}
}

@media screen and (max-width: 767px) {

	.caruselDiv2 {
		margin-left: 0;
		margin-right: 0;
	}

	.seo-section .slick-slider {
		margin-left: -10px;
		margin-right: -10px;
	}

	.seo_table .slick-slide {
		margin-left: 10px;
		margin-right: 10px;
	}

	.reviews {
		padding: 20px 15px;
	}

	.reviews .slick-prev {
		left: -30px;
	}

	.reviews .slick-next {
		right: -30px;
	}

	a.linkhis {
		position: absolute;
	}
	a.linkhis.next {
		right: 0;
	}
	a.linkhis.prev {
		left: 0;
	}

	div.text_h2 {
		border: none;
	}

	.text_h2__container {
		gap: 15px;
		grid-template-columns: repeat(2, 1fr);
	}

	div.sozdanie_sajta.akordeon_money {
		margin-bottom: 15px;
	}

	.prodazhi-cherez-internet-title,
	.prodazhi-cherez-internet {
		display: none;
	}

	.filter_tema {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 0;
		padding-right: 0;
	}

	.filter_tema li a {
		margin-left: 3px;
		margin-right: 3px;
		padding: 0 10px;
	}


	.poriadok-raboti-container {
		display: none;
	}


	.number-item--val {
		font-size: 42px;
	}


	.prodvizenie-calc {
		padding: 20px;
	}

	.prodvizenie-calc input[type="text"] {
		font-size: 22px;
	}

	.prodvizenie-calc__input-wrap {
		font-size: 10px;
	}

	.prodvizenie-calc label {
		font-size: 14px;
	}

	.prodvizenie-calc__result {
		margin-top: 40px;
	}
	

	.blog_item p,
	.blog_item-bottom {
		display: none;
	}

	.row-cutaway .links a {
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px;
	}
	.row-cutaway .links a i {
		margin-right: 5px;
	}

	.modal-form #cboxLoadedContent, #cboxLoadedContent {
		padding: 15px;
	}


	.quiz-sozdanie-sajta__btn > .u-btn {
		flex: 1;
	}
	.quiz-sozdanie-sajta__btn > .u-btn > span {
		padding-left: 15px;
		padding-right: 15px;
	}

	div.money_ico div.money_a {
		display: none;
	}
	div.money_ico2 {
		min-height: unset;
		padding-bottom: 80px;
	}
	div.money_ico div.money_value {
		bottom: 15px;
	}


	.preimushestva-sozdania-title {
		font-size: 22px;
	}


	.quiz-sozdanie-sajta__item_33 {
		width: 50%;
	}

	.logo-examples-container {
		grid-template-columns: 1fr 1fr;
	}


	.blog_item h2 {
		text-transform: none;
		font-size: 14px;
		font-weight: normal;
	}

	.blog_item {
		padding-left: 5px;
		padding-right: 5px;
	}

	.modal-form.modal-form-seo #universal_form {
		padding: 16px 25px 15px 25px;
		overflow-y: auto;
	}
	.seo_form_rocket img {
		width: 60px;
		height: auto;
	}

	.universal_form .seo_form_rocket {
		right: -50px;
	}

	.seo-form-calc {
		display: block;
	}

	#universal_form .seo-form-calc .submit {
		width: 100%;
		padding: 12px 25px 13px;
	}

	#universal_form .seo-form-calc input[type="text"], 
	#universal_form .seo-form-calc input[type="tel"] {
		font-size: 16px;
	}

	#universal_form .seo-form-calc .form-special {
		margin-bottom: 0;
	}

	#universal_form .seo-form-calc .form-special span {
		font-size: 14px;
	}

	#universal_form .seo-form-calc .form-title {
		margin-bottom: 10px;
		font-size: 19px;
	}

	#universal_form .seo-form-calc .form-subtitle {
		margin-bottom: 10px;
		font-size: 14px;
	}

	#universal_form .seo-form-calc textarea {
		height: 150px;
		font-size: 14px;
	}

	#universal_form .seo-form-calc textarea::placeholder {
		font-size: 14px;
	}

	.seo-form-calc .form-frame__footer {
		padding: 0;
	}
	.seo-form-calc .btn-next {
		font-size: 20px;
    	padding: 15px 20px;
	}
	.seo-form-calc .btn-next .icon {
		margin-left: 10px;
	}

	.site-spin__row > * {
		width: 100%;
	}


	.site-spin__title {
		font-size: 30px;
	}
	

	div.inputs-consult {
		position: static;
		margin-top: 10px;
		margin-left: 0;
		padding: 0 20px 20px;
	}
	.inputs-consult__pd {
		margin-left: 0;
		padding: 5px 0;
	}
	form.consult_form h3 {
		position: static;
		margin-left: 0;
		padding: 0 20px;
		text-align: center;
	}


	div.text_h2 .money_ico-title {
		margin-bottom: 20px;
	}

	.documents-links {
		margin-top: 0;
		margin-bottom: 0;
	}

	div.sity_worck {
		margin-top: 0;
	}

	.services-table .service-row {
		padding: 11px;
	}

	.start-of-sales__block3-title {
		font-size: 24px;
	}

	.start-of-sales__block3-list-title {
		font-size: 16px;
	}

	.logo-top svg {
		width: 75px;
	}
	.logo-top__right div:nth-child(1) {
		font-size: 11px;
	}
	.logo-top__right div:nth-child(2) {
		font-size: 9px;
	}
}


@media screen and (max-width: 640px) {
	.inputs-consult {
		flex-direction: column;
	}

	.inputs-consult input,
	.inputs-consult .submit {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}

}

@media (max-width: 600px) {
	div.right_column {
		display: none;
	}
	.services .my-row > div.website-development {
		padding-bottom: 50px;
	}
	.vak_block {
			width: 100%;
		}
	.vak_block_f {
		margin-right: 0%;
	}
	.vak_box2_b5 {
			text-align: center;
		}
	.vak_box1, .vak_box2 {
			height: 215px;
		}
	.vak_block {
			margin-bottom: 30px;
		}
	.services-table .service-row .name,
	.services-table .service-row .options,
	.services-table .option-row .option,
	.services-table .option-row .price {
		width: auto;
	}
	.services-table .option-row {
		padding: 0;
	}
	.manager-reklama-full .serts-ul .serts > div {
		width: 100%;
	}
	.manager-reklama-full .foto-contacts {
		flex-wrap: wrap;
	}
	.manager-reklama-full .portrait {
		height: auto;
		margin: 0 auto;
	}
	.manager-reklama-full .buttons_block a.askme {
		margin: 0 auto;
	}
	.manager-reklama-full .serts-ul .ul li {
		white-space: normal;
	}
	.services .website-development,
	.services .design {
		min-width: fit-content;
	}
	.services ,
	.services .my-row:nth-child(2) .design{
		height: auto;
	}
	.services .seo-text {
		flex-wrap: wrap;
		justify-content: center;
	}
	.relativ.othr img {
		width: auto !important;
		box-sizing: border-box;
	}
	.services .my-row:first-child .website-development {
		height: auto;
	}
	.services .website-development .links {
		justify-content: flex-start;
	}
	.services .links ul {
		width: auto;
	}
	.services .seo, .services .advertising,
	.services .outdoor-advertising, .services .support{
		width: 100%;
	}
	.services .my-row > div {
		margin: 5% 1%;
	}
	div.accordion-item p {
		font-size: 12px;
	}
}

@media (max-width: 550px) {
	.h2_portfolio {
		text-align: center;
	}
	div.money_ico1.social .money_ico2 {
		background: none;
		padding-left: 5%;
	}
}

@media (max-width: 540px) {
	.price-block {
		flex: 100%;
		max-width: unset;
		margin-right: 0;
	}


	div.money_ico2 {
		min-height: initial;
		padding-left: 10px;
		padding-right: 10px;
	}

	.money_ico2__image-wrap {
		margin-left: -10px;
		margin-right: -10px;
	}

	.money_ico_img {
		max-width: 65% !important;
		height: auto;
	}

	div.money_ico1:not(.social) .money-item__title, .money_ico2 > h3 {
		margin: 0;
	}

	div.money_ico div.money_value {
		font-size: 16px;
	}

	div.money_ico1 {
		min-height: initial;
	}

	.money_ico__inner {
		position: static;
	}

	div.money_ico .ul_arrows_left li {
		line-height: 1.1;
	}

	div.money_ico div.money_a {
		bottom: 6px;
		width: calc(100% - 6px);
		flex-direction: column;
	}

	.money_ico1 .description {
		display: none;
	}


	.blocks-prices-item--title,
	.blocks-prices-item ul {
		margin-left: 0;
	}
	.blocks-prices-item--subtitle {
		position: relative;
		z-index: 2;
	}
	.blocks-prices-item::before {
		opacity: 0.8 !important;
	}


	.quiz-sozdanie-sajta__item_50 {
		width: 100%;
	}

	.quiz-sozdanie-sajta__item_33 {
		width: 100%;
	}
}


@media (max-width: 500px) {
	.header-icons-mob {
		padding-top: 66px;
		top: 0px;
		right: 0px;
		padding-right: 10px;
		background-color: #fff;
		box-shadow: 0 10px 10px 0 rgba(0,0,0, .1);
	}
	.grifon4 > a {
		z-index: 520; 
		display: block;
		background-position: right top;
	} 
	div.internet_online {
		padding-left: 30px;
		background-position: -230px bottom;
	}
	div.internet_time {
		padding-right: 30px;
		background-position: -30px bottom;
	}
	div.best_div div {
		width: 100%;
		border-right: 0;
	}


	form.consult_form .h3 {
		position: static;
		margin-top: 0;
		margin-left: 0;
		text-align: center;
	}

	div.inputs-consult {
		position: static;
		width: 100%;
		margin: 0;
	}

	.quiz-sozdanie-sajta__control-wrap {
		margin-top: 15px;
	}
	.quiz-sozdanie-sajta__progress {
		margin-top: 15px;
	}
	.quiz-sozdanie-sajta__item-subtitle {
		margin-bottom: 8px;
	}
	.quiz-sozdanie-sajta__item_textarea {
		margin-bottom: 15px;
	}
	.checkmark-image-text__row {
		gap: 10px;
	}
	.checkmark-image-text__item-image {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 15px;
	}
	.checkmark-image-text__item-caption {
		padding: 0 5px;
		font-size: 16px;
	}
	.checkmark-image-text__item-description {
		padding: 0 5px;
		font-size: 12px;
	}
	.quiz-sozdanie-sajta__btn {
		margin-top: 15px;
	}
}





@media(max-width: 479px) {
	.num-block__number {
		font-size: 3.3em;
	}

	.button-switch-menu-city-wrap {
		top: 60px;
		right: 15px;
	}

	div.money_ico1:not(.social) .money-item__title, .money_ico2 > h3 {
		padding-top: 15%;
	}

	.money-item__title h3 {
		font-size: 12px;
	}

	.seo-bottom__period {
		margin-right: 0;
	}

	.row-cutaway .links a {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 12px;
	}
}

@media screen and (max-width: 460px) {
	body div#soderzanie .box_img{
 	 	width: 163px;
		height: 163px;
	}
	div#soderzanie .box_img {
		margin: 0 5px 5px;
	}
	div#soderzanie .box_img .box_text {
		font-size: 12px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 80px;
		padding: 10px
	}
	div#soderzanie .box_img .box_text a {
		display: none;
	}

	.white-comp {
		left: 0;
	}
}


@media screen and (max-width: 450px) {
	.services .website-development .links {
		display: block;
	}
}

@media screen and (max-width: 430px) {
	.new-top-block .result img{
		left: -130px;
	}
	.new-top-block .result .places h4,
	.new-top-block .result .advert h4	{
		font-size: 11px;
	}
}


@media screen and (max-width: 420px) {
	.numbers-row_icon .number-item--val {
		margin-bottom: 10px;
		letter-spacing: -2px;
	}
}


@media (max-width: 400px) {
	div.text_box {
		font-size: 1.2vw;
	}

	#universal_form .seo-form-calc textarea {
		height: 130px;
	}
}

@media (max-width: 360px) {
	.preimushestva-sozdania-title {
		font-size: 18px;
	}
}

@media (min-width: 1920px) {
	.prodvizenie-cost, div.prodvizenie-step-2, div.prodvizenie-step-3 {
		background-size: cover;
	}
}



/* Old styles.css */

*:focus {
    outline: none;
}

.form_hint,
.required_notification {
	font-size: 11px;
}

.contact_form {
	padding: 4px;
	background: #fff;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 600px;
}

.recent .our-managers .manager {
	width: 40%;
}


.contact_form p {
	width: 650px;
	margin: 7px 10px 7px 10px;
	padding: 0px;
}

p.agreeText {
	word-break: break-word;
	max-width: 290px;
	margin-top: 17px;
	font-size: 12px;
	color: #8c8c8c;
	text-align: justify !important;
}

input#agrees {
	position: relative;
	top: 2px;
}

a.submit.button.form_submit[disabled="disabled"] {
	pointer-events: none;
	background: #696969;
	border-color: #444 !important;
	box-shadow: none;
}


.contact_form label {
	width: 150px;
	margin-top: 3px;
	display: inline-block;
	float: left;
	padding: 3px;
}

.contact_form input {
	height: 20px;
	width: 220px;
	padding: 5px 8px;
}

.contact_form textarea {
    padding: 8px;
    width: 300px;
}

.contact_form button {
    margin-left: 156px;
}


.contact_form input,
.contact_form textarea {
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2px;
	padding-right: 30px;
	-moz-transition: padding .25s;
	-webkit-transition: padding .25s;
	-o-transition: padding .25s;
	transition: padding .25s;
}

.contact_form input:focus,
.contact_form textarea:focus {
	background: #fff;
	border: 1px solid #555;
	box-shadow: 0 0 3px #aaa;
	padding-right: 70px;
}

/* === HTML5  === */
.contact_form input:required,
.contact_form textarea:required {
    background: #fff no-repeat 98% center;
}

.contact_form input:required:valid,
.contact_form textarea:required:valid {
    background: #fff no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

.contact_form input:focus:invalid,
.contact_form textarea:focus:invalid {
    background: #fff no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

.form_hint {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin-left: 8px;
    padding: 1px 6px;
    z-index: 999;
    position: absolute;
    display: none;
}

.form_hint::before {
    content: "\25C0";
    color: #d45252;
    position: absolute;
    top: 1px;
    left: -6px;
}

.contact_form input:focus+.form_hint {
    display: inline;
}

.contact_form input:required:valid+.form_hint {
    background: #28921f;
}

.contact_form input:required:valid+.form_hint::before {
    color: #28921f;
}

.submit {
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border: none;
    border-bottom: 3px solid #C10000;
    transition: all .2s;
    width: 150px;
    margin-top: 20px;
    padding: 12px;
    border-radius: 6px;
    background-color: #f00;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff !important;
}

.submit:hover {
    transform: translateY(-2px);
}


/* universal_Form */
#universal_form,
.review-form {
    width: auto;
    height: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


#universal_form span {
    color: red;
    font-weight: bold;
}

#universal_form p {
    padding-bottom: 15px;
    text-align: center;
}

#imgcode {
    float: left;
}

#universal_form input[type=text],
#universal_form input[type=tel],
.review-form input[type=text],
#universal_form textarea,
.review-form textarea {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    background-color: #ebebeb;
    font-size: 16px;
}



/* end universal_Form */

/* review-form */
.review-form .section-title {
    margin-bottom: 30px;
}

.review-form input[type="text"],
.review-form textarea {
    width: 100%;
    margin: 20px 0;
    box-sizing: border-box;
}

/* review-form */

.popup_wrapper {
    position: fixed;
    overflow: auto;
    z-index: 100001;
    transition: all 0.3s;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    display: none;
    background: rgba(219, 219, 219, 0.39);
}

#popupstatus {
    width: 400px;
    background-color: #F5F5F5;
    /* padding: 15px 19px; */
    border-radius: 8px;
    box-shadow: 0 0 15px #555 !important;
    text-align: center;
    max-width: 500px;
    transform: translateX(0) translateY(-40%);
    -o-transform: translateX(0) translateY(-40%);
    -moz-transform: translateX(0) translateY(-40%);
    -webkit-transform: translateX(0) translateY(-40%);
}

.popup_content {
    display: inline-block;
    outline: none;
    transition: all 0.3s;
    text-align: left;
    position: relative;
    vertical-align: middle;
}

#popupstatus .head {
    font-size: 16px;
    font-weight: 600;
    background: #eee;
    background: linear-gradient(to bottom, #eee 0%, #ddd 100%);
    color: #666;
    margin: 0;
    padding: 17px 19px 15px;
    border-bottom: solid 1px #d2d2d2;
    text-shadow: 1px 1px 0 #f8f8f8;
    border-radius: 8px 8px 8px 8px;
}

#popupstatus .head .close {
    position: absolute;
    top: 8px;
    right: 14px;
    opacity: 1.0;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
    height: 7px;
}

.read-more .btn-arrow.close::before {
    transform: rotate(180deg)
}

.popup_align {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#popupstatus .head .close:hover {
    background: #dedede;
    box-shadow: inset 0 1px 1px #777, inset 0 -1px 1px #fff;
    ;
}

.experience {
    text-align: center;
}

.mini_price {
    position: relative;
    width: 90%;
    padding-top: 20px;
    margin: 10px auto 30px;
    background: #fff;
    border: 1px solid #d1cfd2;
    border-radius: 5px;
}

.mini_price caption a,
.mini_price caption {
    text-align: center;
    color: #0d74db;
    text-decoration: none;
    padding-bottom: 5px;
    
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 16px;
}

.mini_price:after {
    position: absolute;
    bottom: -16px;
    left: 8px;
    right: 0px;
    content: '';
    display: block;
    margin: 0px auto;
    height: 15px;
    background: url(/images/right_column_shadow.png) 0px 0px no-repeat;
    background-size: 100% 100%;
}

.mini_price table {
    margin: 0px auto 9px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d1cfd2;
    color: #686868;
}

.mini_price table:last-child {
    border-bottom: none;
}

.mini_price table td {
    padding: 0px 5px 5px 10px;
}

.right_column2__img {
	display: block;
	max-width: 90%;
	margin: 0 auto 20px;
}

.act_block {
    text-align: center;
}

.mini_price a.btn_order {
    display: block;
	width: 130px;
    margin: 0px auto;
    text-align: center;
	text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.mini_price a.btn_order > span {
	display: block;
	padding: 12px 0px 10px;
    background: #5ab100;
    background-image: -webkit-linear-gradient(to top #5bb201, #6fc800);
    background-image: -moz-linear-gradient(to top #5bb201, #6fc800);
    background-image: -o-linear-gradient(to top #5bb201, #6fc800);
    background-image: linear-gradient(to top #5bb201, #6fc800);
    border-bottom: 2px solid #54a500;
    border-radius: 5px;
	transition: all 0.2s ease-out;
}

.mini_price a.btn_order:hover span {
    transform: translateY(-4px);
    box-shadow: 0px 4px 9px rgb(0 0 0 / 20%);
}

.mini_price a.view_all {
    display: inline-block;
    margin: 15px auto;
    text-align: center;
    text-transform: lowercase;
    color: #676767;
    cursor: pointer;
}

.mini_price a.view_all:hover {
    color: red;
}

h3.download a {
	text-decoration: none;
}
h3.download span {
    margin-left: 10px;
    font-size: 14px;
    color: #b0b0b0;
}

.why-we-are-better {
    padding-top: 40px;
    padding-bottom: 50px;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 1080px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.why-we-are-better img {
    max-width: none !important;
}

.why-we-are-better .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../img/bg.jpg) no-repeat center center;
}

h2.label {
    font-size: 40px;
    color: #181818;
    font-weight: 600;
    display: block;
    text-align: center;
    margin: 0 0 30px;
    position: relative;
    z-index: 1;
}

h2.label span {
    padding: 5px 30px;
    position: relative;
    display: inline-block;
}

.our-team h2 span,
.smm .why-it-necessary h2 span,
.why-we-are-better h2 span {
    color: #fff;
    
}

.why-we-are-better h2 span:before,
.our-team h2 span:before {
    border-bottom: 20px solid #ff9c00;
}

.why-we-are-better h2 span:after,
.our-team h2 span:after {
    border-top: 20px solid #ff9c00;
}

.container,
.container-xl {
    max-width: 1254px;
    margin: 0 auto;
    position: relative;
}

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


.container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}

@media (max-width: 1254px) {
    .container {
        padding: 0 20px;
    }
}

.why-we-are-better .panel-comments {
    position: relative;
}



.why-we-are-better .panel-comments>div {
    position: absolute;
    -moz-transition: all .8s ease !important;
    -o-transition: all .8s ease !important;
    -webkit-transition: all .8s ease !important;
    transition: all .8s ease !important;
    width: 220px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    border: 5px solid rgba(0, 0, 0, 0);
}

.why-we-are-better .panel-comments>div:hover,
.why-we-are-better .panel-comments>div.active {
    border: 5px solid #fff;
}

.why-we-are-better .panel-comments a {
    color: #fff;
}

.why-we-are-better .panel-comments p {
    text-align: left;
    text-indent: 0;
}

.why-we-are-better .panel-comments>div.p-01 {
    top: 90px;
    left: -150px;
    opacity: 0;
}

.why-we-are-better .panel-comments>div.p-01.visible {
    left: -55px;
    opacity: 1;
}

.why-we-are-better .panel-comments>div:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 15px;
    top: -15px;
    left: 0;
    background-image: url(../img/panel-comments-before.png);
    -moz-transition: all .8s ease !important;
    -o-transition: all .8s ease !important;
    -webkit-transition: all .8s ease !important;
    transition: all .8s ease !important;
    opacity: 0;
}

.why-we-are-better .panel-comments>div:hover:before,
.why-we-are-better .panel-comments>div.active:before {}

.why-we-are-better .panel-comments>div .title {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    
    font-weight: 600;
    -moz-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
    -webkit-transition: all .5s ease !important;
    transition: all .5s ease !important;
    margin-bottom: 7px;
}

.why-we-are-better .panel-comments>div:hover .title,
.why-we-are-better .panel-comments>div.active .title {
    color: #010101;
    color: #fff;
}

.why-we-are-better .panel-comments>div:after {
    content: "";
    position: absolute;
    -moz-transition: all .8s ease !important;
    -o-transition: all .8s ease !important;
    -webkit-transition: all .8s ease !important;
    transition: all .8s ease !important;
    opacity: 0;
}

.why-we-are-better .panel-comments>div:hover:after,
.why-we-are-better .panel-comments>div.active:after {
    opacity: 1;
}

.why-we-are-better .panel-comments>div.p-01:after {
    width: 52px;
    height: 59px;
    right: -52px;
    top: 10px;
    background-image: url(../img/panel-comments-p-01.png);
}

.why-we-are-better .panel-comments>div.p-02 {
    top: 60px;
    right: -150px;
    opacity: 0;
}

.why-we-are-better .panel-comments>div.p-02.visible {
    right: -55px;
    opacity: 1;
}

.why-we-are-better .panel-comments>div.p-02:after {
    width: 272px;
    height: 63px;
    left: -272px;
    top: 10px;
    background-image: url(../img/panel-comments-p-02.png);
}

.why-we-are-better .panel-comments>div.p-03 {
    top: 360px;
    left: -150px;
    opacity: 0;
}

.why-we-are-better .panel-comments>div.p-03.visible {
    left: -55px;
    opacity: 1;
}

.why-we-are-better .panel-comments>div.p-03:after {
    width: 211px;
    height: 26px;
    right: -211px;
    bottom: 10px;
    background-image: url(../img/panel-comments-p-03.png);
}

.why-we-are-better .panel-comments>div.p-04 {
    top: 375px;
    right: -150px;
    opacity: 0;
}

.why-we-are-better .panel-comments>div.p-04.visible {
    right: -55px;
    opacity: 1;
}

.why-we-are-better .panel-comments>div.p-04:after {
    width: 134px;
    height: 28px;
    left: -134px;
    bottom: 10px;
    background-image: url(../img/panel-comments-p-04.png);
}

.why-we-are-better .panels {
    width: 780px;
    height: 752px;
    position: relative;
    margin: 0 auto;
}

.why-we-are-better .panels .panel {
    position: absolute;
    right: 0;
    opacity: 0;
    -moz-transition: all .7s ease !important;
    -o-transition: all .7s ease !important;
    -webkit-transition: all .7s ease !important;
    transition: all .7s ease !important;
}

.why-we-are-better .panels .panel.visible {
    opacity: 1;
}

.why-we-are-better .panels .panel.visible {
    opacity: 1;
}

.why-we-are-better .panels .panel.p-01 {
    top: 153px;
}

.why-we-are-better .panels .panel img {
    position: absolute;
    right: 0;
    -moz-transition: all .8s ease !important;
    -o-transition: all .8s ease !important;
    -webkit-transition: all .8s ease !important;
    transition: all .8s ease !important;
}

.why-we-are-better .panels .panel img:first-child {
    opacity: 1;
}

.why-we-are-better .panels .panel:hover img:first-child,
.why-we-are-better .panels .panel.active img:first-child {
    opacity: 0;
}

.why-we-are-better .panels .panel img:last-child {
    opacity: 0;
}

.why-we-are-better .panels .panel:hover img:last-child,
.why-we-are-better .panels .panel.active img:last-child {
    opacity: 1;
}

.why-we-are-better .panels .panel.p-02 {
    top: 103px;
}

.why-we-are-better .panels .panel.p-03 {
    top: 50px;
}

.why-we-are-better .panels .panel.p-04 {
    top: 0;
}

.why-we-are-better .panels:before {
    width: 787px;
    height: 252px;
    content: "";
    position: absolute;
    left: -10px;
    bottom: -60px;
    background-image: url(../img/panels-shadow.png);
    -moz-transition: all 1.5s ease !important;
    -o-transition: all 1.5s ease !important;
    -webkit-transition: all 1.5s ease !important;
    transition: all 1.5s ease !important;
    opacity: 0;
}

.why-we-are-better .panels.active:before {
    opacity: 1;
}

.why-we-are-better .panels:after {
    content: "";
    position: absolute;
    width: 175px;
    height: 106px;
    background-image: url(../img/reference.png);
    right: 0;
    bottom: -15px;
    -moz-transition: all .8s ease !important;
    -o-transition: all .8s ease !important;
    -webkit-transition: all .8s ease !important;
    transition: all .8s ease !important;
    opacity: 0;
}

.why-we-are-better .panels.active:after {
    opacity: 1;
}

.fc-btn {
    box-shadow: 0 1px 0 #555;
    -moz-box-shadow: 0 1px 0 #555;
    -webkit-box-shadow: 0 1px 0 #555;
    border: 0;
    padding: 7px 14px;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    background-color: #48e;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.why-we-are-better a {
    width: 300px !important;
}

body a.fc-btn,
body a.fc-btn:hover,
body a.fc-btn:visited {
    color: #fff;
}

.why-we-are-better a.fc-btn,
.our-team a.fc-btn,
.reviews .fc-btn,
.why-it-necessary .fc-btn {
    font-size: 24px !important;
    font-weight: 400 !important;
    border-radius: 2px !important;
    -moz-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
    -webkit-transition: all .5s ease !important;
    transition: all .5s ease !important;
    font-weight: 400;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 50px auto 0;
    background-color: #1b1b1b !important;
    box-shadow: inset 0 -1px 1px 0 rgba(255, 255, 255, .3), 0 4px 1px 0 #1b1b1b !important;
    position: relative;
}

.why-we-are-better a.fc-btn:before {
    width: 335px;
    height: 55px;
    content: "";
    position: absolute;
    top: 55px;
    left: -57px;
    background-image: url(../img/shadow-01.png);
}

/*
.container-fluid {
    width: 100%;
    overflow: visible;
    max-width: 1920px;
}
*/
.why-we-are-better+#soderzanie {
    position: static;
    float: none;
    width: 100%;
}

@media (max-width: 1300px) {
    .why-we-are-better {
        display: none;
    }
}


@media (min-width: 768px) {
	.logo-register {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

.logo-reg {
	background-color: #F7F7F7;
	background-repeat: no-repeat;
}
.logo-reg__inner {
	padding: 40px 20px 60px;
}
.logo-reg__title {
	margin: 0 0 40px;
    padding: 0;
	font-size: 46px;
	font-weight: 900;
}
.logo-reg__title div {
	margin-top: 24px;
    font-size: 24px;
    font-weight: 700;
    color: #000;
}
.logo-reg__term {
	text-align: right;
}
.logo-reg__table-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
}
.logo-reg__table-row:not(:last-child) {
	border-bottom: 1px solid #000;
}
.logo-reg__table-col {
	padding: 17px 7px;
}
.logo-reg__table-col {
	font-size: 14px;
	font-weight: 400;
}
.logo-reg__table-col:nth-child(2) span {
	font-size: 34px;
    font-weight: 800;
	color: #000;
}
@media (min-width: 768px) {
	.logo-reg__inner {
		margin-left: auto;
		max-width: 395px;
		margin-right: 44px;
	}
	.logo-reg__title {
		text-align: right;
	}
	.logo-reg__table {
		max-width: 355px;
		margin-left: auto;
	}
}
@media (min-width: 1000px) {
	.logo-reg {
		background-position: calc(50% + 468px) 0;
		background-image: url(/images/logo-reg-bg.png);
	}
	.logo-reg__inner {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 1920px) {
	.logo-reg {
		background-position: 0 0;
	}
}

@media (max-width: 479.98px) {
	.logo-reg__title {
		font-size: 36px;
	}
	.logo-reg__title div {
		font-size: 22px;
	}
	.logo-reg__table-col {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 12px;
	}
	.logo-reg__table-col:nth-child(2) span {
		font-size: 28px;
	}
}


.expertise {
	background-color: #ECECEC;
	background-repeat: no-repeat;
}
.expertise__inner {
	padding: 40px 20px 60px;
}
.expertise__title {
	margin: 0 0 20px;
	padding: 0;
	font-size: 46px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
}
.expertise__descr-head {
	margin-top: 20px;
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--main-color);
}
@media (min-width: 768px) {
	.expertise__inner {
		max-width: 395px;
		margin-left: 54px;
	}
}
@media (min-width: 1000px) {
	.expertise {
		background-position: 0 0;
		background-image: url(/images/expertise-bg.png);
	}
	.expertise__inner {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 1920px) {
	.expertise {
		background-position: 100% 0;
	}
}

@media (max-width: 479.98px) {
	.expertise__title {
		font-size: 36px;
	}
}


.list {
	margin: 0;
	padding: 0;
}
.list_style_arrow li {
	list-style: none;
	padding-left: 24px;
    background: no-repeat 6px 50% / 6px url(/images/icons/right-arrow.svg);
}

.intellectual-property {
	padding: 70px 0;
}
.intellectual-property__title {
	margin-bottom: 20px;
	color: #c5c5c5;
}

.box-numeric__row {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    column-gap: 16px;
    row-gap: 14px;
	counter-reset: _box-number;
}
.box-numeric__item {
	position: relative;
    background-color: var(--grey-color);
    border-color: #dedede;
    min-height: 140px;
	padding: 7% min(12%, 45px) 5% min(26%, 105px);
    overflow: hidden;
}
.box-numeric__item::before {
	counter-increment: _box-number;
	content: counter(_box-number);
	position: absolute;
	top: 50%;
    left: -25px;
    transform: translateY(-50%);
    font-size: 140px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-align: center;
    width: 100px;
}
.box-numeric__item-title {
	margin-bottom: 10px;
    font-size: 20px;
	line-height: 1.1;
    font-weight: 600;
	text-align: left;
}
.box-numeric__item-descr {
	text-align: left;
	line-height: 1.1;
}

.b-rating {
	padding: 0 30px 50px;
	background-color: var(--grey-color);
	display: flex;
	flex-wrap: wrap;
	gap: 35px;
}
.b-rating__item {
	display: flex;
	gap: 12px;
}

.table-podderzka-wrap {
	display: none;
}
.b-podderzka {
	margin-bottom: 40px;
}
.b-podderzka__caption {
	padding: 10px 16px;
	background-color: #535a67;
    text-transform: uppercase;
	font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.b-podderzka__table {
	border: 1px solid var(--grey-border);
}
.b-podderzka__table-row {
	padding: 10px 16px;
}
.b-podderzka__table-row:nth-child(2n):not(.b-podderzka__table-row_footer) {
	background-color: var(--grey-color);
}
.b-podderzka__table-row_footer {
	padding: 0;
}
.b-podderzka__price {
	display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 10px 16px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.b-podderzka__price h3 {
	font-size: 14px;
	color: inherit;
}
.b-podderzka__table-row_footer .btn {
	display: block;
	width: 100%;
	border-radius: 0;
}

@media (min-width: 768px) {
	.b-podderzka {
		display: none;
	}
	.table-podderzka-wrap {
		display: block;
	}
	.table-podderzka-wrap table {
		font-size: 16px;
	}
	.table-podderzka-wrap .table-styled td:not(:first-child) {
		font-weight: 700;
	}
	.table-podderzka-wrap .table-styled td .btn {
		font-weight: normal;
	}
}

.development-cost-from__title {
	margin-bottom: 25px;
	padding-bottom: 0;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 400;
	text-transform: uppercase;
	color: #0e0e0e;
}
.development-cost-from {
	margin-bottom: 40px;
}
.development-cost-from__block {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 20px;
}

.development-cost-from__item {
	display: flex;
	justify-content: flex-end;
	padding: 30px 20px 14px;
	font-size: 13px;
	line-height: 1.2;
	text-align: right;
}
.development-cost-from__item * {
	position: relative;
	z-index: 2;
}
.development-cost-from__item a {
	color: inherit;
}
.development-cost-from__item-money_ico__inner {
	display: flex;
    flex-direction: column;
	max-width: 305px;
	gap: 20px;
}
.development-cost-from__item-title {
	font-size: 2.142857143em;
	font-weight: 400;
	text-transform: uppercase;
	color: #0e0e0e;
}
.development-cost-from__item-text2 {
	margin-top: auto;
}
.development-cost-from__item-term {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.development-cost-from__item-term::before {
	content: "";
	display: inline-block;
	width: 33px;
	height: 33px;
	margin-right: 14px;
	background: no-repeat url(/images/icons/timer.png);
}
.development-cost-from__item-term_w::before {
	background-image: url(/images/icons/timer_w.png);
}
.development-cost-from__item-price {
	font-size: 1.285714286em;
	color: #969696;
}
.development-cost-from__item-price_rindent {
	margin-right: 65px;
}
.development-cost-from__item-price_shdw {
	filter: drop-shadow(2px 4px 6px #fff);
}
.development-cost-from__item-price-num {
	font-size: 26px;
	font-weight: 800;
	text-transform: uppercase;
	color: #6b6b6b;
}
.development-cost-from__item-btn_rindent {
	margin-right: -15px;
}
.development-cost-from__item-btn .btn {
	background-color: #fff;
	color: #000;
}
.development-cost-from__item-btn .btn:hover {
	border-color: #b1b1b1;
}

.development-cost-from__item_design {
	flex: 5;
	position: relative;
	overflow: hidden;
	border: 1px solid #dedede;
	padding-right: 40px;
	background: no-repeat 0 100% / contain url(/images/development-cost-from/development-cost-from__bg1.jpg), #ffffff;
	background-size: calc(100% - 120px);
}
.development-cost-from__item_design::before {
	content: "TOP sales";
    display: block;
    width: 300px;
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: 0;
    transform: translate(-200px, -110px) rotate(-45deg);
    padding: 4px;
    background: #FF4533;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    text-align: center;
}
.development-cost-from__item_buisnes-landing {
	flex: 3;
	background-color: #296cbe;
	color: #fff;
}
.development-cost-from__item_buisnes-landing * {
	color: inherit;
}
.development-cost-from__item_landing-template {
	flex: 3;
	background-color: #f2f2f2;
	border: 1px solid #c8c8c8;
}

@media (max-width: 767.98px) {
	.development-cost-from__item_design,
	.development-cost-from__item_buisnes-landing,
	.development-cost-from__item_landing-template {
		flex: 100%;
	}
}


.head-line-im {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #a8528b;
}
.head-line-im__number {
	margin-left: 15px;
	color: #fff;
	text-transform: uppercase;
	font-size: 95px;
	line-height: 75px;
	font-weight: 800;
	font-style: italic;
}
.head-line-im__title {
	flex: 1;
	margin-left: 36px;
	font-size: 33px;
	color: #fff;
}
.head-line-im__drop-down {
	color: #fff;
}
.head-line-im__price {
	margin-left: auto;
	margin-right: 34px;
	font-size: 20px;
	color: #fff;
}
.head-line-im__price span {
	font-size: 33px;
	font-weight: 800;
}

@media (max-width: 767.98px) {
	.head-line-im__price {
		width: 100%;
		text-align: right;
	}
	.head-line-im__title {
		max-width: calc(100% - 90px);
	}
}
@media (max-width: 575.98px) {
	.head-line-im__title {
		font-size: 22px;
	}
}

.area-im {
	padding: 35px 35px 50px;
	border-bottom: 10px solid #a8528b;
	background-color: #f0f0f0;
}

@media (max-width: 767.98px) {
	.area-im {
		padding: 25px 25px 40px;
	}
}

.type-design-table {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
	padding-left: 1px;
}
.type-design-table__item {
	position: relative;
	flex: 1;
	margin-left: -1px;
	padding: 30px 25px 180px;
}
.type-design-table__item_w {
	padding-bottom: 120px;
}
.type-design-table__item a {
	color: inherit;
}
.type-design-table__item:nth-child(1) {
	background-color: #fff; 
	border: 1px solid #dedede;
}
.type-design-table__item:nth-child(2) {
	background-color: #f2f2f2;
	border: 1px solid #c8c8c8;
}
.type-design-table__item:nth-child(3) {
	background-color: #fff;
	border: 1px solid #dedede;
}
.type-design-table__item:nth-child(4) {
	background-color: #296cbe;
	color: #fff;
}
.type-design-table__item-title {
	font-size: 20px;
	text-transform: uppercase;
}
.type-design-table__item-list {
	margin-top: 30px;
}
.type-design-table__item-bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 25px 30px;
}
.type-design-table__item-time {
	display: flex;
	align-items: center;
	min-height: 33px;
	padding-left: 48px;
	background: no-repeat url(/images/icons/timer.png);
}
.type-design-table__item_invert .type-design-table__item-time {
	background: no-repeat url(/images/icons/timer_w.png);
}
.type-design-table__item-price {
	margin-top: 20px;
	font-size: 18px;
	color: #969696;
}
.type-design-table__item_invert .type-design-table__item-price {
	color: #fff;
}
.type-design-table__item-price span {
	font-size: 26px;
	text-transform: uppercase;
	color: #6b6b6b;
	font-weight: 800;
}
.type-design-table__item_invert .type-design-table__item-price span {
	color: #fff;
}
.type-design-table__item-btn-wrap {
	margin-top: 18px;
	width: 100%;
}
.type-design-table__item-btn-wrap .btn_order {
	display: inline-block;
    border: 1px solid #c8c8c8;
	background-color: #fff;
    padding: 8px 30px;
    color: #000;
    border-radius: 10px;
    font-size: 14px;
    vertical-align: middle;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.type-design-table__item-btn-wrap .btn_order:hover {
	background: #3A3A3A;
    border-color: #3A3A3A;
    color: #fff;
}

@media (max-width: 1199.98px) {
	.type-design-table__item {
		padding-bottom: 172px;
	}
}
@media (max-width: 767.98px) {
	.type-design-table__item,
	.type-design-table__item-bottom {
		padding-left: 15px;
		padding-right: 15px;
	}
	.type-design-table__item-price {
		font-size: 14px;
	}
	.type-design-table__item-price span {
		font-size: 21px;
	}
}

@media (min-width: 1200px) {
	.type-design-table__item_w .type-design-table__item-bottom {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		justify-content: flex-end;
	}
	.type-design-table__item_w .type-design-table__item-time {
		margin-left: auto;
	}
	.type-design-table__item_w .type-design-table__item-price {
		margin-top: 0;
	}
}

.site-vizitka-table {
	margin-bottom: 40px;
}
.site-vizitka-table__title {
	margin-bottom: 25px;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    color: #0e0e0e;
}
.site-vizitka-table__container {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
}
@media (max-width: 767.98px) {
	.site-vizitka-table__container {
		flex-direction: column;
	}
}
.site-vizitka-table__item {
	position: relative;
    overflow: hidden;
	padding: 30px 25px 40px;
	text-align: right;
	border: 1px solid #dedede;
	font-size: 14px;
}
.site-vizitka-table__item-inner {
	display: flex;
    flex-direction: column;
    gap: 20px;
	max-width: 450px;
	margin-left: auto;
}
.site-vizitka-table__item:nth-child(1) {
	flex: 2;
	background: no-repeat 0 100% / cover url(/images/development-cost-from/form_money_site_vizitka.jpg), #ffffff;
}
.site-vizitka-table__item:nth-child(2) {
    flex: 1;
    background-color: #296cbe;
    color: #fff;
	border-color: #296cbe;
}
.site-vizitka-table__item:nth-child(2) * {
	color: inherit;
}
.site-vizitka-table__item-title {
	margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 2.142857143em;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    color: #0e0e0e;
}
.site-vizitka-table__item-text {
	margin-bottom: 25px;
}
.site-vizitka-table__item-term {
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.site-vizitka-table__item-term::before {
	content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-right: 14px;
    background: no-repeat url(/images/icons/timer.png);
}
.site-vizitka-table__item:nth-child(2) .site-vizitka-table__item-term::before {
    background-image: url(/images/icons/timer_w.png);
}
.site-vizitka-table__item-price {
	font-size: 1.285714286em;
    color: #969696;
}
.site-vizitka-table__item-price span {
	font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    color: #6b6b6b;
}
.site-vizitka-table__item-btn .btn {
	border-color: #b1b1b1;
}

.table-light tr:nth-child(even) {
	background-color: var(--grey-color);
}
.table-light tr td {
	padding: 10px;
	text-align: center;
}
.table-light tr td:first-child {
	text-align: right;
}

.section-calc-im {
	margin-top: 45px;
	padding-bottom: 65px;
	border-bottom: 1px solid rgb(197 197 197 / 30%);
}

.row-title-im {
	margin-top: 100px;
	padding-bottom: 20px;
}

.sync-im {
	padding-top: 55px;
	padding-bottom: 55px;
	display: flex;
	flex-wrap: wrap;
}
.sync-im__content {
	flex: 1;
}
.sync-im__image {
	flex: 0 1 505px;
}
.sync-im__title {
	font-size: 25px;
}
.sync-im__subtitle {
	text-transform: uppercase;
	font-size: 56px;
	font-size: clamp(26px, 4vw, 56px);
	font-weight: 800;
	color: #9d9d9d;
}
.sync-im__text {
	color: #171717;
}
.inf-block-im {
	margin-top: -1px;
	padding: 25px 25px 20px;
	border: 1px solid #dedede;
}
.inf-block-im__title {
	text-transform: uppercase;
	font-size: 14px;
	color: #171717;
}
.inf-block-im__text {
	font-size: 14px;
	color: #171717;
}

.example-1c-im {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 25px 25px 25px 17px;
	color: #171717;
}
.example-1c-im + .example-1c-im {
	border-top: 3px solid rgb(197 197 197 / 30%);
}
.example-1c-im__left {
	max-width: 350px;
}
.example-1c-im__price {
	font-size: 18px;
	color: #969696;
}
.example-1c-im__price span {
	text-transform: uppercase;
	color: #6b6b6b;
	font-size: 25px;
	font-weight: 800;
}

.extension-slider-im {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #e9ecf2;
}
.extension-slider-im__title {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 800;
	text-align: center;
}
.extension-slider-im__carousel {
	padding-left: 76px;
	padding-right: 76px;
}
.extension-slider-im__carousel :is(.slick-prev, .slick-next) {
	width: 60px;
	height: 60px;
	z-index: 1;
}
.extension-slider-im__carousel .slick-prev {
	left: 0;
}
.extension-slider-im__carousel .slick-prev {
	right: 0;
}
.extension-slider-im__carousel :is(.slick-prev, .slick-next):before {
	font-size: 60px;
}
.extension-slider-im__carousel .slick-track {
	display: flex;
}
.extension-slider-im__item {
	position: relative;
	height: inherit !important;
	padding: 30px 20px 35px;
	border-radius: 23px;
	filter: drop-shadow(0 0 7px rgba(0,0,0,0.08));
	background-color: #ffffff;
	text-align: center;
	margin: 14px;
	padding-bottom: 70px;
}
.extension-slider-im__item-price {
	font-size: 18px;
}
.extension-slider-im__item-title {
	font-size: 16px;
	text-transform: uppercase;
}
.extension-slider-im__item-title a {
	text-decoration: none;
	color: inherit;
}
.extension-slider-im__item-title a:hover {
	text-decoration: underline;
}
.extension-slider-im__item-text {
	margin-top: 15px;
	font-size: 14px;
	color: #0f000a;
}
.extension-slider-im__item-image {
	margin-top: 30px;
}
.extension-slider-im__item-image img {
	margin-left: auto;
	margin-right: auto;
}
.extension-slider-im__item-price {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 34px;
}
.extension-slider-im__item-price span {
	text-transform: uppercase;
	color: #6b6b6b;
	font-size: 20px;
	font-weight: 800;
}

@media (max-width: 767.98px) {
	.extension-slider-im__carousel {
		padding-left: 26px;
		padding-right: 26px;
	}
	.extension-slider-im__carousel .slick-prev {
		left: -20px;
	}
	.extension-slider-im__carousel .slick-next {
		right: -20px;
	}
}


.what-gives-dev-im {
	padding-top: 60px;
	padding-bottom: 50px;
}
.what-gives-dev-im__title {
	margin-bottom: 20px;
	font-size: 33px;
	text-transform: uppercase;
	color: #c5c5c5;
	font-weight: 800;
	text-align: center;
}
.what-gives-dev-im__content {
	display: grid;
	grid-template-columns: 1fr 131px 1fr;
}
.what-gives-dev-im__col-left {
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 30px;
	text-align: right;
}
.what-gives-dev-im__col-right {
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	text-align: left;
}
.what-gives-dev-im__col-title {
	font-size: 20px;
	color: #38424e;
}
.what-gives-dev-im-block {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-left: 43px;
	background: no-repeat 0 50% url(/images/what-gives-dev-im/arrow-block_r.png);
}
.what-gives-dev-im-block_left {
	flex-direction: row-reverse;
	padding-left: 0;
	padding-right: 43px;
	background: no-repeat 100% 50% url(/images/what-gives-dev-im/arrow-block_l.png);
}
.what-gives-dev-im-block__descr {
	max-width: 180px;
	opacity: 0.878;
	font-size: 14px;
	color: #38424e;
}
.what-gives-dev-im__col-middle img {
	margin-left: -215px;
}

@media (max-width: 767.98px) {
	.what-gives-dev-im__title {
		font-size: 24px;
	}
	.what-gives-dev-im__content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.what-gives-dev-im__col-left {
		text-align: left;
		align-items: flex-start;
	}
	.what-gives-dev-im__col-middle {
		display: none;
	}
	.what-gives-dev-im-block {
		padding-left: 0 !important;
		padding-right: 0 !important;
		background: none;
	}
	.what-gives-dev-im-block_left {
		flex-direction: row;
	}
}

.do-poiskivie-prodvizenie .container {
	max-width: 1450px;
}
.do-poiskivie-prodvizenie__subtitle {
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
}
.do-poiskivie-prodvizenie__descrtitle {
	margin-top: 18px;
	font-size: 14px;
	text-align: center;
}
.do-poiskivie-prodvizenie__grid {
	margin-bottom: 80px;
	display: grid;
	gap: 30px;
}
.do-poiskivie-prodvizenie__grid_t1 {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.do-poiskivie-prodvizenie__item {
	position: relative;
	border-radius: 23px;
	padding: 25px 15px 20px;
	box-shadow: 0 0 7px rgba(0,0,0,0.08);
	text-align: center;
	text-decoration: none;
}
.do-poiskivie-prodvizenie__grid_t2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.do-poiskivie-prodvizenie__grid_t2 .do-poiskivie-prodvizenie__item {
	max-width: 268px;
	padding-bottom: 80px;
}
.do-poiskivie-prodvizenie__item-title {
	font-size: 16px;
	text-transform: uppercase;
	word-break: break-word;
}
.do-poiskivie-prodvizenie__item-image {
	margin-top: 16px;
}
.do-poiskivie-prodvizenie__item-image img {
	max-width: 100%;
	height: auto;
}
.do-poiskivie-prodvizenie__item-text {
	margin-top: 24px;
	font-size: 14px;
	color: #0f000a;
}
.do-poiskivie-prodvizenie__item-price {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-bottom: 30px;
	font-size: 18px;
	color: #969696;
}
.do-poiskivie-prodvizenie__item-price span {
	font-size: 20px;
	color: #a8528b;
	font-weight: 800;
}

@media (max-width: 767.98px) {
	.do-poiskivie-prodvizenie__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.do-poiskivie-prodvizenie__item-title {
		font-size: 14px;
	}
	.do-poiskivie-prodvizenie__grid_t2 .do-poiskivie-prodvizenie__item {
		max-width: unset;
		flex: calc(100% / 2 - 30px);
	}
}

@media (max-width: 575.98px) {
	.do-poiskivie-prodvizenie__item-text {
		display: none;
	}
}

.grecaptcha-badge {
	display: none;
}


.table-topvizor {
	margin: 0 auto;

	tr {
		td {
			border: 1px solid #d2d8df;
	
			&:not(:first-child) {
				border-left: none;
			}
		}

		&:not(:first-child) td {
			border-top: none;
		}
	}

	thead + tbody tr:first-child > td {
		border-top: none;
	}

	.strong-title {
		font-size: 16px;
		font-weight: 700;
	}

	.date-label {
		padding: 8px;

		.value {
			font-size: 14px;
		}
	}

	.title {
		padding: 8px;
	}

	.name {
		padding: 8px;
		font-size: 13px;
		user-select: text;
		padding-right: 40px;
		font-size: 13px;
		line-height: 1;
	}

	.pos {
		padding: 8px;
		height: 45px;

		&:empty {
			background-color: var(--color-steel-100);
		}
		
		&.down {
			background-color: #FFF4F0;
		}
		
		&.up {
			background-color: #E9FFF3;
		}
		
		&.down10 {
			background-color: #FFE7E6;
		}
		
		&.up10 {
			background-color: #DCFFEC;
		}
		
		&.top1 {
			background-color: #b3d2ff;
		}
		
		&.top2 {
			background-color: #cce0ff;
		}
		
		&.top3 {
			background-color: #cce0ff;
		}
		
		&.top4 {
			background-color: #8AF3B7;
		}
		
		&.top5 {
			background-color: #98F5C1;
		}
		
		&.top6 {
			background-color: #A2F7C8;
		}
		
		&.top7 {
			background-color: #ACF9CE;
		}
		
		&.top8 {
			background-color: #B6FBD5;
		}
		
		&.top9 {
			background-color: #BFFDDB;
		}
		
		&.top10 {
			background-color: #CCFFE4;
		}
		
		&.move10 {
			background-color: #8AF3B7;
		}
		
		&.move9 {
			background-color: #8AF3B7;
		}
		
		&.move8 {
			background-color: #A2F7C8;
		}
		
		&.move7 {
			background-color: #A2F7C8;
		}
		
		&.move6 {
			background-color: #B6FBD5;
		}
		
		&.move5 {
			background-color: #B6FBD5;
		}
		
		&.move4 {
			background-color: #BFFDDB;
		}
		
		&.move3 {
			background-color: #BFFDDB;
		}
		
		&.move2 {
			background-color: #CEFDE2;
		}
		
		&.move1 {
			background-color: #E9FFF3;
		}
		
		&.move0 {
			background-color: #FCFEFD;
		}
		
		&.move-1 {
			background-color: #FFF4F0;
		}
		
		&.move-2 {
			background-color: #FFF1F0;
		}
		
		&.move-3 {
			background-color: #FFF1F0;
		}
		
		&.move-4 {
			background-color: #FFF1F0;
		}
		
		&.move-5 {
			background-color: #FFE7E6;
		}
		
		&.move-6 {
			background-color: #FFE7E6;
		}
		
		&.move-7 {
			background-color: #FFE7E6;
		}
		
		&.move-8 {
			background-color: #FFD5D4;
		}
		
		&.move-9 {
			background-color: #FFD5D4;
		}
		
		&.move-10 {
			background-color: #FFD5D4;
		}
		
		&.not_found {
			background: #FFF6C6;
		}
	}
}

.portfolio-uv-s-cat {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 27px 11px;
}
.portfolio-uv-s-cat__el {
	flex: calc(100% / 6 - 16px) 0;
	padding: 26px 16px;
	background-color: #e6f1f7;
}
.portfolio-uv-s-cat__el-text {
	margin-top: 20px;
	text-align: center;
	font-size: 15px;
}

.portfolio-uv-s-contCat {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/* Секция со скролом */
.page-scroll {
	position: relative;
}
.page-scroll__wrap {
	position: relative;
    z-index: 1;
    min-height: 100vh;
    background-color: #fff;
    overflow: hidden;
}

/* Разделитель страницы по цветам */
.page-divider {
	display: none;
}
@media (min-width: 768px) {
	.page-divider {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.page-divider__part_left {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 50%;
	}
	.page-divider__part_right {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 50%;
		background-color: var(--grey-color);
	}
}

/* Секция скрола */
@media (min-width: 768px) {
	.section-scroll {
		position: relative;
	}
	.section-scroll__container {
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.section-scroll__wrapp {
		display: flex;
		justify-content: space-between;
		padding-top: 96px;
	}
	.section-scroll__part {
		width: 50%;
	}
	.section-scroll__part_left {
		padding-left: 16%;
	}
}

@media (max-width: 767.98px) {
	.section-scroll__part_left {
		margin-top: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.section-scroll__part_right {
		margin-top: 25px;
		margin-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Бегущая строка для секции скролла */
.section-marquee {
	display: none;
}
@media (min-width: 768px) {
	.section-marquee {
		position: absolute;
		top: 90px;
		left: 0;
		width: 100%;
		overflow: hidden;
		display: flex;
	}
	.section-marquee__left {
		width: 50%;
		overflow: hidden;
	}
	.section-marquee__right {
		width: 50%;
		overflow: hidden;
	}
	.section-marquee__right .marquee__text {
		position: relative;
		left: -50vw;
	}
	.marquee__inner {
		display: flex;
	}
	.marquee__text {
		padding-left: 50px;
		padding-right: 50px;
		text-transform: uppercase;
		font-size: 154px;
		/* portfolio */
		/* font-size: calc(100vw * 0.09019 - 24.9px); */
		/* наши работы */
		font-size: calc(100vw * 0.07219 - 24.9px);
		line-height: 1;
		font-weight: bold;
		color: var(--grey-color);
	}
	.marquee__text_light {
		color: rgba(255, 255, 255, 1);
	}
}

/* Конкретная секция скрола */
/* -кейсы- */
.section-seo-case__scroll-block {
	max-width: 90%;
	margin-top: 72px;
}
.section-seo-case__track {
	padding-left: 15%;
	padding-right: 9%;
}
.section-seo-case__title {
	text-transform: uppercase;
	font-size: 62px;
	font-size: clamp(34px, 4vw, 62px);
	font-weight: 900;
	color: #d0d0d0;
}
.section-seo-case__title em {
	font-style: normal;
	color: #a8528b;
}
.section-seo-case__text {
	margin-top: 30px;
	font-size: 14px;
}
.section-seo-case__doc {
	margin-top: 85px;
	display: flex;
	align-items: center;
}
.section-seo-case__doc-img {
	flex-shrink: 0;
}
.section-seo-case__doc-right {
	padding-left: 20px;
}
.section-seo-case__doc-title {
	font-size: 25px;
}
.section-seo-case__doc-title a {
	color: #000;
}
.section-seo-case__doc-name {
	margin-top: 13px;
	font-size: 15px;
}

@media (max-width: 767.98px) {
	.section-seo-case__scroll-block {
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		max-width: unset;
	}
	.section-seo-case__doc {
		display: none;
	}
	.section-seo-case__track {
		padding: 0;
	}
}

.seo-cases__el {
	display: block;
	margin-bottom: 72px;
	text-decoration: none;
}
.seo-cases__el-img {
	display: block;
	max-width: 100%;
	height: auto;
}
.seo-cases__el-name {
	margin-top: 25px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}

@media (max-width: 767.98px) {
	.seo-cases__el  {
		margin-bottom: 50px;
	}
}

/* -выведенные запросы в топ- */
.section-requests-to-top__scroll-block {
	max-width: 90%;
	margin-top: 72px;
	margin-bottom: 118px;
}
.section-requests-to-top__track {
	--track-padding-l: 80px;
	--track-padding-r: 15vw;

	padding-top: 100px;
}
@media (min-width: 786px) {
	.section-requests-to-top__pin-image {
		position: absolute;
		bottom: 0;
		left: 30%;
		width: 471px;
		height: 359px;
		background: no-repeat right bottom url(/images/requests-to-top/hand.png);
	}
}
.section-requests-to-top__title {
	text-transform: uppercase;
	font-size: 62px;
	font-size: clamp(34px, 4vw, 62px);
	line-height: normal;
	font-weight: 900;
	color: #d0d0d0;
}
.section-requests-to-top__title em {
	font-style: normal;
	color: #a8528b;
}
.section-requests-to-top__subtitle {
	margin-top: 50px;
	font-size: 36px;
	color: #000;
}
.section-requests-to-top__descr {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.64);
}
.section-requests-to-top__table {
	margin-top: 30px;
	max-width: 370px;
}
.section-requests-to-top__table-row {
	display: flex;
}
.section-requests-to-top__table-col {
	flex: 1;
}
.section-requests-to-top__table-el {
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.section-requests-to-top__table-el-t {
	font-size: 27px;
	text-align: center;
}
.section-requests-to-top__table-col:first-child {
	text-align: left;
}
.section-requests-to-top__table-el-d {
	font-size: 16px;
}
.section-requests-to-top__btn-wrap {
	margin-top: 90px;
}
.section-requests-to-top__btn-wrap .btn {
	padding: 12px 30px;
}

@media (max-width: 767.98px) {
	.section-requests-to-top__btn-wrap {
		margin-top: 25px;
	}
	.section-requests-to-top__scroll-block {
		max-width: unset;
		margin-bottom: 50px;
	}
	.section-requests-to-top__track {
		--track-padding-l: 0;
		--track-padding-r: 0;

		padding-top: 0;
	}
}

.requests-to-top__el {
	margin-bottom: 56px;
}
.requests-to-top__el-website {
	margin-bottom: 30px;
	padding-left: var(--track-padding-l);
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	color: #000;
}
.requests-to-top__el-table {
	width: 100%;
}
.requests-to-top__el-table tbody tr:nth-child(odd)>td {
	background-color: #fff;
}
.requests-to-top__el-table tbody tr:nth-child(even)>td {
	background-color: var(--grey-color);
}
.requests-to-top__el-table td {
	padding: 8px 0;
	line-height: 1;
	vertical-align: middle;
}
.requests-to-top__el-table td:not(:first-child) {
	padding-right: 25px;
}
.requests-to-top__el-table td:first-child {
	padding-left: var(--track-padding-l);
}
.requests-to-top__el-table thead td {
	font-weight: 600;
}
.requests-to-top__el-table td:nth-child(2) {
	text-align: right;
}
.requests-to-top__el-table td:nth-child(n+3) {
	text-align: center;
}
.requests-to-top__el-table td:last-child {
	text-align: center;
	padding-right: var(--track-padding-r);
}
@media (max-width: 767.98px) {
	.requests-to-top__el-table img{
		width: auto !important;
		height: 22px !important;
	}
	.requests-to-top__el-table .td-frequency {
		display: none;
	}
}

.scroll-fixed-el-wrap {
	position: relative;
	z-index: 5;
}

.money-sv-table__title {
    margin-bottom: 25px;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    color: #0e0e0e;
}
.money-sv-table__container {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
}
.money-sv-table__item {
    position: relative;
    overflow: hidden;
    padding: 30px 25px;
    text-align: right;
    font-size: 14px;
}
.money-sv-table__item:nth-child(1) {
	flex: 2;
    background: no-repeat 0 100% / cover url(/images/development-cost-from/form_money_advanced_project.jpg), #ffffff;
	text-align: right;
}
.money-sv-table__item:nth-child(2) {
	flex: 1;
    background-color: #296cbe;
    color: #fff;
}
.money-sv-table__item-inner {
	display: flex;
    flex-direction: column;
    max-width: 480px;
    margin-left: auto;
}
.money-sv-table__item-title {
	margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 2.142857143em;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    color: #0e0e0e;
}
.money-sv-table__item p {
	margin-bottom: 20px;
	text-align: inherit;
}
.money-sv-table__row {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}
.money-sv-table__item:nth-child(2) * {
	color: inherit;
}
.money-sv-table__item:nth-child(2) .btn {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}
.money-sv-table__item-scr {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	font-size: 72px;
	font-weight: 900;
	line-height: 1;
	color: #6b6b6b;
}
.money-sv-table__item-scr span {
    display: inline-block;
	width: 20px;
	transform: rotate(-90deg);
	transform-origin: 100% 100%;
	font-size: 14px;
	font-weight: normal;
	color: #0e0e0e;
}
.money-sv-table__item-scr-sm {
	font-size: 46px;
	font-weight: 900;
	line-height: 0.8;
}
.money-sv-table__item-price {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.285714286em;
    color: #969696;
}
.money-sv-table__item-price span {
	font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    color: #6b6b6b;
}
.money-sv-table__item-btn .btn {
	border-color: #b1b1b1;
}

@media (max-width: 767.98px) {
	.money-sv-table__container {
		flex-direction: column;
	}
}

.serm-bg-img {
	position: relative;
	height: 402px;
	padding: 30px 50px;
	background: no-repeat center / cover url(/images/blog/serm-bg.jpg);
	color: #fff;
}
.serm-bg-img__title {
	font-size: 50px;
	font-size: clamp(24px, 2.7vw, 100px);
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
}
.serm-bg-img__subtitle {
	margin-top: 10px;
	font-size: 28px;
	font-size: clamp(18px, 1.5vw, 28px);
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}
.serm-bg-img__list {
	margin-top: 60px;
}
.serm-bg-img__list-item {
	text-transform: initial;
	font-size: 28px;
	font-size: clamp(18px, 1.5vw, 28px);
	font-weight: normal;
	color: #fff;
}
.serm-bg-img__list-item + .serm-bg-img__list-item {
	margin-top: 10px;
}
.serm-bg-img__list-item::before {
	content: "";
	display: inline-block;
	background: no-repeat center / cover url(/images/check.png);
	width: 21px;
	height: 21px;
	margin-right: 19px;
}
.serm-bg-img__author {
	max-width: 380px;
	position: absolute;
	right: 30px;
	bottom: 34px;
	text-align: right;
	font-style: italic;
	font-size: 14px;
}
.serm-bg-img__author-sign {
	margin-top: 10px;
	font-weight: 800;
}
@media (max-width: 767.98px) {
	.serm-bg-img {
		height: auto;
	}
	.serm-bg-img__author {
		position: static;
		margin-top: 60px;
	}
}
@media (max-width: 575.98px) {
	.serm-bg-img {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.sertificat_contekst .section-title {
	font-size: clamp(18px, 1.7vw, 28px);
}

.section-blog-title {
	text-transform: uppercase;
	padding: 5px 0;
	font-size: clamp(18px, 1.7vw, 28px);
	font-weight: 800;
	color: var(--main-color);
}

.rvideo-wrapp {
	position: relative;
}
.rvideo-wrapp::after {
	content: "";
	display: block;
	padding-bottom: 55%;
}
.rvideo-wrapp iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.art-web-certificates {
	display: grid;
	grid-template-areas: "a b" "a c";
	gap: 3px 11px;
}
.art-web-certificates__el a {
	display: block;
}
.art-web-certificates__el:not(:nth-child(3)) a {
	border-radius: 10px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
	background-image: linear-gradient(to top, rgba(213, 204, 238, 0.3), color(srgb 0.85 0.82 0.93 / 0.15));
}
.art-web-certificates__el img {
	display: block;
	border-radius: 5px;
	max-width: 100%;
}
.art-web-certificates__el:nth-child(1) {
	grid-area: a;
}
.art-web-certificates__el:nth-child(1) a {
	padding: 12px 12px;
}
.art-web-certificates__el:nth-child(2) {
	grid-area: b;
}
.art-web-certificates__el:nth-child(2) a {
	padding: 8px 8px;
}
.art-web-certificates__el:nth-child(3) {
	grid-area: c;
	width: 198px;
}


.m-slide-arrow {
	width: 3em;
	height: 3em;
	background: none;
	opacity: 0;
	transition: 0.4s ease-in-out;
}
.m-slide-arrow svg {
	fill: #fff;
}
.main-slider {
	background-color: #510D04;
}
.main-slider:hover .m-slide-arrow {
	opacity: 0.5;
}
.main-slider .m-slide-arrow:active {
	opacity: 0.9;
	transition: none;
}
@media (min-width: 768px) {
	.main-slider .m-slide-arrow:hover {
		opacity: 0.9;
		transition: none;
	}
}

.m-slide-arrow_color {
	background-color: var(--main-color);
}

.m-slide-arrow_visible {
	opacity: 0.5;
}
.main-slider:hover .m-slide-arrow {
	opacity: 1;
}

@media (min-width: 1450px) {
	.m-slide-arrows-outer .splide__arrow--prev {
		left: calc(-3em - 10px);
	}
	.m-slide-arrows-outer .splide__arrow--next {
		right: calc(-3em - 10px);
	}
}

.m-slide-arrows-corner-right {
	position: relative;
}
.m-slide-arrows-corner-right .splide__arrow--prev {
	top: -50px;
	right: 57px;
	left: unset;
}
.m-slide-arrows-corner-right .splide__arrow--next {
	top: -50px;
	right: 0;
	left: unset;
}

.b-tab-nav__el {
	cursor: pointer;
}
.b-tab-nav__content>.b-tab-nav__pane {
	display: none;
}
.b-tab-nav__content>.b-tab-nav__pane.active {
	display: block;
}

.m-money-tab__title {
	text-transform: uppercase;
	font-size: 55px;
	font-weight: 900;
	color: #d0d0d0;
}
.m-money-tab-nav {
	margin-top: 54px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 3px;
}
.m-money-tab-el {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #eef6ff;
	text-align: center;
	padding-bottom: 47px;
	min-height: 225px;
	user-select: none;
}
.m-money-tab-el__bottom {
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
	z-index: 8;
}
.m-money-tab-el__caption {
	font-size: 12px;
	color: #8b9bae;
}
.m-money-tab-el__name {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 800;
	color: #8b9bae;
}
.m-money-tab-el.active .m-money-tab-el__name {
	color: var(--main-color);
}

.m-money-tab-el__img-active {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border: 1px solid #b1b1b1;
	border-bottom: none;
	z-index: 7;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-out;
	will-change: width, height, opacity;
}
.m-money-tab-el__img-active img {
	width: auto;
	margin-bottom: 30px;
}
.m-money-tab-el__img-active::after {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: -2px;
	background-color: #fff;
}
.m-money-tab-el.active .m-money-tab-el__img-active {
	opacity: 1;
	visibility: visible;
	left: -10px;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
}
.m-money-tab-el.active:first-child .m-money-tab-el__img-active {
	left: 0;
}
.m-money-tab-el.active:last-child .m-money-tab-el__img-active {
	left: -20px;
}
.m-money-tab-content {
	border: solid 1px #b1b1b1;
	padding: 30px;
}
.m-money-tab-content__text {
	margin-bottom: 30px;
}
.m-money-tab-content__text a {
	color: inherit;
}
.m-money-tab-content__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 24px;
}
.m-money-tab-content__grid-block-whide {
	grid-column: 1 / 3;
}
.m-money-tab-content__block {
	display: flex;
	flex-direction: column;
	position: relative;
	border: solid 1px #b1b1b1;
	padding: 24px;
	overflow: hidden;
	height: 100%;
}
.m-money-tab-content__block_top::after {
	content: "TOP sales";
    display: block;
    width: 300px;
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: 0;
    transform: translate(-200px, -60px) rotate(-45deg);
    padding: 4px;
    background: #FF4533;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    text-align: center;
}
.m-money-tab-content__block-row {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.m-money-tab-content__block-title {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 300;
	line-height: normal;
}
.m-money-tab-content__block-image {
	display: flex;
	align-items: center;
	height: 70px;
	margin-bottom: 20px;
}
.m-money-tab-content__block-image img {
	max-width: 100%;
	height: auto;
}
.m-money-tab-content__block-text {
	margin-bottom: 10px;
	line-height: normal;
}
.m-money-tab-content__block-text a {
	color: inherit;
}
.m-money-tab-content__block-list {
	padding-left: 0;
}
.m-money-tab-content__block-list li {
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 10px 0;
    position: relative;
    left: 0px;
    transition: .25s;
}
.m-money-tab-content__block-list li>span {
	margin-bottom: -4px;
    padding: 0 5px;
    color: #2b2b2b;
}
.m-money-tab-content__block-list li>span:nth-child(2) {
	order: 1;
}
.m-money-tab-content__block-list li::after {
	content: "";
    flex: 1;
    bottom: 0;
    left: 0;
    border-bottom: 1px dotted black;
}
.m-money-tab-content__block-term {
	display: flex;
    align-items: center;
	font-size: 14px;
}
.m-money-tab-content__block-term::before {
	content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-right: 14px;
    background: no-repeat url(/images/icons/timer.png);
	flex-shrink: 0;
}
.m-money-tab-content__block-screen {
	display: flex;
    align-items: center;
	font-size: 14px;
}
.m-money-tab-content__block-screen::before {
	content: "";
    display: inline-block;
    width: 31px;
    height: 31px;
    margin-right: 14px;
    background: no-repeat url(/images/icons/monitor.png);
	flex-shrink: 0;
}
.m-money-tab-content__center-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 24px;
}
.m-money-tab-content__center-block-inner {
	margin-bottom: 25px;
}
.m-money-tab-content__center-block-inner li {
	max-width: 295px;
	margin: 15px 0;
	font-size: 13px !important;
	text-transform: uppercase;
}
.m-money-tab-content__center-block-inner .btn {
	margin-top: 20px;
}
.m-money-tab-content__block-row-bottom {
	margin-top: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.m-money-tab-content__block-price {
	font-size: 18px;
	color: #959595;
}
.m-money-tab-content__block-price span {
	font-size: 26px;
	font-weight: 900;
	color: #6b6b6b;
}
.m-money-tab-content__row-end {
	margin-top: 25px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px 84px;;
}
.m-money-tab-content__num-block {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
.m-money-tab-content__num-block-el {
	border-right: 1px solid #b1b1b1;
}
.m-money-tab-content__num-block-el {
	position: relative;
	overflow: hidden;
	padding: 20px;
	padding-right: 50px;
}
.m-money-tab-content__num-block-el-i {
	content: counter(num);
	position: absolute;
	bottom: 22px;
	right: -1px;
	z-index: -1;
	color: #fff;
}
.m-money-tab-content__num-block-el-title {
	text-transform: uppercase;
	margin-bottom: 25px;
	font-size: 14px;
}
.m-money-tab-content__num-block-el-p {
	margin-bottom: 15px;
	font-size: 12px;
	color: #000;
}
.m-money-tab-content__num-block-el-p a {
	color: inherit;
}

.m-money-tab-after {
	margin-top: 47px;
	text-align: center;
}

.m-money-tab-content__mobile-logo {
	display: none;
}
@media (max-width: 1199.98px) {
	.m-money-tab-content__block-row {
		flex-wrap: wrap;
		gap: 10px;
	}
}
@media (max-width: 991.98px) AND (min-width: 768px) {
	.m-money-tab-el__name {
		font-size: 12px;
	}
	.m-money-tab-el__bottom {
		padding: 0 15px;
	}
	.m-money-tab-el__img-active {
		padding: 10px;
	}
	.m-money-tab-content {
		padding: 20px;
		font-size: 12px;
	}
	.m-money-tab-content__block-title {
		font-size: 14px;
	}
	.m-money-tab-content__block {
		padding: 14px;
	}
	.m-money-tab-content__block-row-bottom {
		flex-wrap: wrap;
	}
}
@media (max-width: 991.98px) {
	.m-money-tab-content__block_top::after {
		font-size: 12px;
		transform: translate(-180px, -40px) rotate(-45deg);
	}
	.m-money-tab-content__num-block {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
}
@media (max-width: 767.98px) {

	.m-money-tab__title {
		text-align: center;
		font-size: 28px;
	}
	.m-money-tab__p {
		margin-bottom: 32px;
		text-align: center;
	}

	.m-money-tab-content__mobile-logo {
		display: block;
		text-align: center;
	}
	.m-money-tab-content__mobile-logo img {
		width: auto;
	}
	.m-money-tab-el__name {
		word-break: break-word;
		font-size: 18px;
		color: var(--main-color);
	}
	.m-money-tab-nav {
		display: none;
	}
	
	.m-money-tab-content {
		font-size: 12px;
		border: none;
		padding: 0;
	}
	.m-money-tab-content__grid {
		gap: 0;
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
	}
	.m-money-tab-content__grid + .m-money-tab-content__grid {
		margin-top: 35px;
	}
	.m-money-tab-content__block {
		padding: 0;
		border: none;
	}
	.m-money-tab-content__block + .m-money-tab-content__block {
		border-left: 1px solid #b1b1b1;
		padding-left: 16px;
	}
	.m-money-tab-content__block:nth-child(odd) {
		padding-right: 10px;
	}
	.m-money-tab-content__center-block {
		display: none;
	}
	.m-money-tab-content__block-title {
		word-break: break-word;
		font-size: 14px;
	}
	.m-money-tab-content__block-row-bottom {
		bottom: 0;
	}

	.m-money-tab-content__text {
		padding-left: 16px;
	}

	.m-money-tab-content__grid_landing .m-money-tab-content__block:nth-last-child(n+1) {
		padding-bottom: 35px;
	}
	.m-money-tab-content__grid_landing .m-money-tab-content__block:nth-child(3) {
		border: 0;
		border-top: 1px solid #b1b1b1;
		grid-column: 1 / 3;
		padding: 35px 0 0;
	}

	.m-money-tab-content__grid_shop {
		grid-template-columns: 1fr;
	}
	.m-money-tab-content__grid_shop>*{
		border: none !important;
		padding: 0 !important;
	}
	.m-money-tab-content__block-image {
		margin-bottom: 0;
	}

	.m-money-tab-content__num-block-el {
		padding: 0;
	}

	.m-money-tab-content__block-btn {
		display: none;
	}

	.m-money-tab-content__row-end {
		flex-direction: row-reverse;
		justify-content: space-between;
		column-gap: 10px;
	}

	.m-money-tab-content__num-block-el-p {
		max-width: 120px;
	}
}


.box-style-grey {
	border: solid 1px #dde4f1;
	background-color: var(--grey-color);
}

.modeling-benefits {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.modeling-benefits__el {
	padding: 30px;
}
.modeling-benefits__el-image-wrap {
	margin-top: 10px;
	margin-bottom: 25px;
	text-align: center;
}
.modeling-benefits__el-image-wrap img {
	max-width: 100%;
	height: auto;
}
.modeling-benefits__el-title {
	margin-bottom: 25px;
	text-align: center;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 600;
	color: #181818;
}
.modeling-benefits__el-descr {
	text-align: center;
	font-size: 16px;
	color: #0f0f0f;
}
@media (max-width: 991.98px) {
	.modeling-benefits {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 767.98px) {
	.modeling-benefits {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 479.98px) {
	.modeling-benefits__el {
		padding: 10px;
	}
	.modeling-benefits__el-title {
		margin-bottom: 8px;
		font-size: 20px;
	}
	.modeling-benefits__el-descr {
		font-size: 14px;
	}
}

.modsection-price {
	margin-top: 10px;
}
.modsection-price__title {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 300;
}
.modsection-price__descr {
	font-size: 13px;
}

.grid-im {
	display: grid;
	grid-template-columns: repeat(var(--grid-columns, 3), 1fr);
	gap: var(--grid-gap, 30px);
}
.grid-im_5 {
	--grid-columns: 5;
	--grid-gap: 18px;
}
.grid-im img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media (max-width: 767.98px) {
	.grid-im {
		--grid-columns: 2;
		--grid-gap: 10px;
	}
}
@media (max-width: 479.98px) {
	.grid-im {
		--grid-columns: 1;
	}
	.grid-im_5 {
		--grid-columns: 2;
	}
}

.moditem-b {
	counter-increment: number;
}
.moditem-b__image {
	position: relative;
}
.moditem-b__image::after {
	content: counter(number);
	position: absolute;
	right: 18px;
	bottom: 0;
	z-index: 1;
	font-size: 113px;
	font-weight: 900;
	line-height: 90px;
	color: #fff;
}
.moditem-b__title {
	margin: 15px 0;
	text-transform: uppercase;
	font-size: 16px;
}
.moditem-b__descr {
	font-size: 13px;
}
@media (max-width: 479.98px) {
	.moditem-b__image::after {
		right: 12px;
		font-size: 70px;
		line-height: 56px;
	}
}


.work-stack {
    display: flex;
	flex-wrap: wrap;
    gap: 80px;
}
.work-stack__col {
	flex: 1;
}
.b-work-stack {
    margin-bottom: 45px;
}
.b-work-stack__gr-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    color: #b2b2b2;
}
.b-work-stack__gr-title a {
    color: inherit;
}
.b-work-stack__gr-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.b-work-stack__gr-item {
    position: relative;
    min-height: 59px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}
.b-work-stack__gr-item:not(:nth-child(n+4)) {
    border-top: 1px solid #cfcfcf;
}
.b-work-stack__gr-item:nth-child(3n+1) {
    border-left: 1px solid #cfcfcf;
}
.b-work-stack__gr-item-image {
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.b-work-stack__gr-item-name {
    font-size: 12px;
    color: #000;
}
@media (max-width: 1280px) {
    .work-stack {
        gap: 0 40px;
    }
    .b-work-stack__gr-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .b-work-stack__gr-item:nth-child(3n+1) {
        border-left: 0;
    }
    .b-work-stack__gr-item:nth-child(2n+1) {
        border-left: 1px solid #cfcfcf;
    }
    .b-work-stack__gr-item:not(:nth-child(n+4)) {
        border-top: 0;
    }
    .b-work-stack__gr-item:not(:nth-child(n+3)) {
        border-top: 1px solid #cfcfcf;
    }
}
@media (max-width: 991.98px) {
    .work-stack {
        flex-wrap: wrap;
    }
    .b-work-stack {
        margin-bottom: 25px;
    }
}
@media (max-width: 767.98px) {
	.work-stack {
		flex-direction: column;
	}
}


.s-wb-kryol {
	background-color: #e9ecf2;
    padding-top: 60px;
    padding-bottom: 150px;
}
@container (max-width: 991.98px) {
	.s-wb-kryol {
		padding-top: 50px;
	  	padding-bottom: 80px;
	}
}
.s-wb-kryol__container {
	container-type: inline-size;
}
.s-wb-kryol__title {
	margin-top: 0 !important;
    margin-bottom: 45px;
    padding-bottom: 0;
}
.s-wb-kryol__grid {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
@container (max-width: 767.98px) {
	.s-wb-kryol__grid {
	  	grid-template-columns: repeat(2, 1fr);
	}
}
@container (max-width: 575.98px) {
	.s-wb-kryol__grid {
	  	gap: 10px;
	}
}
.s-wb-kryol__item {
	position: relative;
    display: flex;
    flex-direction: column;
    min-height: 370px;
    padding: 35px 40px 44px;
    background-color: #fff;
    border-radius: 12px;
}
@container (width <= 767.98px) {
	.s-wb-kryol__item {
		padding: 25px 20px;
	}
}
@container (width <= 575.98px) {
	.s-wb-kryol__item {
		padding: 10px 15px;
	}
}
.s-wb-kryol__item-icon {
	margin-bottom: 14px;
    width: 60px;
    height: auto;
}
.s-wb-kryol__item-title {
	max-width: 250px;
    display: inline-block;
    margin-bottom: 32px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    color: #1a1a1a;
    text-decoration: none;
}
@container (width <= 575.98px) {
	.s-wb-kryol__item-title {
		font-size: 12px;
		word-break: break-word;
	}
}
.s-wb-kryol__item-title a {
	text-decoration: none;
	color: inherit;
}
.s-wb-kryol__item-text {
	margin-bottom: 10px;
    font-size: 16px;
    color: #808080;
}
@container (width <= 575.98px) {
	.s-wb-kryol__item-text {
		font-size: 12px;
	}
}
.s-wb-kryol__item-price {
	margin-top: auto;
    font-size: 20px;
    font-weight: 800;
    color: var(--main-color);
}
@container (width <= 575.98px) {
	.s-wb-kryol__item-price {
		font-size: 16px;
	}
}


.block-skachyat {
	margin-top: 80px;
	margin-bottom: 80px;
}
.block-skachyat__title {
	margin-bottom: 30px;
}
.block-skachyat__row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 36px;
}
.block-skachyat__item {
	display: block;
	min-height: 116px;
	flex: calc(100% / 4 - 20px);
	border: 1px solid #e2e5f1;
	border-radius: 10px;
	padding: 28px 30px 28px 90px;
	background: no-repeat 25px 28px url(/images/b-skachyat/document.png);
	text-decoration: none;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
}
.block-skachyat__item:hover {
	background-color: #fafafa;
}
.block-skachyat__text-after {
	margin-top: 30px;
}
@media (max-width: 1279.98px) {
	.block-skachyat__row {
		gap: 20px;
	}
}
@media (max-width: 991.98px) {
	.block-skachyat__item {
		min-height: unset;
		padding-left: 55px;
		padding-right: 25px;
		font-size: 16px;
		background-position-x: 12px;
	}
}
@media (max-width: 767.98px) {
	.block-skachyat__row {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 479.98px) {
	.block-skachyat__row {
		gap: 10px;
	}
	.block-skachyat__item {
		padding: 20px 5px 20px 35px;
		background-size: 20px;
		background-position: 10px 20px;
		font-size: 12px;
	}
}

.photo-director {
	overflow: hidden;
	background-color: #2e2d2d;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/b-photo-director/bg.jpg);
	color: #fff;
}
@media (width >= 768px) {
	.photo-director {
		min-height: 770px;
	}
}
.photo-director::after {
	content: "";
	display: block;
	width: 675px;
	padding-bottom: 100%;
	max-width: 100%;
	background: no-repeat 0 0 / contain url(/images/b-photo-director/boss.png);
}
@media (width >= 768px) {
	.photo-director::after {
		position: absolute;
		bottom: 0;
		right: calc(50% + 40px);
		height: 794px;
		padding-bottom: 0;
	}
}
@media (width <= 1920px) {
	.photo-director {
		background-position: calc(100% - 470px) 0;
	}
}
.photo-director__content {
	position: relative;
	z-index: 2;
	max-width: 700px;
	margin-left: calc(50% + 100px);
    padding-right: 20px;
	padding-bottom: 60px;
}
@media (width <= 1399.98px) {
	.photo-director__content {
		margin-left: 50%;
	}
}
@media (width <= 767.98px) {
	.photo-director__content {
		margin-left: 0;
		padding-left: 20px;
	}
}

.director-biznes-sajt {
	padding-top: 60px;
}
.director-biznes-sajt__title1 {
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 51px;
	font-weight: 900;
	line-height: 1;
}
.director-biznes-sajt__benefits {
	margin-bottom: 30px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 25px;
}
@media (width <= 419.98px) {
	.director-biznes-sajt__benefits {
		grid-template-columns: repeat(1, 1fr);
	}
}
.director-biznes-sajt__benefits-item {
	display: flex;
	align-items: center;
	min-height: 64px;
	padding: 6px 20px 6px 80px;
	border-radius: 7px;
	border: solid 1px #e5e5e5;
	background: no-repeat 20px 50% url(/images/b-photo-director/p1.png);
}
@media (width <= 991.98px) {
	.director-biznes-sajt__benefits-item {
		padding-left: 60px;
		background-position-x: 7px;
	}
}
.director-biznes-sajt__benefits-item:nth-child(1) {
	background-image: url(/images/b-photo-director/p1.png);
}
.director-biznes-sajt__benefits-item:nth-child(2) {
	background-image: url(/images/b-photo-director/p2.png);
}
.director-biznes-sajt__benefits-item:nth-child(3) {
	background-image: url(/images/b-photo-director/p3.png);
}
.director-biznes-sajt__benefits-item:nth-child(4) {
	background-image: url(/images/b-photo-director/p4.png);
}
.director-biznes-sajt__benefits-item:nth-child(5) {
	background-image: url(/images/b-photo-director/p5.png);
}
.director-biznes-sajt__title2 {
	margin-bottom: 12px;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
	color: #e5e5e5;
}
.director-biznes-sajt__list {
	margin-bottom: 25px;
}
.director-biznes-sajt__list li {
	margin-bottom: 8px;
	font-size: 15px;
}


.director-contacts {
    padding-top: 75px;
}
.director-contacts__title1 {
    margin-bottom: 35px;
    font-size: 36px;
    font-weight: 800;
}
@media (width <= 767.98px) {
	.director-contacts__title1 {
		font-size: 28px;
	}
}
.director-contacts__text {
    font-size: 18px;
	font-weight: 300;
}
.director-contacts__text p {
    margin-bottom: 5px;
	font-size: inherit;
}
.director-contacts__text-it {
    margin-top: 30px;
    margin-bottom: 30px !important;
	font-style: italic;
}
.director-contacts__text-sm {
    font-size: 16px;
}
.director-contacts__btn-wrap {
    margin-top: 40px;
}