@font-face {
  font-family: Ruble;
  /* Имя шрифта */
  src: url(RUBSN.otf);
  /* Путь к файлу со шрифтом */
}

.ruble {
  font-family: Ruble;
}

#toTop {
  display: none;
}

/* Eric Meyer's CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  position: relative;
}

body,
html {
  overflow-x: hidden;
}

html.lock-scroll {
  overflow: hidden;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* End of Eric Meyer's CSS Reset */
* {
  margin: 0;
  padding: 0;
  outline: none;
}

html {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

body {
  font: 16px/22px "PT Sans", Arial, sans-serif;
  min-width: 320px;
}

.mb0 {
  margin-bottom: 0 !important;
}

.wrapper {
  min-width: 300px;
  margin: 0 auto;
  padding: 0 10px;
}

.max1600 {
  max-width: 1830px;
}

.maxWidth1600 {
  max-width: 1600px;
}

.max1400 {
  max-width: 1380px;
}

.max1350 {
  max-width: 1330px;
}

.max1295 {
  max-width: 1295px;
}

.max1200 {
  max-width: 1180px;
}

.max1000 {
  max-width: 980px;
}

.max800 {
  max-width: 780px;
}

.max600 {
  max-width: 580px;
}

.clear,
.clear::before,
.clear::after {
  clear: both;
  content: " ";
}

.italic {
  font-style: italic;
}

img,
a img {
  border: 0;
  max-width: 100%;
}

ol,
ul {
  margin-left: 30px;
  padding-bottom: 16px;
}

ul {
  list-style: disc;
}

p {
  padding-bottom: 16px;
}

a {
  color: #93319d;
  transition: all 0.2s ease;
}

a:hover {
  text-decoration: none;
}

b {
  font-weight: bold;
}

.narrow {
  font-family: "PT Sans Narrow";
}

.big-title {
  font-size: 42px;
  line-height: 48px;
  padding: 30px 0;
  font-weight: bold;
  text-align: center;
  color: #411a45;
}

.after-title {
  color: #776978;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

.big-red-button {
  display: inline-block;
  background: #da424d;
  border: 2px solid #da424d;
  color: white;
  text-decoration: none;
  width: 350px;
  max-width: 100%;
  font-weight: bold;
  font-size: 24px;
  line-height: 54px;
  text-align: center;
}

.big-red-button:hover {
  background: transparent;
  color: #da424d;
}

.big-red-button.no-limit {
  width: auto;
  padding: 12px 20px;
  line-height: 30px;
}

.big-red-button.hoverWhite:hover,
.red-button.hoverWhite:hover {
  color: white;
  border-color: white;
}

.red-button,
input[type="submit"],
input[type="button"] {
  display: inline-block;
  background: #da424d;
  color: white;
  text-decoration: none;
  border: 0;
  text-transform: uppercase;
  font-weight: 400;
  padding: 5px 20px;
  border: 2px solid #da424d;
}

.red-button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: transparent;
  color: #da424d;
}

.red-button.no-hover:hover,
.big-red-button.no-hover:hover {
  background: #da424d;
  color: white;
}

.red-button.no-transform {
  font-weight: normal;
  text-transform: none;
  margin: 5px 0;
}

.yellow-button {
  display: inline-block;
  background: #efbd44;
  padding: 5px 20px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #efbd44;
}

.yellow-button:hover {
  background: transparent;
  color: #efbd44;
}

/* .top-block a:nth-child(1)::before {
  content: url(/local/templates/idea-promotion/images/portfolio/create.png);
  vertical-align: middle;
}

.top-block a:nth-child(2)::before {
  content: url(/local/templates/idea-promotion/images/portfolio/promotion.png);
  vertical-align: middle;
}

.top-block a:nth-child(3)::before {
  content: url(/local/templates/idea-promotion/images/portfolio/context.png);
  vertical-align: middle;
}

.top-block a:nth-child(4)::before {
  content: url(/local/templates/idea-promotion/images/portfolio/retargeting.png);
  vertical-align: middle;
} */

.topArrow {
  position: relative;
}

.topArrow:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: white;
  border-width: 5px;
  margin-left: -5px;
}

.popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  min-width: 320px;
  z-index: 90;
  display: none;
}

.popup .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(images/fadepixel.png);
}

.popup .frame {
  position: relative;
  margin: 0 auto;
  max-width: 775px;
  width: 90%;
  background: white;
  color: #6e5c70;
}

.popup .frame .offset {
  padding: 50px;
  position: relative;
}

.popup .frame > .offset > .close {
  position: absolute;
  right: 16px;
  top: 16px;
  color: red;
  cursor: pointer;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 36px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.5s ease;
}

.popup .frame > .offset > .close:hover {
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.popup .title {
  color: #411a45;
  font-weight: bold;
  font-size: 42px;
  line-height: 48px;
  text-align: center;
}

.popup a {
  color: #411a45;
}

h1,
h2,
h3,
h4,
.title-1,
.title-2,
.title-3,
.title-4 {
  color: #411a45;
  font-weight: bold;
}

h1.center,
h2.center,
h3.center,
h4.center,
.title-1.center,
.title-2.center,
.title-3.center,
.title-4.center {
  text-align: center;
}

h1 {
  text-align: center;
}

h1,
.title-1 {
  font-size: 42px;
  line-height: 48px;
  padding: 15px 0;
}

h2,
.title-2 {
  font-size: 28px;
  line-height: 35px;
  padding: 15px 0;
}

h4,
.title-4 {
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 5px;
}

input[type="submit"],
input[type="button"] {
  cursor: pointer;
  transition: all 0.5s ease;
}

input[type="text"],
input[type="password"],
select,
textarea {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 15px;
  font-size: 13px;
  line-height: 15px;
  font-family: "PT Sans", Arial, sans-serif;
  color: #411a45;
}

textarea {
  height: 75px;
  resize: none;
}

.field.file .file-text-input {
  cursor: pointer;
  background: url(images/screpa1.svg) right center no-repeat;
  background-size: contain;
}

.field.file input[type="file"] {
  display: none;
}

.form .left {
  float: left;
  width: 350px;
}

.form .order {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: center;
  /* float: none; */
  /* width: 550px; */
  /* max-width: 100%; */
  /* margin: 0 auto; */
}

.form .order .field {
  width: 40%;
  min-width: 200px;
  display: inline-block;
  margin: 0 18px;
}

.form .order .field:first-child {
  margin: 0 18px 0 0;
}

.form .order .field:last-child {
  margin: 0 0 0 18px;
}

/* .form .field {
    border: 3px solid #efbd44;
    padding: 10px 20px;
} */
.form .field.submit_btn {
  border: none;
  padding: 0;
  position: relative;
}

.form .field.submit_btn input {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.popup .form .field {
  margin-bottom: 16px;
}

.form .field.error {
  border-color: red;
}

/* .form .field.focused {
    border-color: #53d100;
} */
.form .field input[type="text"],
.form .field input[type="email"],
.form .field input[type="password"],
.form .field select,
.form .field textarea {
  border: 0;
  padding: 0;
  width: 100%;
}

.form .right {
  float: right;
  width: 400px;
}

.form .field {
  margin-bottom: 10px;
}

.form .center {
  text-align: center;
  margin-bottom: 10px;
}

.smm-kp .form .center {
  margin: 0;
  padding: 0 0 19px 0;
}

.form .error,
.ajax-result .error {
  color: red;
}

.form .note,
.ajax-result .note {
  color: green;
}

.main_page .color-dot-bg {
  background: #f7f7f7;
}

.color-dot-bg {
  background: #f0edf0;
}

.rainbow-bg {
  background: url(images/rainbow-bg.png) center bottom no-repeat #fffded;
}

.blue-bg {
  background: url(images/blue-bg.png) center;
  background-size: cover;
}

.solid-rainbow-bg {
  background: url(images/solid-rainbow-bg.png) center top repeat-y;
}

.purple-bg {
  background: url(images/purple-bg.jpg) center;
  background-size: cover;
}

.red-bg {
  background: url(images/red-bg.jpg) center;
  background-size: cover;
  color: white;
}

.yellow-selector {
  margin-bottom: 20px;
}

.yellow-selector.pricelist a {
  background-color: #fff;
}

/* .yellow-selector.pricelist a[data-num="4"]:before {
  content: "";
  width: 33px;
  height: 33px;
  background-image: url(/bitrix/templates/idea-promotion/images/key.png);
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -5px;
  top: -20px;
} */

.yellow-selector a {
  display: inline-block;
  font-weight: 400;
  color: #534f54;
  font-size: 20px;
  line-height: 25px;
  padding: 14px 20px;
  outline: 2px solid #dcdcdc;
  border-radius: 8px;
  text-decoration: none;
  position: relative;
  margin: 5px 4px;
}

.yellow-selector a:hover,
.yellow-selector a.active {
  background: #da434d;
  color: white;
  outline: none;
}

/* .yellow-selector a.active:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(239, 189, 68, 0);
  border-top-color: #efbd44;
  border-width: 7px;
  margin-left: -7px;
} */

.context-list.image-list {
  text-align: center;
}

.context-list .left,
.context-list .right {
  float: left;
  width: 50%;
  padding-top: 40px;
}

.context-list.image-list {
  background: url(images/image-list-bg.png) bottom center no-repeat;
}

.context-list.image-list img {
  max-width: 100%;
}

.tel {
  color: inherit;
  text-decoration: none;
}

.quot {
  font-size: 32px;
  line-height: 40px;
}

.quot .name {
  display: block;
  text-align: right;
  font-size: 16px;
  line-height: 20px;
}

.active-image-block img,
.scaleOnHover,
.fadeOnHover,
.topOnHover {
  transition: all 0.5s ease;
}

.active-image-block:hover img.scaleOnHover,
.scaleOnHover:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.active-image-block:hover img.fadeOnHover,
.fadeOnHover:hover {
  opacity: 0.65;
}

.active-image-block:hover img.topOnHover,
.topOnHover:hover {
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
}

.active-number {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.active-number.hidden {
  opacity: 0;
}

.active-block {
  opacity: 1;
  transition: opacity 2s ease;
}

.active-block.hidden {
  opacity: 0;
}

.active-steps .step {
  opacity: 1;
  transition: opacity 2s ease;
}

.active-steps .step.hidden {
  opacity: 0;
}

.arrow1200 {
  width: 100%;
  max-width: 1200px;
  margin: -0.5% auto 10px auto;
}

.arrow1200 img {
  display: block;
}

.purple-green-bg {
  background: url(images/purple-green-bg.png) top center;
  background-size: 100% 100%;
}

#toTop {
  position: fixed;
  bottom: 50px;
  left: -100%;
  display: none;
  padding: 20px;
  color: #efbd44;
  border: 1px solid #efbd44;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  background: rgba(239, 189, 68, 0.3);
  transition: all 0.5s ease;
  opacity: 0;
  z-index: 0;
}

#toTop.show {
  opacity: 1;
  z-index: 20;
  left: 50px;
}

#toTop:before {
  content: "";
  display: none;
  position: relative;
  border: solid transparent;
  border-bottom-color: initial;
  border-width: 7px;
  top: -7px;
  width: 0;
  height: 0;
  margin: 0 auto;
}

#toTop:hover {
  background: #efbd44;
  color: white;
}

.purple-text {
  color: #431a47;
}

.special-video-iframe {
  display: block;
  width: 1200px;
  height: 675px;
  margin: 0 auto;
  margin-top: 50px;
  padding-bottom: 20px;
}

.why-we.animate .special-video-iframe {
  opacity: 0;
  animation: fadeInItem 0.3s linear forwards;
  animation-delay: 0.7s;
}

.spoilered-text {
  margin-bottom: 20px;
}

.spoilered-text .spoiler {
  overflow: hidden;
  position: relative;
  height: 100px;
}

.spoilered-text .spoiler .overlay {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff');
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.spoilered-text.open .spoiler {
  height: auto;
}

.spoilered-text.open .spoiler .overlay {
  display: none;
}

.spoilered-text .toggleSpoiler {
  display: block;
  margin: 10px 0;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

#best-works .seo-list .item .image .fixed_seo_image_wrapper {
  background: url(components/bitrix/news.detail/portfolio/images/note_front1.png)
    top center no-repeat;
  background-size: 100%;
  padding-bottom: 10.5%;
}

#best-works .seo-list .item .image .fixed_seo_image_wrapper img {
  background: none;
  width: 100%;
  max-width: none;
  padding: 3.5% 14.5% 0;
  box-sizing: border-box;
}

.bx-subscribe .bx-input-group .bx-form-control {
  box-sizing: border-box;
}

.audit-select {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 100px;
  margin-bottom: 50px;
}

.audit-select > div {
  position: relative;
  text-align: center;
  width: 30%;
  padding: 30px 15px 30px 0;
  box-shadow: rgb(254, 239, 215) -10px -10px 0 0 inset;
}

.audit-select > div:nth-child(2) {
  box-shadow: rgb(244, 206, 207) -10px -10px 0 0 inset;
}

.audit-select > div .img {
  height: 195px;
}

.audit-select .titl {
  margin-top: 20px;
  font-size: 28px;
  line-height: 30px;
  font-weight: bold;
  color: #431f47;
}

.audit-select .titl span {
  font-size: 16px;
  color: #776977;
  display: block;
}

.audit-select span.price {
  display: block;
  font-size: 35px;
  color: #f0bc48;
  font-weight: bold;
}

.audit-select .old-price,
.audit-select .new-price {
  display: inline-block;
  width: 40%;
}

.audit-select .new-price {
  display: inline-block;
  font-size: 44px;
  line-height: 46px;
  color: #f0bc48;
  font-weight: bold;
  padding-bottom: 0;
  width: 55%;
}

.audit-select .old-price span {
  font-size: 14px;
  color: #776977;
  display: block;
}

.audit-select .old-price i {
  font-weight: bold;
  font-size: 24px;
  color: #442047;
  font-style: normal;
  text-decoration: line-through;
}

.audit-select input[type="radio"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 7px;
}

.audit-select input[type="radio"] + label {
  position: absolute;
  top: 0;
  left: 10px;
  padding: 0 0 0 35px;
  cursor: pointer;
}

.audit-select input[type="radio"] + label:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 29px;
  height: 29px;
  border: 5px solid #753977;
  border-radius: 50%;
}

.audit-select input[type="radio"] + label:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 7px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #fff;
  transition: 0.2s;
}

.audit-select input[type="radio"]:checked + label:after {
  background: #e8412c;
}

#sheme_circle {
  background-color: #faf8fb;
  padding: 45px 0 180px;
  overflow: hidden;
}

#sheme_circle .circle-wrap {
  background-image: url(images/prodvizhenie/circle/ellipse.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 600px;
  max-width: 100%;
  margin: 115px auto 0;
  position: relative;
}

#sheme_circle .circle .text {
  display: none;
  position: absolute;
  left: 20%;
  width: 60%;
  top: 19%;
  text-align: center;
  transition: all 0.5s ease;
}

#sheme_circle .circle3 .text {
  width: 70%;
  left: 16%;
  top: 12%;
}

#sheme_circle .circle4 .text {
  top: 10%;
  width: 68%;
  left: 16%;
}

#sheme_circle .circle6 .text {
  top: 28%;
}

#sheme_circle .circle .text p.center {
  text-align: center;
}

#sheme_circle .circle .text p.center span {
  display: block;
  margin-bottom: 15px;
}

#sheme_circle .circle .text .image {
  width: 100%;
  height: 110px;
  margin-bottom: 30px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

#sheme_circle .circle3 .text .image {
  height: 85px;
}

#sheme_circle .circle ul {
  list-style-type: none;
  display: inline-block;
  text-align: left;
}

#sheme_circle .circle ul li {
  position: relative;
  margin-bottom: 15px;
}

#sheme_circle .circle ul li:before {
  content: "✔";
  width: 19px;
  height: 19px;
  border: 1px solid #dd525c;
  border-radius: 100%;
  color: #dd525c;
  display: inline-block;
  line-height: 1.5;
  text-align: center;
  font-size: 14px;
  margin-right: 10px;
  position: absolute;
  left: -30px;
  top: 0;
}

#sheme_circle .circle.active .text {
  display: block;
}

#sheme_circle .head {
  position: absolute;
  display: block;
  padding-bottom: 0;
  width: 270px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  color: #523f52;
}

#sheme_circle .active .head {
  color: #db454f;
}

#sheme_circle .head span {
  display: inline-block;
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  width: 22px;
  height: 22px;
  border: 2px solid #fff;
  text-align: center;
  line-height: 20px;
  background-color: #e3b341;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

#sheme_circle .circle.active .head span {
  width: 50px;
  height: 50px;
  border-width: 4px;
  font-size: 24px;
  line-height: 2;
}

#sheme_circle .circle:not(.active) .head span:hover {
  border-color: #e85d4f;
}

#sheme_circle .circle1 .head {
  text-align: center;
  left: 27%;
  top: -9%;
}

#sheme_circle .circle1 .head span {
  bottom: -50px;
  left: 120px;
}

#sheme_circle .circle1.active .head span {
  top: 37px;
  left: 108px;
}

#sheme_circle .circle2 .head {
  right: -47.5%;
  top: 28%;
}

#sheme_circle .circle2 .head span {
  left: -62px;
  top: 5px;
}

#sheme_circle .circle2.active .head span {
  left: -78px;
  top: -10px;
}

#sheme_circle .circle3 .head {
  bottom: 21%;
  right: -35%;
  width: 200px;
}

#sheme_circle .circle3 .head span {
  left: -65px;
}

#sheme_circle .circle3.active .head span {
  left: -93px;
}

#sheme_circle .circle4 .head {
  bottom: -14%;
  left: 28%;
  text-align: center;
}

#sheme_circle .circle4 .head span {
  top: -52px;
  left: 114px;
}

#sheme_circle .circle4.active .head span {
  left: 100px;
  top: -70px;
}

#sheme_circle .circle5 .head {
  bottom: 21%;
  left: -44%;
  text-align: right;
}

#sheme_circle .circle5 .head span {
  right: -50px;
}

#sheme_circle .circle5.active .head span {
  right: -75px;
}

#sheme_circle .circle6 .head {
  top: 28%;
  left: -47%;
  text-align: right;
}

#sheme_circle .circle6 .head span {
  right: -60px;
}

#sheme_circle .circle6.active .head span {
  right: -70px;
}

/*-----------------------------------------------------------------------------*/
#video {
  position: relative;
  /* overflow: hidden; */
  /* min-height: 100vh; */
  background: #411a45;
}

#video .video-frame {
  position: relative;
  display: none;
  z-index: 10;
}

#video video {
  height: 100%;
  width: 100%;
  display: block;
}

#video .section {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: url(images/bg_banner1.png) */
}

.new_fon {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}

/* #video .section>.wrapper {
    padding-top: 32px;
} */
#video .section .logo {
  width: 200px;
  float: left;
  z-index: 6;
}

#video .section .logo img {
  width: 152px;
}

#video .section .contact {
  order: 5;
  float: right;
  color: white;
  text-align: right;
  width: 270px;
  z-index: 6;
}

#video .section .header_callback {
  order: 4;
  float: right;
  display: block;
  text-decoration: none;
  height: 41px;
  line-height: 14px;
  font-size: 16px;
  margin-right: 40px;
  border: 2px solid #ffffff;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  text-align: center;
  z-index: 6;
}

#video .section .header_invite {
  order: 3;
  line-height: 14px;
}

#video .section .contact .text {
  font-size: 14px;
  line-height: 15px;
  vertical-align: middle;
  display: block;
  float: left;
}

#video .section .contact .phone {
  font-size: 27px;
  line-height: 30px;
  font-weight: bold;
  white-space: pre;
  display: inline-block;
  vertical-align: middle;
  /*padding-left: 10px;*/
}

#video .section .contact .line {
  height: 1px;
  background: white;
  opacity: 0.3;
  margin: 5px 0;
}

#video .section .contact .city {
  font-size: 20px;
  line-height: 20px;
  text-align: right;
  position: relative;
}

#video .section .contact .city .top {
  display: block;
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#video .section .contact .city .name {
  text-decoration: none;
  border-bottom: 1px dashed;
  color: #f16dff;
  float: left;
  font-size: 14px;
}

#video .section .contact .city .name_1 {
  text-decoration: none;
  /*float: left;*/
  color: #fff;
  font-size: 20px;
}

#video .section .contact .city .name small {
  font-size: 10px;
}

#video .section .contact .city .name:hover {
  border-color: transparent;
}

#video .section .contact .city .time {
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}

#video .section .contact .city .city-select {
  background: white;
  padding: 7px 20px;
  font-size: 15px;
  line-height: 20px;
  -webkit-box-shadow: 1px 1px 10px #411a45;
  box-shadow: 1px 1px 10px #411a45;
  text-align: left;
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 70px;
  display: none;
}

#video .section .contact .city .city-select ul {
  margin: 0;
  padding: 0;
}

#video .section .contact .city .city-select ul li {
  padding: 5px 0;
}

#video .section .contact .city .city-select ul a {
  color: #411a45;
}

#video .section .contact .city .city-select ul a:hover,
#video .section .contact .city .city-select ul .actives a {
  color: #a623b4;
  text-decoration: none;
}

#video .section .contact .bottom {
  font-size: 20px;
  line-height: 20px;
  text-align: right;
  margin-top: 2px;
}

#video .section .contact .number {
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  text-align: right;
  margin-top: 7px;
}

#video .slogan {
  color: white;
  font-weight: normal;
  font-size: 3.1vw;
  line-height: 58px;
  text-transform: uppercase;
  padding-top: 30%;
  padding-left: 6%;
}

#video .mouse {
  position: relative;
  margin: 3% auto 0;
  cursor: pointer;
  width: 76px;
  height: 134px;
  z-index: -1;
  animation: animTranslateY 1s infinite;
}

#video .mouse:hover .hover {
  opacity: 1;
}

#video .wrapper > .wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

/*-----------------------------------------------------------------------------*/
.header {
  background: #66236d;
  color: white;
}

/*-----------------------------------------------------------------------------*/
.content {
  color: #776978;
  /* min-height: calc(100vh - 477px); */
  min-height: calc(100vh - 184px);
  padding: 95px 0 0 0;
}

.main-page .content {
  padding: 0;
}

/*-----------------------------------------------------------------------------*/
.footer {
  background: #411a45;
  position: relative;
  color: white;
  padding: 20px 0;
}

.footer .footer-number {
  width: 300px;
  margin-right: 150px;
  float: left;
  line-height: 42px;
  font-size: 37px;
  text-align: center;
}

.footer .footer-number .num b {
  font-size: 34px;
}

.footer .footer-number .num a {
  text-decoration: none;
  color: white;
}

.footer .footer-numbers {
  width: 300px;
  float: left;
  text-align: left;
  font-size: 17px;
  line-height: 32px;
}

.footer .copy {
  width: 300px;
  float: right;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
}

.footer .copy .copyright {
  padding-left: 6px;
}

.footer .copy .copyright a {
  color: #fff;
}

.footer .copy .contacts {
  padding-bottom: 10px;
}

.footer .copy .contacts .item {
  line-height: 25px;
}

.footer .copy .contacts i {
  width: 25px;
  height: 15px;
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.footer .copy .contacts .mail i {
  background: url(images/footer/01.svg) no-repeat center;
  background-size: 85% 85%;
}

.footer .copy .contacts .skype i {
  background: url(images/footer/02.svg) no-repeat center;
  background-size: 100% 100%;
}

.footer .copy .contacts a {
  color: white;
}

.footer .copy .contacts a:hover i {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.soclist {
  padding-bottom: 10px;
}

.soclist .title {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 5px;
}

.soclist .item {
  float: left;
  width: 35px;
  padding: 5px 7px 5px 0;
}

.soclist .item a {
  display: block;
  width: 31px;
  height: 31px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 50%;
  /* border: 1px solid transparent; */
}

.soclist .item a.vk:hover svg {
  fill: #4c75a3;
  background: white;
  border-radius: 50%;
  border: #4c75a3;
}

.soclist .item a.fb:hover svg {
  fill: #3b5998;
  background: white;
  border-radius: 50%;
  border: #3b5998;
}

.soclist .item a.ok:hover svg {
  fill: #31ac19;
  background: white;
  border-radius: 50%;
  border: #ffdc80;
}

.soclist .item a.gp:hover svg {
  fill: #c4302b;
  background: white;
  border-radius: 50%;
  border: #ffdc80;
}

.soclist .item a.ig:hover svg {
  fill: #ffdc80;
  background: white;
  border-radius: 50%;
  border: #ffdc80;
}

.soclist .item a.tg:hover svg {
  fill: #0088cc;
  background: white;
  border-radius: 50%;
}

.soclist .item a.dzen:hover svg {
  fill: #dbafef;
  background: white;
  border-radius: 50%;
}

/*-----------------------------------------------------------------------------*/
#video-menu.main-page {
  padding: 0;
  width: 46%;
  text-align: center;
}

#video-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: white;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#video-menu li {
  display: block;
  width: auto;
  margin-right: 49px;
  float: left;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  justify-content: center;
}

#video-menu li a {
  color: white;
  text-decoration: none;
}

#video-menu li > a:hover,
#video-menu li.active > a {
  color: #f16dff;
  text-decoration: none;
}

#video-menu ul ul {
  display: none;
  position: absolute;
  z-index: 40;
  background: white;
  padding: 7px 20px;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  width: 200px;
  top: 40px;
  -webkit-box-shadow: 1px 1px 10px #411a45;
  box-shadow: 1px 1px 10px #411a45;
}

#video-menu ul ul ul {
  top: 0;
  left: 200px;
}

#video-menu.inner ul ul {
  top: 50px;
}

#video-menu ul ul:after {
  display: none;

  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: white;
  border-width: 5px;
  margin-left: -5px;
}

/* #video-menu ul li:hover>ul {
  display: block;
} */

#video-menu ul ul li {
  display: block;
  width: 100%;
  float: none;
  text-align: left;
  padding: 8px 0;
  border-top: 1px solid #dedfdf;
}

#video-menu ul ul li.first {
  border-color: transparent;
}

#video-menu ul ul a {
  color: #411a45;
  display: block;
  padding: 10px 20px;
  color: white;
}

#video-menu ul ul a:hover,
#video-menu ul ul .active a {
  color: #a623b4;
  text-decoration: none;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/

#fixed-menu {
  /*background: url(images/fixed-menu-bg.png) top center repeat-x #5c2062;*/
  background-color: rgba(102, 35, 109, 0.9);
  -webkit-box-shadow: 1px 3px 10px #5c2062;
  box-shadow: 1px 3px 10px #5c2062;
  position: fixed;
  width: 100%;
  top: -100%;
  /*transition: all 0.5s ease;*/
}

#fixed-menu.isFixed {
  top: 0;
  left: 0;
  z-index: 80;
}

main.isFixed {
  padding-top: 70px;
  /*transition: all 0.5s ease;*/
}

#video .burger,
#fixed-menu .burger {
  display: none;
  /*background: url(images/burger.png) center no-repeat #541b5a;*/
  width: 47px;
  height: 57px;
  line-height: 53px;
  text-align: center;
  float: left;
  margin-right: 10px;
}

#video .burger span,
#fixed-menu .burger span {
  position: relative;
  top: 23px;
  background: white;
  width: 35px;
  height: 7px;
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

#video .burger span:before,
#video .burger span:after,
#fixed-menu .burger span:before,
#fixed-menu .burger span:after {
  content: "";
  background: white;
  width: 35px;
  height: 7px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: block;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#video .burger span:before,
#fixed-menu .burger span:before {
  top: -12px;
}

#video .burger span:after,
#fixed-menu .burger span:after {
  top: 5px;
}

#video .burger.open span,
#fixed-menu .burger.open span {
  background: transparent;
}

#video .burger.open span:before,
#fixed-menu .burger.open span:before {
  top: 0;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#video .burger.open span:after,
#fixed-menu .burger.open span:after {
  top: -7px;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#fixed-menu .logo {
  width: 140px;
  line-height: 70px;
  float: left;
}

#fixed-menu .logo img {
  max-width: 100%;
  vertical-align: middle;
}

#fixed-menu ul {
  margin: 0;
  padding: 0 0 0 150px;
  list-style: none;
  color: white;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
}

#fixed-menu li {
  display: block;
  width: 10%;
  float: left;
  text-align: center;
  position: relative;
}

#fixed-menu li a {
  color: white;
}

#fixed-menu .root > li.order-call > a:hover {
  background-image: url(images/header/01.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 18px;
}

#fixed-menu li a:hover,
#fixed-menu li.active a {
  text-decoration: none;
}

#fixed-menu ul ul {
  display: none;
  position: absolute;
  z-index: 20;
  background: white;
  padding: 7px 20px;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  width: 200px;
  top: 70px;
  left: -15px;
  -webkit-box-shadow: 1px 1px 10px #411a45;
  box-shadow: 1px 1px 10px #411a45;
}

#fixed-menu ul ul:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: white;
  border-width: 5px;
  margin-left: -5px;
}

#fixed-menu ul li:hover > ul {
  display: block;
}

#fixed-menu ul ul li {
  display: block;
  width: 100%;
  float: none;
  text-align: left;
  padding: 8px 0;
  border-top: 1px solid #dedfdf;
}

#fixed-menu ul ul li.first {
  border-color: transparent;
}

#fixed-menu ul ul a {
  color: #411a45;
  display: block;
}

#fixed-menu ul ul a:hover,
#fixed-menu ul ul .active a {
  color: #a623b4;
  text-decoration: none;
}

#fixed-menu .next,
#fixed-menu .back {
  display: none;
  cursor: pointer;
  position: relative;
  z-index: 40;
}

#fixed-menu .next {
  font-family: Verdana, Arial;
  font-weight: normal;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}

#fixed-menu .back:before,
#fixed-menu .back:after {
  content: "";
  position: relative;
  width: 20px;
  height: 7px;
  left: 18px;
  display: block;
  background: white;
  border-radius: 0 4px 4px 0;
}

#fixed-menu .back:before {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 28px;
}

#fixed-menu .back:after {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 12px;
}

#fixed-menu .phone .num {
  font-weight: bold;
  font-size: 19px;
  line-height: 20px;
}

#fixed-menu .phone .text {
  font-size: 12px;
  line-height: 14px;
}

#fixed-menu .phone a {
  color: white;
  text-decoration: none;
}

#fixed-menu .root .order-call {
  margin-left: 3%;
  width: 180px;
  height: 45px;
}

#fixed-menu .root .order-call a {
  background-color: #db454f;
  background-image: url(images/header/01.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 18px;
  text-decoration: none;
  height: 45px;
  line-height: 45px;
  margin-top: 10px;
  font-size: 16px;
  padding-left: 20px;
}

#fixed-menu .root .city {
  display: none;
}

#fixed-menu ul ul,
#video-menu ul ul,
#video-menu.inner ul ul {
  width: 280px;
  padding: 0 5px 0 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#fixed-menu ul ul li,
#video-menu ul ul li,
#video-menu.inner ul ul li {
  padding: 0;
  background: #c743bd;
  border-top: 3px solid white;
}

#fixed-menu ul ul a,
#video-menu ul ul a,
#video-menu.inner ul ul a {
  padding: 10px 20px;
  color: white;
  text-decoration: none;
}

#fixed-menu ul ul a:hover,
#fixed-menu ul ul .active a,
#video-menu ul ul a:hover,
#video-menu ul ul .active a,
#video-menu.inner ul ul a:hover,
#video-menu.inner ul ul .active a {
  color: white;
  background: #e14fd4;
  text-decoration: underline;
}

#fixed-menu ul ul ul,
#video-menu ul ul ul,
#video-menu.inner ul ul ul {
  display: none;
  top: -3px;
  left: 100%;
  padding-left: 5px;
}

#fixed-menu ul li:hover > ul,
#video-menu ul li:hover > ul,
#video-menu.inner ul li:hover > ul {
  display: block;
}

#fixed-menu ul ul:after,
#video-menu ul ul:after,
#video-menu.inner ul ul:after {
  display: none;
}

#fixed-menu ul .next,
#video-menu ul .next,
#video-menu.inner ul .next {
  display: none;
}

#fixed-menu ul ul .next,
#video-menu ul ul .next,
#video-menu.inner ul ul .next {
  display: block;
  width: 40px;
  height: 40px;
  float: right;

  font-family: Verdana, Arial;
  font-weight: normal;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#video-services {
  position: absolute;
  width: 100%;
  bottom: 30px;
  z-index: -1;
}

#video-services ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

#video-services ul li {
  position: relative;
  display: inline-block;
  width: 19%;
}

#video-services ul li:after {
  /* content: ""; */
  background-image: url(images/vdots.png);
  width: 1px;
  height: 58px;
  display: block;
  position: absolute;
  right: 0;
  top: 30px;
}

#video-services ul li.last:after {
  background: none;
}

#video-services ul li a {
  text-decoration: none;
  color: white;
  display: block;
}

#video-services ul li a .image {
  margin: 0 auto;
  text-align: center;
  width: 120px;
  height: auto;
}

#video-services ul li a .image img {
  max-width: initial;
  max-height: 100%;
  vertical-align: middle;
}

#video-services ul li a .text {
  font-size: 20px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#advantage .wrapper {
  width: 100%;
  padding: 0;
}

#advantage .big-title {
  background: url(images/advantage-bg.png) repeat-y top center;
}

#advantage .item {
  float: left;
  width: 25%;
  text-align: center;
  color: white;
}

#advantage .item.item1 {
  background: #b364c8;
}

#advantage .item.item2 {
  background: #da424d;
}

#advantage .item.item3 {
  background: #e6c95e;
}

#advantage .item.item4 {
  background: #6ac586;
}

#advantage .item .offset {
  padding: 120px 90px;
}

#advantage .item .number {
  font-weight: bold;
  font-size: 210px;
  line-height: 225px;
  margin: 0 -90px;
  height: 225px;
  position: relative;
  letter-spacing: -10px;
}

#advantage .item .number.hastext {
  letter-spacing: -30px;
}

#advantage .item .number .info {
  font-size: 60px;
  letter-spacing: 0;
  font-weight: normal;
}

#advantage .item .number .plus {
  position: absolute;
  font-size: 60px;
  font-weight: normal;
  top: 50px;
  line-height: 20px;
}

#advantage .item .title {
  font-weight: bold;
  font-size: 22px;
  line-height: 25px;
}

#advantage .item .line {
  margin: 25px auto;
  height: 1px;
  width: 145px;
  background: white;
}

#advantage .item .text {
  font-size: 16px;
  line-height: 20px;
}

#advantage .item .text ul,
#advantage .item .text ol {
  list-style: none;
  margin-left: 0;
}

#advantage .item .text ul li:before,
#advantage .item .text ol li:before {
  content: "— ";
}

#advantage .item .image {
  height: 180px;
  line-height: 180px;
  margin-top: 30px;
}

#advantage .item .image img {
  display: block;
  margin: 0 auto;
  max-height: 180px;
  max-width: 100%;
  vertical-align: bottom;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#best {
  margin-bottom: 40px;
}

#best .list .item {
  float: left;
  width: 30%;
  margin: 0 1.5%;
  text-align: center;
}

#best .list .item .offset {
  padding: 60px;
  border: 2px solid #efbd44;
}

#best .list .item .title {
  font-size: 30px;
  line-height: 35px;
  color: #411a45;
  margin-bottom: 20px;
  font-weight: normal;
  padding: 0;
}

#best .list .item .image {
  margin-bottom: 40px;
  height: 200px;
  line-height: 200px;
}

#best .list .item .image img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#clients {
  padding: 20px 0 60px;
}

#clients .slider {
  position: relative;
}

#clients .list {
  margin: 0 50px;
}

#clients .list ul {
  padding: 0;
  margin: 0;
}

#clients .list ul li {
  float: left;
  height: 150px;
  line-height: 150px;
  width: 20%;
  text-align: center;
}

#clients .list ul li img {
  margin: 0 auto;
  max-width: 140px;
  max-height: 140px;
  vertical-align: middle;
}

#clients .slider .prev,
#clients .slider .next {
  width: 47px;
  height: 47px;
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -23px;
  background: url(images/client-slider-arrows.png);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#clients .slider .prev {
  left: 0;
  background-position: 0 -47px;
}

#clients .slider .prev:hover {
  background-position: 0 0;
}

#clients .slider .next {
  right: 0;
  background-position: -47px -47px;
}

#clients .slider .next:hover {
  background-position: -47px 0;
}

.main_page #clients .max1400 {
  max-width: 1580px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#best-works {
  background: url(images/best-works-bg.png) repeat-x bottom;
}

#best-works .big-title {
  margin: 25px 100px 65px;
  text-align: center;
}

#best-works .dev-seo-selector {
  float: left;
  position: relative;
  left: 725px;
  top: -75px;
}

#best-works .dev-seo-selector a {
  display: inline-block;
  font-weight: bold;
  color: #efbd44;
  font-size: 20px;
  line-height: 25px;
  padding: 7px 15px;
  border: 2px solid #efbd44;
  text-decoration: none;
  position: relative;
}

#best-works .dev-seo-selector a:hover,
#best-works .dev-seo-selector a.active {
  background: #efbd44;
  color: white;
}

#best-works .dev-seo-selector a.active:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(239, 189, 68, 0);
  border-top-color: #efbd44;
  border-width: 7px;
  margin-left: -7px;
}

#best-works .slider {
  /*display: none;*/
  position: relative;
}

#best-works .slider .next,
#best-works .slider .prev,
#uniq-slider .slider .next,
#uniq-slider .slider .prev,
.waterwheel-frame .next,
.waterwheel-frame .prev,
.swiper-button-next,
.swiper-button-prev {
  width: 47px;
  height: 47px;
  display: block;
  position: absolute;
  z-index: 20;
  top: 150px;
  margin-top: -23px;
  background: url(images/client-slider-arrows.png);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#best-works .slider .prev,
#uniq-slider .slider .prev,
.waterwheel-frame .prev,
.swiper-button-prev {
  left: 10px;
  background-position: 0 -47px;
}

#best-works .slider .prev:hover,
#uniq-slider .slider .prev:hover,
.waterwheel-frame .prev:hover,
.swiper-button-prev:hover {
  background-position: 0 0;
}

#best-works .slider .next,
#uniq-slider .slider .next,
.waterwheel-frame .next,
.swiper-button-next {
  right: 10px;
  background-position: -47px -47px;
}

#best-works .slider .next:hover,
#uniq-slider .slider .next:hover,
.waterwheel-frame .next:hover,
.swiper-button-next:hover {
  background-position: -47px 0;
}

#best-works .slider .nav,
#uniq-slider .slider .nav {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 30px;
  text-align: center;
}

#best-works .slider .nav {
  width: 750px;
  text-align: left;
  left: auto;
  right: 0;
}

#best-works .slider .nav .item,
#uniq-slider .slider .nav .item,
.swiper-pagination-bullet {
  display: inline-block;
  cursor: pointer;
  margin: 0 3px;
  border: 2px solid #efbd44;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: none;
  opacity: 1;
}

#best-works .slider .nav .item.active,
#best-works .slider .nav .item:hover,
#uniq-slider .slider .nav .item.active,
#uniq-slider .slider .nav .item:hover,
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active {
  background: #efbd44;
}

#best-works .list {
  margin: 0 100px;
  position: relative;
  padding-bottom: 20px;
}

#best-works .dev-list .list .item {
  min-height: 555px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#best-works .dev-list .item .image {
  background: top right no-repeat;
  width: 1100px;
  height: 610px;
  position: absolute;
  bottom: -35px;
  right: 300px;
}

#best-works .dev-list .item .text {
  width: 650px;
  float: right;
  position: relative;
  z-index: 5;
}

#best-works .dev-list .item .title {
  font-size: 30px;
  line-height: 35px;
  color: #411a45;
  text-transform: uppercase;
}

#best-works .dev-list .item .links {
  margin-top: 20px;
}

#best-works .dev-list .item .link a {
  color: #da424d;
}

#best-works .dev-list .item .info {
  font-weight: bold;
  color: #411a45;
}

#best-works .seo-list .nav {
  clear: both;
  padding: 20px 0;
  position: relative;
  text-align: center;
  width: 100%;
  top: 0;
  left: 0;
}

#best-works .seo-list .list {
  margin: 0;
  list-style: none;
}

#best-works .seo-list li.item {
  padding-bottom: 30px;
}

#best-works .seo-list .item {
  width: 100%;
  display: flex;
  justify-content: center;
}

#best-works .seo-list .item .image {
  /* float: left; */
  order: 2;
  width: 50%;
}

#best-works .seo-list .item .image img {
  max-width: 94%;

  background: url(images/macscreen.png) no-repeat;
  background-size: contain;
  padding: 3% 3% 25% 3%;
  display: block;
  width: auto;
}

#best-works .seo-list .item .text {
  /* float: right; */
  width: 32%;
  order: 1;
}

#best-works .seo-list .item .text .offset {
  padding: 0 100px 0 50px;
}

#best-works .seo-list .item .text .name {
  font-size: 18px;
  line-height: 25px;
  color: #da424d;
  text-transform: uppercase;
}

#best-works .seo-list .item .text .prop-list {
  list-style: none;
  margin: 0;
  margin-bottom: 15px;
}

#best-works .seo-list .item .text .prop-list b {
  color: #411a45;
}

#best-works .seo-list .item .text .req-list {
  margin-bottom: 25px;
  clear: both;
}

#best-works .seo-list .item .text .req-list .head {
  font-size: 20px;
  line-height: 35px;
  font-weight: bold;
  /* text-transform: capitalize; */
  color: #776978;
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 350px;
  margin-bottom: 20px;
}

#best-works .seo-list .item .text .req-list .head .left {
  float: left;
  color: #000000;
}

#best-works .seo-list .item .text .req-list .head .right {
  float: right;
  width: auto;
  color: #000000;
}

#best-works .seo-list .item .text .req-list .item {
  clear: both;
  margin-bottom: 10px;
  width: 100%;
  justify-content: space-between;
  max-width: 360px;
}

#best-works .seo-list .item .text .req-list .item .ico {
  float: left;
  width: 15px;
  height: 22px;
  background: url(images/ya-ico.svg) center no-repeat;
  background-size: 9px 16px;
  margin-right: 5px;
}

#best-works .seo-list .item .text .req-list .item .num {
  float: right;
  width: 30px;
  font-weight: bold;
  text-align: center;
  color: #411a45;
}

#best-works .seo-list .item .text .req-list .item .req {
  padding: 0 30px 0 0;
  max-width: 300px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}

#best-works .seo-list .item .text .req-list .item .req .dotted {
  line-height: 10px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px dotted;
  position: absolute;
  bottom: 5px;
}

#best-works .seo-list .item .text .req-list .item .req .req-text {
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#best-works .seo-list .item .links {
  margin-bottom: 15px;
}

/*-----------------------------------------------------------------------------*/

/* прогресс-бар на главной (Акции и скидки) */

#action_progress {
  background-color: #faf8fb;
  padding: 55px 0;
}

#action_progress .title {
  font-size: 42px;
  line-height: 42px;
  font-weight: bold;
  color: #411a45;
  padding-bottom: 60px;
}

#action_progress .wrapper {
  position: relative;
}

#action_progress .rainbow_bar {
  width: 100%;
  height: 35px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#56d755),
    color-stop(35%, #c2d65f),
    color-stop(70%, #e3867b),
    to(#ff7fa7)
  );
  background-image: -webkit-linear-gradient(
    left,
    #56d755 0%,
    #c2d65f 35%,
    #e3867b 70%,
    #ff7fa7 100%
  );
  background-image: -o-linear-gradient(
    left,
    #56d755 0%,
    #c2d65f 35%,
    #e3867b 70%,
    #ff7fa7 100%
  );
  background-image: linear-gradient(
    to right,
    #56d755 0%,
    #c2d65f 35%,
    #e3867b 70%,
    #ff7fa7 100%
  );
  background-color: #ff7fa7;
  background-image: url(images/rainbow.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  margin-top: 70px;
}

#action_progress .step {
  position: absolute;
  display: block;
  width: 75px;
  height: 90px;
  top: -59px;
  font-size: 30px;
  color: #411a45;
  font-weight: bold;
  text-align: center;
  z-index: 5;
}

#action_progress .step i {
  display: block;
  width: 23px;
  height: 23px;
  border: 2px solid #fff;
  margin-top: 20px;
  background-color: #e3b341;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  left: 27%;
  z-index: 20;
}

#action_progress .descr {
  text-align: center;
  margin-top: 60px;
  height: 60px;
}

#action_progress .descr > div {
  display: none;
}

#action_progress .descr > div > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  color: #83118f;
}

#action_progress .descr p {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  padding-bottom: 0;
}

#action_progress .descr p span {
  font-weight: normal;
  line-height: 1.5;
  font-size: 18px;
}

#action_progress .step0 i {
  display: none;
}

/*#action_progress .step1{
	right: 71%;
}
#action_progress .step2{
	right: 47.6%;
}
#action_progress .step3{
	right: 24%;
}
#action_progress .step4{
	right: 0.7%;
}*/

#action_progress .step1 {
  right: 76%;
}

#action_progress .step2 {
  right: 56.6%;
}

#action_progress .step3 {
  right: 38%;
}

#action_progress .step4 {
  right: 19%;
}

#action_progress .step5 {
  right: 0.7%;
}

#action_progress .note {
  position: absolute;
  left: 30px;
  top: -100px;
}

#action_progress .note i {
  display: inline-block;
  width: 200px;
  vertical-align: middle;
  font-style: italic;
}

#action_progress .note:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 52px;
  background-image: url(images/note_arrow.png);
  background-size: contain;
  background-position: 0 0;
}

#action_progress input[type="range"] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  -moz-appearance: none;
  width: 100%;
  height: 35px;
  background: transparent;
  /* Otherwise white in Chrome */
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 500;
  position: relative;
}

#action_progress input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
}

#action_progress input[type="range"]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

#action_progress input[type="range"]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

/* стилизуем бегунок */

#action_progress input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: normal;
  height: 71px;
  width: 71px;
  border: 4px solid #fff;
  border-radius: 100%;
  background: #ffffff;
  cursor: pointer;
  background-color: #e3b341;
  background-image: url(images/big_circle.png);
  background-size: contain;
  margin-top: -20px;
  z-index: 200;
  position: relative;
}

/* for Firefox */
#action_progress input[type="range"]::-moz-range-thumb {
  height: 71px;
  width: 71px;
  border: 4px solid #fff;
  border-radius: 100%;
  background: #ffffff;
  cursor: pointer;
  background-image: url(images/big_circle.png);
  background-size: contain;
  z-index: 200;
  position: relative;
}

/* for IE */
#action_progress input[type="range"]::-ms-thumb {
  height: 71px;
  width: 71px;
  border: 4px solid #fff;
  border-radius: 100%;
  background: #ffffff;
  cursor: pointer;
  background-image: url(images/big_circle.png);
  background-size: contain;
  z-index: 200;
  position: relative;
}

/* стилизуем трэк */

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 35px;
  cursor: pointer;
  border-radius: 1.3px;
  z-index: 200;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
  background: transparent;
}

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: transparent;
}

input[type="range"]::-ms-track {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: transparent !important;
  border-color: transparent;
  color: transparent;
}

input[type="range"]::-ms-fill-lower {
  background: transparent !important;
  border-color: transparent;
  color: transparent;
}

input[type="range"]:focus::-ms-fill-lower {
  background: transparent !important;
  border-color: transparent;
  color: transparent;
}

input[type="range"]::-ms-fill-upper {
  background: transparent !important;
  border-color: transparent;
  color: transparent;
}

input[type="range"]:focus::-ms-fill-upper {
  background: transparent !important;
  border-color: transparent;
  color: transparent;
}

/* /прогресс-бар на главной (Акции и скидки) */

#video_keys .title {
  font-size: 42px;
  line-height: 42px;
  font-weight: bold;
  color: #411a45;
  padding-bottom: 60px;
  padding-top: 60px;
}

#video_keys > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#video_keys > div > div {
  width: 30%;
  position: relative;
}

#video_keys iframe {
  width: 100%;
  height: 278px;
}

#video_keys .v1img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 278px;
  background-image: url(/upload/redezain/video1.png);
  background-size: cover;
  background-position: 0 0;
  z-index: 10;
}

#video_keys .v2img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 278px;
  background-image: url(/upload/redezain/video2.png);
  background-size: cover;
  background-position: 0 0;
  z-index: 10;
}

#video_keys .v3img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 278px;
  background-image: url(/upload/redezain/video3.png);
  background-size: cover;
  background-position: 0 0;
  z-index: 10;
}

#video_keys .play {
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 67px;
  height: 67px;
  background-image: url(/upload/redezain/play.png);
  z-index: 20;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#video_keys .text {
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
  background: #0000006b;
  height: 67px;
  /* text-align: center; */
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  font-size: 22px;
  color: white;
}

#video_keys .play:hover {
  cursor: pointer;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#video_keys > div p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #411a45;
  margin-top: 30px;
}

/*-----------------------------------------------------------------------------*/
#inner-header {
  padding: 15px 0 5px 0;
}

#inner-header .logo {
  width: 170px;
  padding-right: 30px;
  float: left;
}

#inner-header .logo img {
  max-width: 100%;
}

#inner-header .city {
  font-size: 20px;
  line-height: 20px;
  padding-right: 30px;
  float: left;
  position: relative;
}

#inner-header .city .city-select {
  display: none;
}

#inner-header .city .name {
  text-decoration: none;
  border-bottom: 1px dashed;
  color: #f16dff;
}

#inner-header .city .name:hover {
  border-color: transparent;
}

#inner-header .city .time {
  font-size: 14px;
  line-height: 20px;
  padding-left: 10px;
}

#inner-header .city .city-select {
  background: white;
  padding: 7px 20px;
  font-size: 15px;
  line-height: 20px;
  -webkit-box-shadow: 1px 1px 10px #411a45;
  box-shadow: 1px 1px 10px #411a45;
  text-align: left;
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 70px;
  display: none;
}

#inner-header .city .city-select ul {
  margin: 0;
  padding: 0;
}

#inner-header .city .city-select ul li {
  padding: 5px 0;
}

#inner-header .city .city-select ul a {
  color: #411a45;
}

#inner-header .city .city-select ul a:hover,
#inner-header .city .city-select ul .actives a {
  color: #a623b4;
  text-decoration: none;
}

#inner-header .city .bottom {
  font-size: 20px;
  line-height: 20px;
  margin-top: 7px;
}

#inner-header .city .bottom .number {
  font-weight: bold;
}

#inner-header .contact {
  float: left;
  color: white;
  text-align: right;
  width: 300px;
  padding-top: 5px;
  padding-right: 30px;
}

#inner-header .contact .text {
  font-size: 14px;
  line-height: 15px;
  vertical-align: middle;
  display: block;
  padding: 5px 0;
  float: right;
}

#inner-header .contact .phone {
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

#inner-header .order {
  float: right;
}

#inner-header .order .red-button {
  text-transform: none;
  margin-top: 3px;
  padding: 10px 20px 10px 40px;
  background-image: url(images/header/01.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 18px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#video-menu.inner {
  background: #ad45b8;
  padding: 0;
  border-top: 1px solid #d980e0;
  border-bottom: 1px solid #d57ada;
}

#video-menu.inner ul {
  font-size: 18px;
}

#video-menu.inner ul ul {
  font-size: 15px;
}

#video-menu.inner li {
  padding: 0;
}

#video-menu.inner li a {
  display: block;
  padding: 10px 0;
  border: 1px solid transparent;
}

#video-menu.inner ul ul li a {
  /*padding: 8px 0;*/
  padding: 10px 20px;
}

#video-menu.inner .root > li > a:hover,
#video-menu.inner .root > li.active > a {
  background: #c450cf;
  color: white;
  border-left: 1px solid #d980e0;
  border-right: 1px solid #d980e0;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
.breadcrumbs {
  /* padding-top: 20px; */
  padding-top: 15px;
  font-size: 13px;
  line-height: 1.5;
  /* color: #a1a1a1; */
  color: #979797;
}

.breadcrumbs a {
  /* color: #a1a1a1; */
  color: #480e53;
  font-weight: 400;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#how-we-make {
  position: relative;
}

#how-we-make .titles {
  text-align: center;
  padding-bottom: 20px;
}

#how-we-make .left,
#how-we-make .right {
  float: left;
  width: 50%;
}

#how-we-make .bg-left,
#how-we-make .bg-right {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 50%;
  top: 0;
}

#how-we-make .bg-left {
  left: 0;
  /* background: url(images/dev/dev-left-bg4.png) left bottom no-repeat #59c6f2; */
}

#how-we-make .bg-right {
  right: 0;
  /* background: url(images/dev/dev-right-bg4.png) right bottom no-repeat #00a8e7; */
}

#how-we-make .big-title {
  background: url(/bitrix/templates/idea-promotion/images/complex-arrows.png)
    no-repeat bottom center;
  background-size: 650px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#how-we-make .price {
  background-color: #ffffff;
  padding: 20px 0 80px 0;
}

#how-we-make .price .title {
  margin-bottom: 100px;
}

#how-we-make .price.animate .title span {
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.3s;
  display: inline-block;
}

#how-we-make .price .list {
  background: white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

#how-we-make .price .list .item {
  border: 1px solid #e8e8e8;
  box-shadow: 0px 32px 38px rgba(73, 13, 94, 0.1);
  border-radius: 22px;
  padding: 10px 15px;
  display: inline-block;
  width: 98%;
  margin: 0 2%;
  background-color: #ffffff;
  margin-bottom: 40px;
}

#how-we-make .price.animate .list .item {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
}

#how-we-make .price.animate .list .item:nth-child(1) {
  animation-delay: 0.6s;
}

#how-we-make .price.animate .list .item:nth-child(2) {
  animation-delay: 1s;
}

#how-we-make .price.animate .list .item:nth-child(3) {
  animation-delay: 1.5s;
}

#how-we-make .price.animate .list .item:nth-child(4) {
  animation-delay: 2s;
}

#how-we-make .price .list .item .offset {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#how-we-make .price .list .data {
  text-align: center;
  /* width: 230px; */
  /* float: left; */
}

#how-we-make .price .list .image {
  width: 125px;
  height: 125px;
  line-height: 125px;
  margin: 0 auto 10px;
}

#how-we-make .price .list .image img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

#how-we-make .price .list .line {
  display: none;
}

#how-we-make .price .list .name {
  color: #411a45;
  font-weight: bold;
  /* text-transform: uppercase; */
  font-size: 20px;
  line-height: 27px;
  /* margin-bottom: 5px; */
}

#how-we-make .price .list .num {
  font-size: 18px;
  line-height: 23px;
  color: #da424e;
}

#how-we-make .price .list .desc p {
  text-align: center;
  line-height: 31px;
  padding: 0;
}

@media (min-width: 320px) {
  #how-we-make .price .title {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  #how-we-make .price .list .item .offset {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }

  #how-we-make .price .title {
    margin-bottom: 100px;
  }

  #how-we-make .price .list .desc p {
    text-align: start;
  }

  #how-we-make .price .list .line {
    margin: 0 20px;
    display: block;
  }

  #how-we-make .price .list .item {
    padding: 30px 45px;
    width: 90%;
    margin-bottom: 75px;
  }
}

@media (min-width: 900px) {
  #how-we-make .price .list .item {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  #how-we-make .price .list .item {
    width: 38%;
  }
}

@media (min-width: 1300px) {
  #how-we-make .price .list .desc p {
    font-size: 20px;
  }

  #how-we-make .price .list .item {
    width: 36%;
    padding: 35px 50px;
  }
}

@media (min-width: 1600px) {
  #how-we-make .price .list .item {
    width: 30%;
    padding: 40px 64px;
  }
}

#how-we-make .price .list .desc .link {
  text-align: right;
}

#how-we-make .bottom {
  position: relative;
  overflow: hidden;
}

#how-we-make .bottom .data {
  position: relative;
  z-index: 10;
}

#how-we-make .bottom .title-1 {
  padding: 55px 0;
}

#how-we-make .bottom .text-list {
  /*background: url(images/dev/dev-text-bg.png?1) center bottom no-repeat;*/
  padding: 20px 0 170px;
}

#how-we-make .bottom .text-list .items {
  position: relative;
  z-index: 10;
}

#how-we-make .bottom .text-list .item {
  float: left;
  width: 50%;
}

#how-we-make .bottom .text-list .item .offset {
  background: rgba(255, 255, 255, 0.9);
  padding: 20px 40px;
  margin: 15px;
}

#how-we-make .bottom .text-list .item .title {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
}

#how-we-make .bottom .parallax {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#how-we-make .bottom .parallax .m,
#how-we-make .bottom .parallax .n,
#how-we-make .bottom .parallax .k {
  position: absolute;
  bottom: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#how-we-make .bottom .parallax .m {
  width: 86px;
  height: 153px;
  background: url(images/dev/dev-text-m.png) center no-repeat;
  z-index: 10;
  right: 0;
  margin-right: 200px;
  margin-bottom: -100px;
}

#how-we-make .bottom .parallax .n {
  width: 412px;
  height: 223px;
  background: url(images/dev/dev-text-n.png) center no-repeat;
  z-index: 5;
  right: 0;
  margin-bottom: -100px;
}

#how-we-make .bottom .parallax .k {
  width: 462px;
  height: 179px;
  background: url(images/dev/dev-text-k.png) center no-repeat;
  top: 100px;
  z-index: 5;
  margin-left: -30%;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#aim {
  padding: 120px 0 100px 0;
  color: #534f54;
  /* background: url(images/aim-bg.jpg) center no-repeat; */
  background-color: #f7f7f7;
}

#aim .slogan {
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 50px;
  color: #480e53;
}

#aim .aim-list .item {
  float: left;
  width: 25%;
  line-height: 90px;
  margin-bottom: 25px;
}

#aim .aim-list .item .offset {
  padding-right: 25px;
}

#aim .aim-list .item .image {
  width: 90px;
  height: 90px;
  line-height: 90px;
  position: relative;
  padding-right: 12px;
  float: left;
  text-align: center;
}

#aim .aim-list .item .image .bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  background: white;
  border-radius: 90px;
  -moz-border-radius: 90px;
  -webkit-border-radius: 90px;
}

#aim .aim-list .item .image img {
  position: relative;
  z-index: 1;
  max-width: 90px;
  max-height: 90px;
  vertical-align: middle;
}

#aim .aim-list .item .text {
  font-weight: bold;
  line-height: 90px;
  width: 150px;
  float: left;
  text-align: left;
}

#aim .aim-list .item .text span {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#get-new {
  padding: 60px 0 4px 0;
  text-align: left;
  color: #431a47;
  background: #ffffff;
}

#get-new .get-new-container {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 50px;
  box-sizing: border-box;
}

#get-new .slogan {
  color: #480e53;
  font-size: 45px;
  line-height: 1.1;
  font-weight: bold;
  margin-bottom: 48px;
  overflow: hidden;
}

#get-new .slogan-wrapper {
  width: 47%;
}

#get-new.animate .slogan span {
  display: inline-block;
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

#get-new.animate .slogan-image {
  opacity: 0;
}

#get-new.animate .slogan-image {
  animation: fadeInItem 0.5s linear forwards;
  animation-delay: 1.3s;
}

#get-new .text {
  font-size: 20px;
  line-height: 1.55;
}

#get-new .text p:last-child {
  color: #da434d;
  font-weight: 700;
}

#get-new.animate .text {
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.5s;
}

#get-new .text-wrap {
  overflow: hidden;
}

#get-new .button {
  padding: 20px 0;
}

#get-new.animate .button {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 0.9s;
  opacity: 0;
}

#get-new .slogan-image {
  width: 46%;
}

#get-new .slogan-image img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

#get-new .button a {
  max-width: 320px;
  background-color: #da434d;
  border-radius: 8px;
  border: none;
}

@media (max-width: 1700px) {
  #get-new .get-new-container {
    padding: 0 10px;
  }
}

@media (max-width: 1600px) {
  #get-new .slogan {
    font-size: 2.8vw;
  }
}

@media (max-width: 1300px) {
  #get-new .slogan-wrapper {
    width: 50%;
  }
}

@media (max-width: 1200px) {
  #get-new .text {
    font-size: 16px;
  }
}

@media (max-width: 1023px) {
  #get-new .get-new-container {
    flex-wrap: wrap;
    justify-content: center;
  }

  #get-new .slogan-wrapper {
    width: 90%;
    margin-bottom: 20px;
  }

  #get-new .slogan-image {
    width: 60%;
    padding-bottom: 50px;
  }

  #get-new .text p:not(:last-child) br {
    display: none;
  }
}

@media (max-width: 1000px) {
  #get-new .slogan {
    font-size: 35px;
  }

  #get-new .text {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  #get-new .slogan-wrapper {
    width: 100%;
  }

  #get-new .slogan-image {
    width: 80%;
  }
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#why-we {
  background-color: #ffffff;
  padding: 20px 0 40px;
}

.why-we .big-title {
  padding-bottom: 0;
  color: #3f1a46;
  font-size: 60px;
  overflow: hidden;
}

.why-we.animate .big-title span {
  display: inline-block;
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.3s;
}

#why-we .description {
  text-align: center;
  font-size: 20px;
  margin-bottom: 50px;
  color: #534f54;
}

.why-we.animate .description {
  opacity: 0;
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 0.8s;
}

#why-we.red-bg .big-title,
#why-we.red-bg .title {
  color: white;
}

#why-we .why-list .item {
  float: left;
  width: 25%;
}

.why-we.animate .item {
  opacity: 0;
  animation: fadeInItem 0.3s ease-out forwards;
}

.why-we.animate .item:nth-child(1) {
  animation-delay: 1.2s;
}

.why-we.animate .item:nth-child(2) {
  animation-delay: 1.6s;
}

.why-we.animate .item:nth-child(3) {
  animation-delay: 1.8s;
}

.why-we.animate .item:nth-child(4) {
  animation-delay: 2s;
}

#why-we .why-list .item .offset {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 7px 20px 7px 5px;
}

#why-we .why-list .item .image {
  position: relative;
  margin-bottom: 30px;
}

#why-we .why-list .item .image .bg {
  background: #f1f0f1;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

#why-we .why-list .item .image img {
  position: relative;
  z-index: 1;
  vertical-align: middle;
}

#why-we .why-list .item .title {
  color: #480e53;
  font-weight: bold;
  font-size: 25px;
  line-height: 1;
  margin-bottom: 5px;
}

#why-we .why-list .item .text p {
  font-size: 20px;
  color: #534f54;
  line-height: 1.55;
}

#why-we.red-bg .why-list .item .title {
  color: white;
}

#why-we .attention-title {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  color: #da434d;
}

.why-we.animate .attention-title {
  opacity: 0;
  animation: fadeInItem 0.3s ease-in forwards;
  animation-delay: 2.3s;
}

@media (max-width: 1600px) {
}

@media (max-width: 1500px) {
  #why-we .why-list .item .title {
    font-size: 22px;
  }

  #why-we .why-list .item .text p {
    font-size: 1.2vw;
  }

  #why-we .big-title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1300px) {
  #why-we .big-title {
    font-size: 3.3vw;
  }
}

@media (max-width: 1200px) {
  #why-we .why-list .item {
    width: 50%;
  }

  #why-we .why-list .item .text p {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  #why-we .big-title {
    font-size: 35px;
  }
}

@media (max-width: 768px) {
  #why-we .why-list .item {
    width: 100%;
  }

  #why-we .why-list .item .image {
    margin: 0 auto 30px;
  }

  #why-we .why-list .item .title {
    text-align: center;
  }

  #why-we .why-list .item .text p {
    text-align: center;
  }

  #why-we .attention-title br {
    display: none;
  }

  #why-we .attention-title {
    font-size: 16px;
  }
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#review {
  padding: 30px 0 60px 0;
}

#review .wrapper {
  padding: 0;
}

#review .review-list {
  overflow: hidden;
}

#review .review-list .item {
  width: 16.6%;
  text-align: center;
  float: left;
  overflow: hidden;
}

#review .review-list .item .offset {
  padding: 5px;
  display: inline-block;
}

#review .review-list .item .image {
  height: 250px;
  line-height: 250px;
  position: relative;
  text-align: center;
  display: inline-block;
  background: white;
}

#review .review-list .item .image img {
  max-width: 100%;
  max-height: 250px;
  vertical-align: middle;
}

#review .review-list .item .image .bg {
  position: absolute;
  z-index: 1;
  border: 4px solid transparent;
  top: -4px;
  left: -4px;
  width: 100%;
  height: 100%;
  line-height: 250px;
}

#review .review-list .item .image:hover .bg {
  border-color: #da434d;
  background-color: rgba(218, 67, 77, 0.5);
}

#review .review-list .item .image .bg span {
  background: #da434d;
  color: white;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 35px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#review .review-list .item .image:hover .bg span {
  opacity: 1;
}

#review .review-list .item .image .line {
  border-top: 3px solid #da434d;
  position: relative;
}

#review .review-list .item .image .line:after {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #da434d;
  border-width: 5px;
}

#review .review-list .item .name {
  text-align: left;
  color: #411a45;
  font-style: italic;
  padding-top: 10px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/

#about .title-1 {
  text-align: center;
}

#achivment {
  padding: 60px 0;
}

#achivment .list {
  text-align: center;
  padding: 0 0 20px 0;
}

#achivment .list .item {
  width: 145px;
  display: inline-block;
}

#achivment .list .item .offset {
  padding: 10px;
  width: 125px;
  height: 125px;
  line-height: 125px;
}

#achivment .list .item img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

#achivment .slogan {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  color: #efc500;
  max-width: 500px;
  min-height: 160px;
  margin: 0 auto;
  padding: 0 70px;
  text-align: center;
  position: relative;
}

#achivment .slogan .text {
  padding-top: 30px;
}

#achivment .slogan .line {
  max-width: 250px;
  height: 1px;
  margin: 15px auto 0;
  background: #efc500;
}

#achivment .slogan .left,
#achivment .slogan .right {
  position: absolute;
  top: 50%;
  margin-top: -78px;
  width: 58px;
  height: 156px;
  background: url(images/slogan-list.png);
}

#achivment .slogan .left {
  left: 0;
  background-position: left center;
}

#achivment .slogan .right {
  right: 0;
  background-position: right center;
}

#clients-list {
  padding: 60px 0;
}

#clients-list .list {
  text-align: center;
}

#clients-list .list .item {
  display: inline-block;
  text-align: center;
  width: 280px;
  height: 180px;
  line-height: 160px;
}

#clients-list .list .item .offset {
  padding: 10px;
}

#clients-list .list .item img {
  max-width: 260px;
  max-height: 160px;
  vertical-align: middle;
}

#clients-list .list .item a {
  color: #999999;
  text-decoration: none;
  border-bottom: 1px dashed;
}

#reasons {
  position: relative;
}

#reasons .wrapper {
  width: 1150px;
  min-width: 290px;
  position: relative;
  z-index: 20;
}

#reasons .left {
  float: left;
  width: 860px;
}

#reasons .right {
  float: left;
  width: 290px;
}

#reasons .item {
  border: 5px solid white;
  background: #760488;
  color: white;
  float: left;
  width: 280px;
  height: 280px;
  line-height: 280px;
}

#reasons .item.double {
  width: 560px;
}

#reasons .right .item.double {
  width: 280px;
  height: 570px;
  line-height: 570px;
}

#reasons .item.yellow {
  background: #febd3b;
}

#reasons .item.green {
  background: #58c97b;
}

#reasons .item.red {
  background: #df2e39;
}

#reasons .item .offset {
  line-height: 20px;
  vertical-align: middle;
  display: inline-block;
  padding: 20px;
}

#reasons .item.first {
  text-align: center;
}

#reasons .item.first .offset {
  text-align: left;
  text-shadow: 2px 2px 2px black;
  font-size: 30px;
  line-height: 35px;
  font-weight: bold;
}

#reasons .item .name {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  -webkit-transition: font-size 1s ease;
  -o-transition: font-size 1s ease;
  transition: font-size 1s ease;
}

#reasons .bg-left,
#reasons .bg-right {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 355px;
  height: 100%;
}

#reasons .bg-left {
  left: 0;
  background: url(images/about-bg-left.jpg) top left no-repeat;
}

#reasons .bg-right {
  right: 0;
  background: url(images/about-bg-right.jpg) top right no-repeat;
}

#reasons .bg-fade {
  position: absolute;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(images/video-overlay.png);
}

#reasons .bg-top,
#reasons .bg-bottom {
  height: 5px;
  background: white;
  position: absolute;
  z-index: 17;
  width: 100%;
  left: 0;
}

#reasons .bg-top {
  top: 0;
}

#reasons .bg-bottom {
  bottom: 0;
}

#about .color-line {
  background: url(images/about-color-line.png) no-repeat top center #faf8fb;
  min-height: 1143px;
}

#about .color-line .list .item {
  width: 23.3%;
  padding: 0 5%;
  float: left;
  text-align: center;
  color: #776978;
  padding-top: 110px;
}

#about .color-line .list .item .text {
  height: 255px;
}

#about .color-line .list .item .num {
  color: #830990;
  font-size: 80px;
  line-height: 80px;
  font-weight: bold;
}

#about .color-line .list .item .desc {
  text-transform: uppercase;
  color: #411a45;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 24px;
}

#about .color-line .list .item .info {
  font-size: 14px;
  line-height: 18px;
}

#about .color-line .list .item .image {
  height: 195px;
  line-height: 195px;
}

#about .color-line .list .item .image img {
  vertical-align: bottom;
  max-height: 195px;
  max-width: 100%;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#team-photo {
  padding: 40px 0;
}

#team-photo .slider {
  background: url(images/team-photo-bg.jpg) center top no-repeat;
  position: relative;
}

#team-photo .slider .overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(images/video-overlay.png);
}

#team-photo .slider .wrapper {
  position: relative;
  z-index: 15;
  padding: 0;
  max-width: 800px;
}

#team-photo .slider .wrapper .frame {
  margin: 0 auto;
}

#team-photo .slider ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#team-photo .slider ul li {
  text-align: center;
}

#team-photo .slider ul img {
  max-width: 100%;
  max-height: 480px;
  margin: 0 auto;
  display: block;
}

#team-photo .slider .next,
#team-photo .slider .prev {
  width: 47px;
  height: 47px;
  display: block;
  position: absolute;
  z-index: 20;
  top: 50%;
  margin-top: -23px;
  background: url(images/client-slider-arrows.png);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#team-photo .slider .prev {
  left: -50px;
  background-position: 0 -47px;
}

#team-photo .slider .prev:hover {
  background-position: 0 0;
}

#team-photo .slider .next {
  right: -50px;
  background-position: -47px -47px;
}

#team-photo .slider .next:hover {
  background-position: -47px 0;
}

#team-photo .button {
  text-align: center;
  padding-top: 20px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
/* #zakaz {
    padding: 100px 0;
} */
#zakaz .title-1 {
  font-weight: bold;
  font-size: 60px;
  line-height: 100%;
}

#zakaz .after-title {
  font-weight: normal;
  font-size: 22px;
  line-height: 155%;
  /* identical to box height, or 34px */

  color: #534f54;
}

#work-form textarea {
  height: 192px;
}

#work-form .red-button {
  font-size: 20px;
  line-height: 22px;
  text-transform: none;
  padding: 10px 40px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/

#seo-full .title-1 {
  text-align: center;
}

#seo-full #best-works {
  padding-top: 40px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#price {
  padding: 155px 0 200px;
}

#price.kontekst {
  padding: 100px 0 106px;
  margin-bottom: 150px;
}

#price .list .item {
  float: left;
  width: 31%;
  min-width: 250px;
  color: #776978;
  margin-bottom: 20px;
}

#price.context_price .list .item {
  width: 50%;
  margin: 0 auto 20px;
  float: none;
}

#price.context_price .list .item .offset {
  height: auto;
}

#price.context_price .list .item .desc {
  width: 80%;
}

#price.context_price .list .item .image img {
  max-width: 110px;
}

#price.context_price .list .item .image {
  height: auto;
  line-height: 1;
  padding-bottom: 0;
}

#price.context_price div.button a {
  width: 290px;
  max-width: 100%;
  padding: 15px 0;
}

#price .list .item.middle {
  padding: 0 3%;
}

#price .list .item .offset {
  position: relative;
  height: 550px;
  padding: 40px 0;
  background: white;
  -webkit-box-shadow: 5px 5px 1px #e2d0c7;
  box-shadow: 5px 5px 1px #e2d0c7;
  text-align: center;
  overflow: hidden;
}

body.angle #price .offset .triger,
#price .offset .triger_middle {
  display: none;
}

body.angle #price .offset .triger_middle {
  display: block;
}

#price .offset .triger {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 115px !important;
}

#price .offset .triger span {
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 11px 0;
  width: 45px;
  height: 45px;
  box-sizing: border-box;
}

#price .offset .triger p {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #776978;
  padding-bottom: 0;
  line-height: 1.3;
}

#price .offset .triger_middle {
  width: 100px !important;
  padding: 30px 40px 10px;
  position: absolute;
  background-color: #75ad38;
  color: #fff;
  font-weight: bold;
  right: -65px;
  top: -10px;
  line-height: 1;
  transform: rotate(45deg);
}

#price .offset .trig1 span {
  background-image: linear-gradient(to right, #f9b039 50%, #e39019);
}

#price .offset .trig2 span {
  background-image: linear-gradient(to right, #83bc45 50%, #55992e);
}

#price .offset .trig3 span {
  background-image: linear-gradient(to right, #d2d2d2 50%, #bdbdbd);
}

#price .list .item .offset > div {
  margin: 0 auto;
  width: 250px;
}

#price .list .item .name {
  color: #411a45;
  font-weight: bold;
  font-size: 30px;
  line-height: 35px;
  padding-bottom: 20px;
}

#price .list .item .image {
  width: 170px;
  height: 170px;
  line-height: 170px;
  padding-bottom: 20px;
  text-align: center;
}

#price .list .item .image img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 170px;
}

#price .list .item .desc ul {
  list-style: none;
  margin: 0;
}

#price .list .item .desc ul b {
  color: #411a45;
}

#price .list .item .price {
  font-weight: bold;
  font-size: 34px;
  line-height: 40px;
  color: #efbd44;
  padding: 25px 0;
}

#price .tarif-text-list .item {
  float: left;
  width: 50%;
}

#price .tarif-text-list .item .offset {
  margin: 10px;
  padding: 15px;
  background: white;
  -webkit-box-shadow: 5px 5px 1px #e2d0c7;
  box-shadow: 5px 5px 1px #e2d0c7;
}

#price .tarif-text-list .item .image {
  width: 80px;
  height: 80px;
  line-height: 80px;
  float: left;
  text-align: center;
  padding-top: 15px;
}

#price .tarif-text-list .item .image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

#price .tarif-text-list .item .text {
  padding-left: 100px;
}

#price .tarif-text-list .item .text .title {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
}

#price .title-2 {
  padding-bottom: 30px;
}

#price .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#price .flex div {
  min-width: 48.5%;
  padding: 25px 0;
  margin-right: 2%;
  background: white;
  -webkit-box-shadow: 5px 5px 1px #e2d0c7;
  box-shadow: 5px 5px 1px #e2d0c7;
  text-align: center;
}

#price .flex div:nth-child(2) {
  margin-right: 0;
}

#price .flex div {
  color: #411a45;
  font-weight: bold;
  margin-bottom: 20px;
}

#price .flex div p {
  font-weight: normal;
}

#price .flex div span {
  font-size: 24px;
}

#price .slick-dots {
  text-align: center;
  margin-left: 0;
  padding-bottom: 0;
}

#price .slick-dots li {
  display: inline-block;
  margin-right: 9px;
  height: 13px;
}

#price .slick-dots li button {
  display: block;
  font-size: 0;
  width: 13px;
  height: 13px;
  border: 2px solid #efbd44;
  border-radius: 100%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: none;
}

#price .slick-dots li.slick-active button {
  background-color: #efbd44;
}

.main_page #price .max1200 {
  max-width: 1580px;
}

#price .list .item .offset {
  height: 530px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #efbd43;
}

.main_page #price .list .item {
  width: 28.5%;
}

.main_page #price .list .item.middle {
  padding: 0 7.2%;
}

.yellow-selector {
  margin-bottom: 45px;
  margin-top: 40px;
  position: relative;
  text-align: center;
}

.yellow-selector .controls {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.yellow-selector .controls .left,
.yellow-selector .controls .right {
  position: absolute;
  width: 36px;
  height: 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 4px;
  cursor: pointer;
}

.yellow-selector .controls .left {
  background-image: url(images/control-left.png);
  left: 10px;
}

.yellow-selector .controls .right {
  background-image: url(images/control-right.png);
  right: 10px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
.seo-group {
  margin: 40px 0;
}

.seo-group img {
  max-width: 100%;
}

.seo-group .big {
  display: none;
}

.seo-group .adaptive {
  display: block;
  position: relative;
}

.seo-group .adaptive .item {
  float: left;
  width: 25%;
  text-align: center;
  position: relative;
  z-index: 20;
}

.seo-group .adaptive .item.bottom {
  margin-top: 175px;
}

.seo-group .adaptive .item img {
  width: 80%;
}

.seo-group .adaptive .arrow {
  position: absolute;
  z-index: 10;
  top: auto;
  bottom: 17%;
  background: url(images/seo-image-arrows.png) no-repeat bottom center;
  width: 25%;
  height: 75px;
}

.seo-group .adaptive .arrow.top {
  background-position: top center;
  top: 5%;
}

.seo-group .adaptive .arrow.r90 {
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#sercher-list {
  margin-top: 30px;
}

#sercher-list .item {
  width: 25%;
  float: left;
  text-align: center;
  color: black;
  position: relative;
  padding: 20px 0 40px;
}

#sercher-list .item .bg {
  background: #ffdb4c;
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#sercher-list .item .offset {
  position: relative;
  z-index: 10;
}

#sercher-list .item .image {
  height: 100px;
  padding: 0 40px;
  line-height: 100px;
  margin: 0 auto 30px;
}

#sercher-list .item .image img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

#sercher-list .item .text {
  line-height: 18px;
}

#sercher-list .item .text .desc {
  font-weight: bold;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#why-seo {
  margin: 40px 0;
}

#why-seo .list .item {
  float: left;
  width: 25%;
  text-align: center;
}

#why-seo .list .item .offset {
  padding: 20px;
}

#why-seo .list .item .image {
  height: 160px;
  line-height: 160px;
  margin-bottom: 10px;
}

#why-seo .list .item .image img {
  max-width: 100%;
  vertical-align: middle;
}

#why-seo .list .item .name {
  font-weight: bold;
  margin-bottom: 10px;
  color: #411a45;
}

#why-seo .list .item .desc {
  font-size: 14px;
  line-height: 18px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#why-we-seo {
  padding: 60px 0;
}

#why-we-seo .title-2 {
  text-align: center;
}

#why-we-seo .left,
#why-we-seo .right {
  width: 50%;
  float: left;
}

#why-we-seo #achivment {
  padding: 0 0 20px 0;
}

#why-we-seo #achivment .list .item {
  width: 100px;
  height: 120px;
  line-height: 120px;
}

#why-we-seo #achivment .list .item .offset {
  width: 80px;
  height: 100px;
  line-height: 100px;
}

#why-we-seo #achivment .list .item img {
  vertical-align: middle;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/

#our-rating .list .item {
  float: left;
  width: 33%;
  text-align: center;
  color: #776978;
}

#our-rating .list .item .offset {
  padding: 0 10px;
}

#our-rating .list .item .image {
  height: 30px;
  line-height: 30px;
}

#our-rating .list .item .image img {
  max-width: 100%;
  max-height: 30px;
  vertical-align: middle;
}

#our-rating .list .item .text {
  border-top: 2px solid #ffb829;
  border-bottom: 2px solid #ffb829;
  padding: 10px 0;
  margin: 10px 0;
}

#our-rating .list .item .text .num {
  font-weight: bold;
  color: #da424d;
  font-size: 20px;
}

#our-rating .list .item .text .desc {
  font-size: 14px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/

#why-seo-list .item .offset {
  padding-left: 50px;
}

#why-seo-list .item .image {
  width: 70px;
  height: 70px;
  line-height: 70px;
  float: left;
}

#why-seo-list .item .image img {
  max-width: 70px;
  max-height: 70px;
  vertical-align: middle;
}

#why-seo-list .item .text {
  min-height: 70px;
  margin-left: 90px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d0c8d7;
  margin-bottom: 20px;
}

#why-seo-list .item .text .name {
  font-weight: bold;
  color: #411a45;
  padding-bottom: 10px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#contact .item {
  display: none;
}

#contact .item.active {
  display: block;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#our-duty {
  margin-bottom: 40px;
}

#our-duty .list .item {
  float: left;
  width: 25%;
  text-align: center;
}

#our-duty .list .item .image {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  line-height: 200px;
  text-align: center;
}

#our-duty .list .item .image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

#our-duty .list .item .name {
  color: #411a45;
  font-size: 14px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#about-duty {
  padding: 40px 0;
}

#about-duty .title-1 {
  text-transform: uppercase;
}

#about-duty .left,
#about-duty .right {
  width: 50%;
  float: left;
}

#about-duty .list {
  margin-top: 40px;
}

#about-duty .list .item {
  padding: 0 20px 40px;
  color: #411a45;
}

#about-duty .list .item .num {
  font-size: 22px;
  line-height: 75px;
  height: 75px;
  width: 75px;
  text-align: center;
  vertical-align: middle;
  float: left;
  border: 2px solid #411a45;
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
}

#about-duty .list .item .text {
  padding-left: 100px;
}

#about-duty .list .item .text .name {
  font-weight: bold;
  padding-bottom: 10px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#our-scheme {
  padding: 40px 0;
}

#our-scheme .list {
  text-align: center;
  margin-top: 20px;
}

#our-scheme .list .item {
  display: inline-block;
  width: 125px;
  margin-bottom: 15px;
  text-align: center;
  vertical-align: top;
}

#our-scheme .list .item .image {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  padding-bottom: 10px;
  line-height: 100px;
}

#our-scheme .list .item .image img {
  max-width: 100px;
  max-height: 100px;
  vertical-align: middle;
}

#our-scheme .list .item .text {
  color: #411a45;
}

#our-scheme .list .arrow {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: 25px;
  background: url(images/scheme-arrow.png) center center no-repeat;
}

/*-----------------------------------------------------------------------------*/
#support {
  padding: 150px 0;
}

.support__title {
  text-align: center;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 107px;
  overflow: hidden;
}

.support-animate.animate .support__title span {
  display: inline-block;
  opacity: 0;
  animation: textIn 0.3s ease-in forwards;
  animation-delay: 0.3s;
}

#support .list {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.support-animate.animate .item,
.support-animate.animate .arrow {
  opacity: 0;
  animation: fadeInItem 0.3s linear forwards;
}

.support-animate.animate .item1 {
  animation-delay: 0.5s;
}

.support-animate.animate .arrow1 {
  animation-delay: 0.8s;
}

.support-animate.animate .item2 {
  animation-delay: 1.1s;
}

.support-animate.animate .arrow2 {
  animation-delay: 1.4s;
}

.support-animate.animate .item3 {
  animation-delay: 1.7s;
}

.support-animate.animate .arrow3 {
  animation-delay: 2s;
}

.support-animate.animate .item4 {
  animation-delay: 2.3s;
}

.support-animate.animate .arrow4 {
  animation-delay: 2.7s;
}

.support-animate.animate .item5 {
  animation-delay: 3s;
}

#support .list .item {
  display: inline-block;
  margin-bottom: 15px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}

#support .list .item .image {
  width: 122px;
  height: 122px;
  margin: 0 auto;
  padding-bottom: 10px;
  line-height: 122px;
}

#support .list .item .image img {
  max-width: 122px;
  max-height: 122px;
  vertical-align: middle;
}

#support .list .item .text {
  color: #411a45;
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  text-align: start;
}

#support .list .arrow {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: 25px;
  background: url(images/service-new/support/how-we-work/arrow.png) center
    center no-repeat;
}

@media (max-width: 1600px) {
  #support .list .item .text {
    font-size: 2.25vw;
  }
}

@media (max-width: 1500px) {
  #support {
    padding: 120px 0;
  }

  .support__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1400px) {
  #support .list .item .text {
    font-size: 30px;
  }
}

@media (max-width: 1300px) {
  #support {
    padding: 100px 0;
  }
}

@media (max-width: 1200px) {
  #support .list .item .text {
    font-size: 25px;
  }

  #support .list .item .image {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding-bottom: 10px;
    line-height: 100px;
  }

  #support .list .item .image img {
    max-width: 100px;
    max-height: 100px;
    vertical-align: middle;
  }
}

@media (max-width: 1050px) {
  #support {
    padding: 80px 0;
  }
}

@media (max-width: 1023px) {
  .support__title {
    font-size: 35px;
  }

  #support .list .item {
    width: 120px;
  }

  #support .list {
    flex-wrap: wrap;
    justify-content: center;
  }

  #support .list .item .text {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  #support {
    padding: 40px 0;
  }

  .support__title {
    margin-bottom: 60px;
  }

  #support .list .item {
    width: 150px;
  }

  #support .list .item .text {
    text-align: center;
  }
}

@media (max-width: 370px) {
  #support .list .item {
    width: 100%;
    margin-bottom: 0;
  }

  #support .list .arrow {
    transform: rotate(90deg);
    margin-bottom: 20px;
  }
}

/*-----------------------------------------------------------------------------*/
#duty-works {
  padding: 40px 0;
}

#duty-works .slogan {
  font-size: 50px;
  line-height: 60px;
  font-weight: bold;
  color: #253f65;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 60px;
  padding: 0;
}

#duty-works .list {
  position: relative;
  color: #4f5963;
  text-align: center;
}

#duty-works .list .item {
  display: inline-block;
  text-align: left;
  width: 460px;
  padding: 0 20px;
  vertical-align: top;
}

/*#duty-works .list .item {
	position: absolute;
	padding-left: 65px;
	background: url(images/duty-aim.png) top left no-repeat;
}
#duty-works .list .item.item1 {
	top: 200px;
	left: 0;
}
#duty-works .list .item.item2 {
	top: 100px;
	left: 400px;
}
#duty-works .list .item.item3 {
	top: -100px;
	left: 700px;
}*/
#duty-works .list .item .name {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 28px;
  color: #253f65;
}

/*-----------------------------------------------------------------------------*/
.time-costs-wrapper {
  width: 100%;
  background-color: #ffffff;
  padding: 130px 0 140px;
  box-sizing: border-box;
}

.time-costs {
  margin: 0 auto;
  width: 100%;
  padding: 0 10px;
  max-width: 1620px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.time-costs__title {
  font-size: 60px;
  line-height: 1;
  color: #480e53;
  overflow: hidden;
  text-align: center;
  font-weight: 700;
  padding: 0 10px;
  margin-bottom: 30px;
}

.time-costs-wrapper.animate .time-costs__title span {
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
  display: inline-block;
}

.time-costs__subtitle {
  margin-bottom: 100px;
  text-align: center;
  width: 100%;
  color: #534f54;
  font-size: 24px;
  line-height: 1.55;
  font-weight: 400;
  overflow: hidden;
}

.time-costs-wrapper.animate .time-costs__subtitle span {
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.6s;
  opacity: 0;
  display: inline-block;
}

.time-costs__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

.time-costs__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
}

.time-costs-wrapper.animate .time-costs__item {
  opacity: 0;
  animation: fadeInItem 0.3s linear forwards;
}

.time-costs-wrapper.animate .time-costs__item:nth-child(1) {
  animation-delay: 1s;
}

.time-costs-wrapper.animate .time-costs__item:nth-child(2) {
  animation-delay: 1.4s;
}

.time-costs-wrapper.animate .time-costs__item:nth-child(3) {
  animation-delay: 1.8s;
}

.time-costs-wrapper.animate .time-costs__item:nth-child(4) {
  animation-delay: 2.3s;
}

.time-costs__time {
  margin-top: 46px;
  font-weight: bold;
  margin-bottom: 36px;
  color: #480e53;
  line-height: 1;
  font-size: 36px;
}

.time-costs__desc {
  text-align: center;
  min-height: 53px;
  color: #534f54;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 30px;
}

.time-costs__info {
  text-align: center;
  font-style: italic;
  color: #534f54;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.1;
}

.time-costs__footer {
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 1.55;
  color: #534f54;
  margin-top: 100px;
  overflow: hidden;
}

.time-costs-wrapper.animate .time-costs__footer span {
  opacity: 0;
  display: inline-block;
  animation: textIn 0.3s ease-in forwards;
  animation-delay: 2.7s;
}

.time-costs__img {
  display: block;
  width: 100%;
  max-width: 225px;
}

@media (max-width: 1500px) {
  .time-costs__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1300px) {
  .time-costs__subtitle,
  .time-costs__desc,
  .time-costs__info,
  .time-costs__footer {
    font-size: 20px;
  }

  .time-costs__time {
    font-size: 30px;
  }

  .time-costs__subtitle {
    margin-bottom: 80px;
  }

  .time-costs__footer {
    margin-top: 80px;
  }

  .time-costs-wrapper {
    padding: 100px 0;
  }
}

@media (max-width: 1200px) {
  .time-costs__img {
    max-width: 200px;
  }

  .time-costs__time {
    margin-top: 35px;
    margin-bottom: 30px;
    font-size: 25px;
  }

  .time-costs__subtitle,
  .time-costs__desc,
  .time-costs__info,
  .time-costs__footer {
    font-size: 18px;
  }

  .time-costs__subtitle {
    margin-bottom: 60px;
  }

  .time-costs__desc {
    margin-bottom: 20px;
  }

  .time-costs-wrapper {
    padding: 80px 0;
  }
}

@media (max-width: 1023px) {
  .time-costs__title {
    font-size: 35px;
  }

  .time-costs__img {
    max-width: 125px;
  }

  .time-costs__subtitle,
  .time-costs__footer {
    font-size: 16px;
  }

  .time-costs__desc,
  .time-costs__info {
    font-size: 14px;
  }

  .time-costs__subtitle {
    margin-bottom: 50px;
  }

  .time-costs__time {
    font-size: 20px;
    margin: 25px 0;
  }

  .time-costs__desc {
    margin-bottom: 15px;
  }

  .time-costs__footer {
    margin-top: 60px;
  }
}

@media (max-width: 700px) {
  .time-costs__inner {
    flex-wrap: wrap;
  }

  .time-costs__item {
    width: 50%;
  }

  .time-costs__item:nth-child(-n + 2) {
    margin-bottom: 30px;
  }

  .time-costs__desc {
    min-height: 40px;
  }

  .time-costs-wrapper {
    padding: 60px 0;
  }
}

@media (max-width: 650px) {
  .time-costs__subtitle br {
    display: none;
  }

  .time-costs__footer br {
    display: none;
  }
}

@media (max-width: 450px) {
  .time-costs__item {
    width: 100%;
  }

  .time-costs__item:nth-child(-n + 2) {
    margin-bottom: 0;
  }

  .time-costs__item:nth-child(-n + 3) {
    margin-bottom: 20px;
  }

  .time-costs-wrapper {
    padding: 40px 0;
  }

  .time-costs__title {
    font-size: 33px;
  }
}

/*-----------------------------------------------------------------------------*/
#duty-time {
  padding: 40px 0;
}

#duty-time .duty-footer {
  text-align: center;
  font-size: 24px;
  line-height: 1.55;
  color: #534f54;
  margin-top: 100px;
}

.duty__title {
  font-size: 60px;
  line-height: 1;
  color: #480e53;
  overflow: hidden;
  text-align: center;
  font-weight: 700;
  padding: 0 10px;
  margin-bottom: 30px;
}

#duty-time.animated .duty__title span {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
  display: inline-block;
}

#duty-time p {
  text-align: center;
  font-size: 24px;
  line-height: 1.55;
  color: #534f54;
}

#duty-time .list {
  margin-top: 20px;
}

#duty-time .list .item {
  text-align: center;
  float: left;
  width: 25%;
  padding-bottom: 10px;
}

#duty-time .list .item .image {
  width: 125px;
  height: 125px;
  line-height: 125px;
  margin: 0 auto 20px;
}

#duty-time .list .item .image img {
  max-width: 125px;
  max-height: 125px;
  vertical-align: middle;
}

#duty-time .list .item .time {
  font-weight: bold;
  margin-bottom: 36px;
  color: #480e53;
  line-height: 1;
  font-size: 36px;
}

#duty-time .list .item .desc {
  padding: 0 20px;
  font-size: 14px;
  line-height: 18px;
}

#duty-time .list .item .desc .info {
  font-style: italic;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#duty-tarif {
  padding: 40px 0;
}

#duty-tarif .list {
  margin-top: 20px;
  position: relative;
  height: 750px;
}

/*#duty-tarif .list .left {
	float: left;
	width: 30%;
}
#duty-tarif .list .right {
	float: left;
	width: 70%;
}

#duty-tarif .list .left .item {
	padding-top: 22px;
}
#duty-tarif .list .right .item {
	float: left;
	width: 33.3%;
	color: black;
	transition: all 0.5s ease;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}
#duty-tarif .list .right .item .offset {
	border: 2px solid #efbd44;
	text-align: center;
	padding: 20px;
	transition: all 0.5s ease;
	background: white;
}
#duty-tarif .list .item .line {
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 20px;
}
#duty-tarif .list .item .line.name {
	font-weight: bold;
	font-size: 22px;
	color: black;
	margin-top: -20px;
}
#duty-tarif .list .item .line.no-border {
	border: 0;
}
#duty-tarif .list .right .item .line.name {
	color: #efbd44;
	margin: -20px -20px 0;
	border-color: #efbd44;
	transition: all 0.5s ease;
}
#duty-tarif .list .left .item .line.name {
	border-color: transparent;
}
#duty-tarif .list .item .line .key {
	display: none;
}
#duty-tarif .list .item .line .value {
	font-weight: bold;
}

#duty-tarif .list .right .item .button {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -17px;
	left: 0;
}
#duty-tarif .list .right .item .button:hover a {
	background: white;
}

#duty-tarif .list .right .item:hover {
	z-index: 2;
	margin-bottom: 0;
}
#duty-tarif .list .right .item:hover .offset {
	margin: -10px -10px 0 -10px;
	padding: 20px 30px 40px 30px;
	border-color: #da424d;
}
#duty-tarif .list .right .item:hover .line.name {
	color: #da424d;
	border-color: #da424d;
	margin-bottom: 10px;
}*/

#duty-tarif .list .item .button {
  padding: 20px 30px;
  position: relative;
  z-index: 20;
  width: 230px;
  position: relative;
  cursor: pointer;
}

#duty-tarif .list .item:hover .button,
#duty-tarif .list .item.active .button {
  background: #efbd44;
  color: white;
}

#duty-tarif .list .item:hover .button:after,
#duty-tarif .list .item.active .button:after {
  content: "";
  border: 20px solid transparent;
  border-left: 20px solid #efbd44;
  position: absolute;
  top: 50%;
  right: -40px;
  margin-top: -20px;
}

#duty-tarif .list .item .button .name {
  text-transform: uppercase;
  color: #411a45;
  font-weight: bold;
  margin-bottom: 10px;
}

#duty-tarif .list .item:hover .name,
#duty-tarif .list .item.active .name {
  color: white;
}

#duty-tarif .list .item .data {
  opacity: 0;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 290px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 720px;
  /*height: 378px;*/
  height: auto;
  border: 3px solid #efbd44;
  padding: 40px;
}

#duty-tarif .list .item.active .data {
  opacity: 1;
  z-index: 15;
}

#duty-tarif .list .item .data b {
  font-weight: bold;
  color: #242424;
  display: block;
  margin-bottom: 5px;
}

#duty-tarif .list .item .data span.yes,
#duty-tarif .list .item .data span.no {
  padding-right: 5px;
}

#duty-tarif .list .item .data span.yes {
  color: #31ac19;
}

#duty-tarif .list .item .data span.no {
  color: #ff1324;
  font-size: 25px;
  line-height: 22px;
  vertical-align: top;
}

#duty-tarif .list .item .data .tarif-order-btn a {
  max-width: 218px;
  margin: 0 auto;
  padding: 14px 70px;
  background-color: #da434d;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  transition: transform 0.2s linear;
  cursor: pointer;
  box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1);
  border: none;
}

#duty-tarif .list .item .data .tarif-order-btn a:hover {
  transform: scale(1.1);
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#context-list {
  color: #411a45;
}

#context-list .title-2 {
  padding-left: 100px;
  text-transform: uppercase;
}

#context-list .list .item {
  padding: 10px 0;
}

#context-list .list .item .gal {
  float: left;
  color: #dd525c;
  width: 75px;
  text-align: right;
}

#context-list .list .item .num {
  width: 75px;
  height: 75px;
  line-height: 75px;
  margin-left: 12px;
  color: #da424d;
  text-align: center;
  font-size: 22px;
  float: left;
  border: 2px solid #da424d;
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
}

#context-list .list .item .text {
  padding-left: 100px;
  font-style: italic;
}

#context-list .list .item .text .name {
  font-weight: bold;
  font-style: normal;
  padding-bottom: 5px;
}

#context-list .list .arrow {
  margin-left: 14px;
  width: 75px;
  text-align: center;
  color: #ffb010;
  line-height: 25px;
  font-size: 25px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#context-price,
#context-price-control {
  padding: 40px 0;
}

#context-price .list .item,
#context-price-control .list .item {
  float: left;
  width: 33.3%;
  text-align: center;
}

#context-price .list .item .image,
#context-price-control .list .item .image {
  width: 200px;
  height: 200px;
  line-height: 200px;
  margin: 0 auto;
}

#context-price .list .item .image img,
#context-price-control .list .item .image img {
  max-width: 200px;
  max-height: 200px;
  vertical-align: middle;
}

#context-price-control .list .item .name {
  color: #411a45;
  font-weight: bold;
}

#context-price .list .item .desc,
#context-price-control .list .item .desc {
  padding: 0 10px;
}

#context-price .list .item {
  width: 30%;
}

#context-price .list .item .name {
  color: #411a45;
  font-size: 18px;
}

#context-price .list .plus {
  float: left;
  color: #da424d;
  line-height: 200px;
  font-size: 30px;
  width: 5%;
  text-align: center;
}

#context-price .info {
  padding-top: 20px;
  text-align: center;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
.karina-hello {
  padding-top: 30px;
}

.karina-hello .image {
  float: left;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  overflow: hidden;
}

.karina-hello .image {
  max-width: 100px;
}

.karina-hello .text {
  padding-left: 120px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
.after-audit {
  padding: 40px 0;
}

.after-audit .title {
  color: inherit;
}

.after-audit.block-1 {
  background: #8fcccd;
  color: #0d3f40;
}

.after-audit.block-2 {
  background: #f6f1e2;
  color: #411a45;
}

.after-audit.block-2 .desc li {
  padding: 4px 0;
}

.after-audit .image,
.after-audit .text {
  float: left;
}

.after-audit .image {
  width: 38%;
  text-align: center;
}

.after-audit .text {
  width: 60%;
}

.after-audit.block-1 .image {
  float: right;
}

.after-audit .image img {
  max-width: 100%;
  max-height: 100%;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#audit-aim-list {
  padding-bottom: 40px;
  border-bottom: 1px solid #e3dde3;
}

#audit-aim-list .item {
  width: 25%;
  float: left;
  text-align: center;
  margin: 20px 0;
}

#audit-aim-list .item .offset {
  padding: 0 20px;
}

#audit-aim-list .item .image {
  width: 190px;
  height: 190px;
  line-height: 190px;
  margin: 0 auto 20px;
}

#audit-aim-list .item .image img {
  max-width: 190px;
  max-height: 190px;
  vertical-align: middle;
}

#audit-aim-list .item .name {
  color: #411a45;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
.get-audit {
  text-align: center;
  margin: 40px 0;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
.why-complex {
  padding: 20px 0 0 0;
}

.why-complex .cont {
  position: relative;
  padding-bottom: 30px;
}

.why-complex .text {
  float: left;
  width: 50%;
  padding: 20px 0;
}

.why-complex .image {
  width: 45%;
  position: absolute;
  height: 100%;
  right: 0;
  background: url(images/mount.png) bottom no-repeat;
  background-size: 100%;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
.complex-list {
  padding: 20px 0;
}

.complex-list .item {
  float: left;
  width: 50%;
}

.complex-list .item .offset {
  padding: 15px;
  height: 120px;
  line-height: 120px;
}

.complex-list .item .image {
  width: 100px;
  height: 100px;
  line-height: 100px;
  float: left;
}

.complex-list .item .image img {
  max-width: 100px;
  max-height: 100px;
  vertical-align: middle;
}

.complex-list .item .text {
  padding-left: 120px;
}

.complex-list .item .text .middle {
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#team-photo .title-1 {
  padding-bottom: 30px;
}

.bold {
  font-weight: bold;
}

.title.bold {
  color: #411a45;
}

.title.center {
  text-align: center;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#catalog-top {
  padding: 40px 0;
  margin-bottom: 20px;
  overflow: hidden;
}

#catalog-top .slogan {
  color: #412b6e;
  font-size: 38px;
  line-height: 40px;
  font-weight: bold;
  text-transform: uppercase;
}

#catalog-top .slogan .small {
  font-size: 28px;
  font-weight: normal;
  line-height: 30px;
  text-transform: lowercase;
}

#catalog-top .wrapper {
  position: relative;
}

#catalog-top .list .item {
  margin: 10px 0;
  clear: both;
  line-height: 90px;
}

#catalog-top .list .item .image {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  float: left;
}

#catalog-top .list .item .image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

#catalog-top .list .item .desc {
  padding-left: 20px;
  width: 320px;
  display: inline-block;
  line-height: 22px;
  vertical-align: middle;
}

#catalog-top .list .item .desc .name {
  font-weight: bold;
  color: #412b6e;
  font-size: 18px;
  margin-bottom: 5px;
}

#catalog-top .images {
  position: absolute;
  left: 550px;
  top: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
}

#catalog-top .images img {
  position: absolute;
  max-height: 500px;
  top: 0;
  left: 0;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/

.catalog-list .item {
  float: left;
  width: 33%;
}

.catalog-list .item .offset {
  margin: 10px;
  border: 1px solid #e4e0e5;
}

.catalog-list .item .image {
  height: 270px;
  line-height: 270px;
  overflow: hidden;
  text-align: center;
}

.catalog-list .item .image img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

.catalog-list .item .desc {
  padding: 15px;
  border-top: 3px solid #efbd44;
}

.catalog-list .item .name {
  font-size: 28px;
  line-height: 35px;
  font-weight: bold;
  text-transform: uppercase;
  color: #412b6e;
}

.catalog-list .item .numbers {
  margin: 10px 0;
}

.catalog-list .item .numbers .item {
  float: none;
  width: auto;
  display: inline-block;
  color: #776978;
}

.catalog-list .item .numbers .item.bordered {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #e4e0e5;
}

.catalog-list .item .numbers .item .text {
  font-size: 15px;
  line-height: 17px;
}

.catalog-list .item .numbers .item .value {
  font-weight: bold;
  font-size: 28px;
  line-height: 35px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#why-complex {
  padding: 20px 0 40px;
}

#why-complex .title {
  background: url(images/complex-arrows.png) no-repeat bottom center;
  background-size: 480px;
  padding-bottom: 50px;
  margin-bottom: 20px;
}

#why-complex .button {
  margin-top: 20px;
  text-align: center;
}

#why-complex .text {
  float: left;
  width: 50%;
  text-align: center;
}

#why-complex .text .offset {
  width: 400px;
  display: inline-block;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#complex-banner {
  background: url(images/complex-banner3.jpg) bottom center no-repeat;
  padding: 40px 0;
  color: white;
  text-align: center;
}

#complex-banner .slogan {
  font-size: 60px;
  line-height: 68px;
  font-weight: bold;
  padding: 0 0 45px 0;
  color: white;
}

#complex-banner .slogan2 {
  width: 360px;
  margin: 0 auto;
  font-size: 22px;
  line-height: 28px;
  padding-bottom: 50px;
  /*border-bottom: 1px solid #6f5380;*/
  margin-bottom: 20px;
}

#complex-banner .title {
  /*color: #40dbd0;*/
  padding-bottom: 50px;
}

#complex-banner .text-list .item {
  float: left;
  width: 33%;
}

#complex-banner .text-list .item .offset {
  padding: 10px 20px;
  margin: 0 50px 25px;
  height: 270px;
  line-height: 270px;
  position: relative;
  background: rgba(48, 4, 70, 0.7);
}

#complex-banner .text-list .item .text {
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 20;
}

#complex-banner .text-list .item .bg-left,
#complex-banner .text-list .item .bg-right {
  position: absolute;
  z-index: 10;
  width: 50%;
  height: 100%;
  top: -8px;
}

#complex-banner .text-list .item .bg-left {
  left: -8px;
  border: 8px solid #29c2b7;
  border-right: 0;
}

#complex-banner .text-list .item .bg-right {
  right: -8px;
  border: 8px solid #4f708c;
  border-left: 0;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#uniq-top {
  padding: 40px 0;
  color: white;
  background: url(images/uniq-top-bg.jpg?1) top center no-repeat;
}

#uniq-top .slogan {
  font-weight: bold;
  font-size: 60px;
  line-height: 84px;
  margin-bottom: 40px;
}

#uniq-top .list .item {
  float: left;
  width: 33.3%;
  text-align: center;
}

#uniq-top .list .item .offset {
  width: 300px;
  margin: 0 auto;
}

#uniq-top .list .item .image {
  margin-bottom: 10px;
  width: 300px;
  height: 300px;
  line-height: 300px;
  text-align: center;
}

#uniq-top .list .item .image img {
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}

#uniq-top .list .item .text {
  font-size: 24px;
  line-height: 30px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#uniq-time {
  padding: 40px 0;
}

#uniq-time .toSolutions {
  color: #411a45;
  text-align: center;
  font-size: 22px;
  line-height: 28px;
}

#uniq-time .toSolutions a {
  color: #da424d;
}

#uniq-time .list {
  padding: 10px 0 40px;
}

#uniq-time .list .item {
  float: left;
  width: 33.3%;
}

#uniq-time .list .item .offset {
  width: 300px;
  margin: 0 auto;
}

#uniq-time .list .item .image {
  width: 165px;
  height: 165px;
  line-height: 165px;
  margin: 0 auto 10px auto;
  text-align: center;
}

#uniq-time .list .item .image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

#uniq-time .list .item .text {
  text-align: center;
}

#uniq-time .list .item .text .name {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #411a45;
  margin-bottom: 5px;
}

#uniq-time .list .item .text .desc {
  font-style: italic;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#uniq-work {
  padding: 40px 0;
}

#uniq-work .list {
  position: relative;
}

#uniq-work .list .line {
  position: absolute;
  /* z-index: 10; */
  z-index: 1;
  top: 85px;
  left: 144px;
  width: 2px;
  background: white;
  height: 1020px;
}

#uniq-work .list .item {
  padding: 10px 0;
  position: relative;
  /* z-index: 20; */
  z-index: 2;
}

#uniq-work .list .item .image {
  float: left;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  padding: 25px 0;
  margin-right: 20px;
}

#uniq-work .list .item .image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

#uniq-work .list .item .num {
  float: left;
  margin: 50px 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  background: white;
  color: #411a45;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

#uniq-work .list .item .data {
  line-height: 150px;
  padding-left: 190px;
}

#uniq-work .list .item .data .text {
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
}

#uniq-work .list .item .data .text .name {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #411a45;
  margin-bottom: 5px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#uniq-slider {
  padding: 185px 0 162px;
}

.unic-slider-wrapper {
  min-width: 300px;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1620px;
  box-sizing: border-box;
}

#uniq-slider .link {
  text-align: center;
}

#uniq-slider .slogan {
  text-align: center;
  color: #3f1a46;
  font-size: 44px;
  line-height: 1.2;
  padding: 20px 0 40px;
}

#uniq-slider .slider {
  position: relative;
  margin: 100px 0 162px 0;
}

#uniq-slider .slider .nav {
  bottom: -100px;
}

#uniq-slider .list {
  margin: 0 90px;
  position: relative;
}

#uniq-slider .list .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#uniq-slider .list .item .offset {
  padding-bottom: 20px;
}

#uniq-slider .list .item .name {
  font-weight: bold;
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 32px;
  color: #3f1a46;
}

#uniq-slider .list .item .desc {
  font-size: 18px;
  line-height: 1.55;
  color: #534f54;
  font-weight: 400;
}

#uniq-slider .list .item .link {
  text-align: left;
  margin-bottom: 10px;
}

#uniq-slider .list .item .link a {
  color: #da424d;
}

#uniq-slider .list .item .image {
  float: right;
  width: 50%;
  margin-left: 50px;
}

#uniq-slider .list .item .data {
  padding-top: 0;
}

.unic-slider-wrapper .unic-slider__title {
  text-align: center;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
}

.unic-slider-wrapper.animate .unic-slider__title span {
  display: inline-block;
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.2s;
}

.unic-slider-wrapper.animate .slider {
  opacity: 0;
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 0.5s;
}

.unic-slider-wrapper.animate .slogan {
  opacity: 0;
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 1s;
}

.unic-slider-wrapper.animate .link {
  opacity: 0;
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 1.4s;
}

#uniq-slider .red-button {
  background: #da434d;
  border: 2px solid #da434d;
  padding: 14px 30px;
  border-radius: 8px;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
  transition: all 0.3s linear;
}

#uniq-slider .red-button:hover {
  transform: scale(1.05);
}

@media (max-width: 1500px) {
  .unic-slider-wrapper .unic-slider__title {
    font-size: 3.75vw;
  }

  #uniq-slider .list .item .name {
    font-size: 2.4vw;
  }

  #uniq-slider {
    padding: 150px 0;
  }
}

@media (max-width: 1400px) {
  #uniq-slider .list .item .desc {
    font-size: 16px;
  }

  #uniq-slider {
    padding: 120px 0;
  }
}

@media (max-width: 1300px) {
  #uniq-slider .list .item .name {
    margin-bottom: 20px;
  }

  #uniq-slider {
    padding: 100px 0;
  }
}

@media (max-width: 1200px) {
  #uniq-slider {
    padding: 80px 0;
  }

  #uniq-slider .slogan {
    font-size: 3.6vw;
  }

  #uniq-slider .slider {
    margin: 80px 0;
  }

  #uniq-slider .slider .nav {
    bottom: -50px;
  }

  #uniq-slider .list .item .image {
    float: right;
    width: 50%;
    margin-left: 20px;
  }
}

@media (max-width: 1150px) {
  #uniq-slider .list .item .desc {
    font-size: 14px;
  }
}

@media (max-width: 1100px) {
  #uniq-slider .slider {
    margin: 60px 0;
  }

  #uniq-slider .list .item .image {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }

  #uniq-slider .list .item .image img {
    margin: 0 auto;
    display: block;
  }

  #uniq-slider .list .item .desc {
    font-size: 16px;
  }

  #uniq-slider .slogan {
    font-size: 25px;
  }

  #uniq-slider .list .item .name {
    font-size: 25px;
  }
}

@media (max-width: 1023px) {
  .unic-slider-wrapper .unic-slider__title {
    font-size: 35px;
  }

  #uniq-slider .list {
    margin: 0 58px;
  }
}

@media (max-width: 550px) {
  #uniq-slider .list {
    margin: 0 25px;
  }
}

@media (max-width: 500px) {
  #uniq-slider .list {
    margin: 0 20px;
  }
}

@media (max-width: 450px) {
  #uniq-slider .list {
    margin: 0;
  }
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#audit-form input[type="text"] {
  width: 350px;
}

#audit-form input[type="submit"] {
  padding: 10px 20px;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
.dev-text-list .item {
  width: 25%;
  float: left;
  cursor: pointer;
}

.dev-text-list .item .offset {
  padding: 10px;
}

.dev-text-list .item .image {
  float: left;
  width: 85px;
  height: 85px;
  line-height: 85px;
  text-align: center;
}

.dev-text-list .item .image img {
  vertical-align: middle;
  max-width: 85px;
  max-height: 85px;
}

.dev-text-list .item .text {
  padding-left: 100px;
  line-height: 85px;
}

.dev-text-list .item .text .data {
  line-height: 22px;
  vertical-align: middle;
  display: inline-block;
}

/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
#serm_banner {
  padding: 40px 0;
  background: url(images/serm_banner_bg.png) center no-repeat;
  background-size: cover;
}

#serm_banner .text-list .item {
  float: left;
  width: 33%;
  text-align: center;
}

#serm_banner .text-list .item .offset {
  padding: 10px 20px;
  margin: 0 50px;
  position: relative;
  background: white;
}

#serm_banner .text-list .item .bg-left,
#serm_banner .text-list .item .bg-right {
  position: absolute;
  z-index: 1;
  width: 50%;
  height: 100%;
  top: -8px;
}

#serm_banner .text-list .item .data {
  position: relative;
  z-index: 2;
}

#serm_banner .text-list .item .bg-left {
  left: -8px;
  border: 8px solid #adf2f2;
  border-right: 0;
}

#serm_banner .text-list .item .bg-right {
  right: -8px;
  border: 8px solid #81c6b2;
  border-left: 0;
}

#serm_banner .text-list .item .number {
  position: relative;
  top: -8px;
  left: -18px;
  width: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  background: #81c6b2;
  color: white;
}

#serm_banner .text-list .item .title {
  font-size: 30px;
  line-height: 32px;
  font-weight: bold;
  color: #411a45;
}

#serm_banner .text-list .item .image {
  height: 80px;
  padding: 20px 0;
  line-height: 80px;
}

#serm_banner .text-list .item .image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

#serm_banner .text-list .item .text {
  height: 132px;
  overflow: hidden;
}

#serm_scheme {
  padding: 40px 0;
  background: url(images/serm_scheme_bg.png) center repeat-x;
  background-size: contain;
}

.serm_scheme_img img {
  width: 100%;
}

.serm_scheme_img .desctop {
  display: block;
}

.serm_scheme_img .mobile {
  display: none;
}

.serm_options .icon_list,
.serm_options .text_list {
  float: left;
  width: 50%;
}

.serm_options .icon_list .item {
  float: left;
  width: 50%;
  text-align: center;
}

.serm_options .icon_list .item .image {
  width: 120px;
  height: 160px;
  margin: 0 auto;
  line-height: 160px;
}

.serm_options .icon_list .item .image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.serm_options .icon_list .item .name {
  padding: 7px 0;
  color: #411a45;
  font-weight: bold;
}

.serm_options .icon_list .item .name,
.serm_options .icon_list .item .desc {
  width: 200px;
  margin: 0 auto;
}

.serm_options .text_list .offset {
  padding: 65px 35px;
  border: 1px solid #d0d2d3;
}

.serm_options .text_list .title {
  min-height: 60px;
  padding-left: 85px;
  margin-bottom: 45px;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  color: #411a45;
  background: url(images/uniq/3/4.svg) no-repeat left center;
  background-size: 65px auto;
}

.serm_options .text_list ul {
  padding: 0;
  margin: 0;
}

.serm_options .text_list li {
  position: relative;
  list-style: none;
  padding: 0 0 20px 20px;
}

.serm_options .text_list li:before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  color: red;
}

#serm_tarif {
  padding: 40px 0;
  background: url(images/blue-bg.png) center center repeat-x;
  background-size: cover;
}

.serm_tarif_list .tarif_item {
  float: left;
  width: 50%;
  text-align: center;
}

.serm_tarif_list .tarif_item .offset {
  padding: 30px 65px;
  margin: 0 20px;
  background: white;
  -webkit-box-shadow: 5px 5px #9ed4c4;
  box-shadow: 5px 5px #9ed4c4;
}

.serm_tarif_list .tarif_item .image {
  height: 115px;
  line-height: 115px;
}

.serm_tarif_list .tarif_item .image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.serm_tarif_list .tarif_item .title-2 {
  padding: 30px 0;
}

.serm_tarif_list .tarif_item ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.serm_tarif_list .tarif_item li:before {
  content: "✔";
  padding-right: 5px;
  color: #81c6b2;
}

.serm_tarif_list .tarif_item .options {
  color: #411a45;
}

.serm_tarif_list .tarif_item .options .item {
  padding: 10px 0;
  border-bottom: 1px solid #bce3c4;
}

.serm_tarif_list .tarif_item .options .name {
  font-weight: bold;
}

.serm_tarif_list_new {
  color: #411a45;
}

.serm_tarif_list_new .tarif_item {
  position: relative;
  margin-bottom: 30px;
  background: white;
  -webkit-box-shadow: 5px 5px #9ed4c4;
  box-shadow: 5px 5px #9ed4c4;
}

.serm_tarif_list_new .serm_tarif_image {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -110px;

  width: 200px;
  padding: 0 50px;
  text-align: center;
}

.serm_tarif_list_new .serm_tarif_image img {
  max-height: 130px;
  margin-bottom: 25px;
}

.serm_tarif_list_new .serm_tarif_price {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -85px;

  width: 240px;
  padding: 0 20px;
  text-align: center;
}

.serm_tarif_list_new .serm_tarif_data {
  padding: 50px;
  margin-left: 300px;
  margin-right: 280px;
  border-left: 1px solid #9ed4c4;
  border-right: 1px solid #9ed4c4;
}

.serm_tarif_list_new .serm_tarif_data ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.serm_tarif_list_new .serm_tarif_data li:before {
  content: "✔";
  padding-right: 7px;
  color: #81c6b2;
}

.serm_tarif_list_new .serm_tarif_data_item {
  padding-bottom: 20px;
}

.serm_tarif_list_new .serm_tarif_price_value {
  color: #f0bc48;
}

.serm_aim_list {
  position: relative;
  float: left;
  width: 50%;
}

.serm_aim_list .item .title {
  height: 130px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  line-height: 130px;
  font-size: 30px;
  font-weight: bold;
  text-align: right;
  color: #411a45;
  background: #f3f3f3;
  cursor: pointer;

  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.serm_aim_list .item:hover .title {
  background: #fbefd1;
}

.serm_aim_list .item.active .title {
  background: #efbd44;
  color: white;
}

.serm_aim_list .item .title .text {
  display: inline-block;
  width: 600px;
  line-height: 32px;
  vertical-align: middle;
  text-align: left;
}

.serm_aim_list .item .data {
  opacity: 0;
  position: absolute;
  top: 1px;
  right: -100%;
  width: 100%;
  border-top: 1px solid #f3f3f3;

  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.serm_aim_list .item.active .data {
  opacity: 1;
}

.serm_aim_list .item .data .offset {
  padding: 20px 45px;
  width: 510px;
}

.serm_aim_list .item .data_title {
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 28px;
  color: #411a45;
}

.serm_aim_list .item .data ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.serm_aim_list .item .data li {
  padding-left: 30px;
  position: relative;
}

.serm_aim_list .item .data li:before {
  content: "•";
  color: #efbd44;
  position: absolute;
  top: -1px;
  left: 3px;
  font-size: 35px;
}

/*-----------------------------------------------------------------------------*/

.seo_tarif_advice .serm_tarif_list .tarif_item,
.seo_tarif_advice .big-title {
  text-align: left;
}

.boobled_block {
  padding: 80px 0;
  background: url(images/boobled_bg.jpg) center center repeat-x;
  background-size: cover;
}

.seo_tarif_advice .list {
  padding: 20px 0;
}

.seo_tarif_advice.min .list {
  padding: 5px 0;
}

.seo_tarif_advice .list .item {
  padding-bottom: 10px;
}

.seo_tarif_advice .list .item .ico {
  float: left;
  width: 55px;
}

.seo_tarif_advice .list .item .title {
  padding-top: 10px;
  margin-left: 70px;
}

.seo_tarif_advice .list .item .title p {
  color: #776978;
}

.seo_trafik_advantages {
  padding: 40px 0;
  color: #411a45;
  background: #fffced;
}

.seo_trafik_advantages .list {
  padding-bottom: 20px;
}

.seo_trafik_advantages .list .item {
  float: left;
  width: 48%;
  padding: 0 1% 20px;
}

.seo_trafik_advantages .list .item:before {
  content: "✓";
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
  color: #df5c65;
  border: 2px solid #df5c65;
  border-radius: 50%;
}

.seo_trafik_advantages .list .item .text {
  padding-top: 8px;
  margin-left: 60px;
}

.seo_trafik_prices {
  padding: 20px 0;
  text-align: center;
  color: #411a45;
}

.seo_trafik_prices_list {
  margin-top: 40px;
}

.seo_trafik_prices_list .price_item {
  float: left;
  width: 31%;
  padding: 0 1%;
}

.seo_trafik_prices_list .prices_list {
  padding-bottom: 15px;
}

.seo_trafik_prices_list .prices_list .item {
  position: relative;
  float: left;
  width: 33.3%;
  border-bottom: 2px solid #f8d956;
}

.seo_trafik_prices_list .prices_list .item .bg {
  background: #f8d956;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 5;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.seo_trafik_prices_list .prices_list .item:nth-child(3n-2) .bg {
  background: #fee274;
}

.seo_trafik_prices_list .prices_list .item:nth-child(3n) .bg {
  background: #f2cd30;
}

.seo_trafik_prices_list .prices_list .item .text {
  position: relative;
  z-index: 10;
  padding: 40px 0 20px 0;
  height: 90px;
}

.seo_trafik_icons {
  position: relative;
  padding: 40px 0;
}

.seo_trafik_icons .title {
  color: #411a45;
  font-weight: bold;
  font-size: 20px;
}

.seo_trafik_icons .arrow {
  position: absolute;
  width: 25%;
  height: 75px;
  background: url(images/seo-image-arrows.png) no-repeat bottom center;
}

.seo_trafik_icons .arrow.first,
.seo_trafik_icons .arrow.third {
  bottom: 12%;
  -webkit-transform: rotate(-32deg);
  -ms-transform: rotate(-32deg);
  transform: rotate(-32deg);
}

.seo_trafik_icons .arrow.first {
  left: 7%;
}

.seo_trafik_icons .arrow.third {
  left: 63%;
}

.seo_trafik_icons .arrow.second {
  top: 12%;
  left: 42%;
  -webkit-transform: rotate(-140deg) scaleX(-1);
  -ms-transform: rotate(-140deg) scaleX(-1);
  transform: rotate(-140deg) scaleX(-1);
}

.seo_trafik_icons .item {
  width: 25%;
  float: left;
  text-align: center;
}

.seo_trafik_icons .item:nth-child(1) {
  text-align: left;
}

.seo_trafik_icons .item:nth-child(3),
.seo_trafik_icons .item:nth-child(4) {
  text-align: right;
}

.seo_trafik_icons .item img {
  max-height: 145px;
  width: auto;
}

.seo_tarif_calc {
  padding: 20px 0;
}

.seo_tarif_calc_list .item {
  float: left;
  margin: 0 14px 14px 0;
  color: #411a45;
}

.seo_tarif_calc_list .col2 .item {
  width: calc(50% - 7px);
}

.seo_tarif_calc_list .col2 .item:nth-child(2n) {
  margin-right: 0;
}

.seo_tarif_calc_list .col3 .item {
  width: calc(33.3% - 10px);
}

.seo_tarif_calc_list .col3 .item:nth-child(3n) {
  margin-right: 0;
}

.seo_tarif_calc_list .item p {
  padding-bottom: 12px;
}

.seo_tarif_calc_list .item .frame {
  padding: 30px;
  border: 3px solid #f6e8aa;
}

.seo_tarif_calc_list .item .image {
  height: 220px;
  line-height: 220px;
  text-align: center;
}

.seo_tarif_calc_list .item .image.bottom {
  height: 80px;
  padding: 40px 0;
  line-height: 80px;
}

.seo_tarif_calc_list .item .image img {
  max-height: 100%;
  vertical-align: middle;
}

.seo_tarif_calc_list .item .title {
  height: 60px;
  padding: 20px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 60px;
}

.seo_tarif_calc_list .item .title .num {
  float: left;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: white;
  background: #6e3574;
  border-radius: 50%;
}

.seo_tarif_calc_list .item .title .text {
  display: inline-block;
  width: calc(100% - 80px);
  margin-left: 20px;
  line-height: 30px;
  vertical-align: middle;
}

.seo_tarif_calc_list .bottom_arrow {
  height: 50px;
  margin-top: -14px;
  background: url(images/seo_trafik/13.svg) center top no-repeat;
  background-size: contain;
}

.seo-position-schema {
  background: url(images/scheme-bg.jpg) left bottom no-repeat;
  background-size: cover;
}

.seo-position-schema-list .item {
  width: 50%;
  float: left;
}

.seo-position-schema-list .item .offset {
  padding: 20px 40px;
  margin: 20px;
  background: white;
  -webkit-box-shadow: 5px 5px 0 #bed5e0;
  box-shadow: 5px 5px 0 #bed5e0;
}

.seo-position-schema-list .item .image {
  width: 130px;
  float: left;
}

.seo-position-schema-list .item .text {
  margin-left: 150px;
  color: #411a45;
  font-size: 18px;
  line-height: 22px;
}

.seo-position-schema-list .item .text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.seo-position-schema-list .item .text li:before {
  content: "\00B7";
  display: inline-block;
  color: #da424d;
  font-weight: bold;
  font-size: 24px;
  padding-right: 5px;
}

.seo-position-schema-list .item .name {
  margin-bottom: 10px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
}

/* seo - main page */
.seo-desc-top {
  padding: 40px 0;
}

.seo-desc-top #animation_container {
  max-width: 210px;
  margin-right: 30px;
  display: inline-block;
  vertical-align: middle;
}

.seo-desc-top p {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 245px);
  padding-bottom: 0;
  margin-top: 40px;
}

.seo-desc-top span {
  font-size: 24px;
  font-weight: bold;
  color: #411a45;
}

.seo-desc-top2 {
  background-color: #fffbf5;
  padding: 60px 0 20px;
}

.seo-desc-top2 .arrow {
  width: 38px;
  height: 8px;
  background-image: url(/bitrix/templates/idea-promotion/images/prodvizhenie/arrow.png);
  background-size: contain;
  background-position: 0 0;
}

.seo-desc-top2 div > div {
  width: 100%;
  margin: 30px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.seo-desc-top2 .title {
  font-size: 24px;
  font-weight: bold;
  color: #411a45;
}

.seo-desc-top2 .center {
  text-align: center;
}

.seo-desc-top2 p:nth-child(3) {
  padding-bottom: 0;
}

.seo-desc-top2 .wrapper > h2 {
  padding-top: 0;
  padding-bottom: 30px;
}

/* seo block with map and statistic */
.seo-desc-top3 {
  background: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(5%, #fff),
    color-stop(80%, #eff8fd)
  );
  background: -webkit-linear-gradient(bottom left, #fff 5%, #eff8fd 80%);
  background: -o-linear-gradient(bottom left, #fff 5%, #eff8fd 80%);
  background: linear-gradient(to top right, #fff 5%, #eff8fd 80%);
  padding: 30px 0 60px;
}

.seo-desc-top3 a {
  color: #da424d;
  font-weight: bold;
  font-size: 18px;
}

.seo-desc-top3 .bold {
  color: #411a45;
  font-size: 18px;
}

.seo-desc-top3 .title {
  font-size: 28px;
  color: #411a45;
}

.seo-desc-top3 .title2 {
  font-size: 24px;
  color: #411a45;
}

.seo-desc-top3 .title2 a {
  font-size: 24px;
}

.seo-desc-top3 .map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.seo-desc-top3 .map img {
  margin-right: 70px;
}

.seo-desc-top3 .map .button {
  display: inline-block;
  padding: 6px 16px;
  margin-top: 35px;
  font-size: 16px;
  color: #fff;
  background-color: #da424d;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  border: 2px solid #da424d;
}

.seo-desc-top3 .map .button:hover {
  color: #da424d;
  background-color: #fff;
}

.seo-desc-top3 .statistic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 60px;
}

.seo-desc-top3 .statistic > div {
  width: 50%;
  margin-right: 30px;
}

.seo-desc-top4 {
  padding: 50px 0;
}

.seo-desc-top4 .title {
  font-size: 42px;
  font-weight: bold;
  color: #411a45;
  padding-bottom: 40px;
}

.seo-desc-top4 .title2 {
  font-size: 24px;
  font-weight: bold;
  color: #411a45;
  padding: 30px 0 8px;
}

.seo-desc-top4 > div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.seo-desc-top4 > div > div > div {
  width: 31%;
  text-align: center;
}

/* блок Наши преимущества на страницах SEO */
.seo-desc-adv {
  padding-top: 70px;
}

.seo-desc-adv .title {
  font-size: 42px;
  line-height: 42px;
  font-weight: bold;
  color: #411a45;
  padding-bottom: 50px;
}

.seo-desc-adv .tabs {
  position: relative;
  border-top: 1px solid #efbd44;
  border-bottom: 1px solid #efbd44;
  padding: 55px 0;
}

.seo-desc-adv .tabs .item > a {
  width: 19.5%;
  text-align: right;
  display: inline-block;
  color: #411a45;
  font-size: 24px;
  font-weight: bold;
  padding: 66px 30px 57px 21%;
  text-decoration: none;
  background-color: #f7f4ec;
  border-bottom: 1px solid #efbd44;
}

.seo-desc-adv .tabs .item > div {
  position: absolute;
  top: 0;
  left: calc(40% + 40px);
  display: none;
  width: 60%;
}

.seo-desc-adv .tabs .item.active > div {
  display: inline-block;
}

.seo-desc-adv .tabs .item.active a,
.seo-desc-adv .tabs a:hover {
  background-color: #efbd44;
  color: #fff;
}

.seo-desc-adv .tabs a:hover {
  cursor: pointer;
}

.seo-desc-adv .tabs .item.active a:hover {
  cursor: default;
}

.seo-desc-adv #advantage-1 {
  padding: 120px 40px 0;
  max-width: 680px;
}

.seo-desc-adv #advantage-1 .title1,
.seo-desc-adv #advantage-1 .title2 {
  font-size: 16px;
  font-weight: bold;
  color: #411a45;
  text-align: center;
  padding-bottom: 25px;
}

.seo-desc-adv #advantage-1 .title1 {
  font-size: 28px;
  padding-bottom: 65px;
}

.seo-desc-adv #advantage-1 > img {
  display: block;
  margin: 25px auto 60px;
}

.seo-desc-adv .rate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.seo-desc-adv .rate div {
  min-width: 140px;
  width: 30%;
  text-align: center;
  padding-bottom: 10px;
}

.seo-desc-adv .rate .bt1 {
  border-bottom: 7px solid #e5f4ea;
}

.seo-desc-adv .rate .bt2 {
  border-bottom: 7px solid #f7dfe1;
}

.seo-desc-adv .rate .bt3 {
  border-bottom: 7px solid #f1e4f4;
}

.seo-desc-adv .rate div p.pb50 {
  padding-bottom: 50px;
}

.seo-desc-adv .tabs .item.active .rate a {
  display: block;
  padding-top: 15px;
  background-color: transparent;
  cursor: pointer;
}

.seo-desc-adv .rate span {
  display: block;
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  color: #da424d;
  padding-bottom: 15px;
}

.seo-desc-adv .rate span.green {
  color: #6ac586;
}

.seo-desc-adv hr {
  height: 2px;
  border: none;
  color: #efbd44;
  background-color: #efbd44;
  width: 160px;
  margin: 30px auto;
}

.seo-desc-adv #advantage-2 {
  padding: 55px 0 45px 60px;
  max-width: 690px;
}

.seo-desc-adv #advantage-2 img {
  margin-bottom: 25px;
}

.seo-desc-adv #advantage-2 > div,
.seo-desc-adv #advantage-3 > div,
.seo-desc-adv #advantage-4 > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.seo-desc-adv #advantage-3 > div,
.seo-desc-adv #advantage-4 > div {
  max-width: 680px;
}

.seo-desc-adv #advantage-2 > div div,
.seo-desc-adv #advantage-3 > div div,
.seo-desc-adv #advantage-4 > div div {
  min-width: 330px;
  width: 32%;
  padding: 10px 0;
  margin-bottom: 20px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 5px 5px 1px #dcdbd8;
  box-shadow: 5px 5px 1px #dcdbd8;
}

.seo-desc-adv #advantage-2 > div div {
  padding: 30px 0 40px;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  border-bottom: 7px solid rgba(255, 255, 255, 0.5);
}

/*.seo-desc-adv #advantage-2 > div div:after{
	content: "";
	display: block;
	width: 100%;
	height: 7px;
	z-index: 10;
	background-color: rgba(255,255,255,0.5);
	bottom: 0;
	left: 0;
}*/
.seo-desc-adv #advantage-2 > div div:nth-child(1) {
  background-color: #b364c8;
}

.seo-desc-adv #advantage-2 > div div:nth-child(2) {
  background-color: #da424d;
}

.seo-desc-adv #advantage-2 > div div:nth-child(3) {
  background-color: #e6c95e;
}

.seo-desc-adv #advantage-2 > div div:nth-child(4) {
  background-color: #6ac586;
}

.seo-desc-adv #advantage-3 > div div {
  min-width: 0;
  max-width: 335px;
  width: 38%;
  padding: 20px 5%;
}

.seo-desc-adv #advantage-3 > div div:nth-child(1) {
  border: 1px solid #f1e4f4;
  border-bottom: 7px solid #f1e4f4;
}

.seo-desc-adv #advantage-3 > div div:nth-child(2) {
  border: 1px solid #f7dfe1;
  border-bottom: 7px solid #f7dfe1;
}

.seo-desc-adv #advantage-3 > div div:nth-child(3) {
  border: 1px solid #f9f5e3;
  border-bottom: 7px solid #f9f5e3;
}

.seo-desc-adv #advantage-3 > div div:nth-child(4) {
  border: 1px solid #e5f4ea;
  border-bottom: 7px solid #e5f4ea;
}

.seo-desc-adv #advantage-4 > div div {
  min-width: 0;
  max-width: 310px;
  width: 50%;
}

.seo-desc-adv #advantage-4 > div div:nth-child(1) .title2 {
  color: #b364c8;
}

.seo-desc-adv #advantage-4 > div div:nth-child(2) .title2 {
  color: #da424d;
}

.seo-desc-adv #advantage-4 > div div:nth-child(3) .title2 {
  color: #e6c95e;
}

.seo-desc-adv #advantage-4 > div div:nth-child(4) .title2 {
  color: #6ac586;
}

.seo-desc-adv #advantage-4 > div div:nth-child(n-2) {
  margin-bottom: 45px;
}

.seo-desc-adv #advantage-3 > div div,
.seo-desc-adv #advantage-4 > div div {
  text-align: left;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.seo-desc-adv #advantage-2 p {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
}

.seo-desc-adv #advantage-3,
.seo-desc-adv #advantage-4 {
  padding: 55px 0 0 65px;
  max-width: 730px;
}

.seo-desc-adv #advantage-3 img {
  margin-bottom: 20px;
}

.seo-desc-adv #advantage-4 img {
  margin-bottom: 25px;
  float: left;
  margin-right: 20px;
}

.seo-desc-adv #advantage-4 p {
  padding-bottom: 0;
}

.seo-desc-adv #advantage-4 .title2 {
  font-size: 24px;
  font-weight: bold;
  color: #411a45;
  padding-bottom: 0;
  width: 140px;
  line-height: 27px;
  float: left;
}

/* продвижение по регионам */

.seo-regions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 30px;
}

.seo-regions > div {
  width: 50%;
  max-width: 455px;
  text-align: center;
}

.seo-regions > div span {
  color: #411a45;
  font-weight: bold;
}

.seo-regions > div > img {
  display: block;
  margin: 0 auto 25px;
}

@media (min-width: 1921px) {
  #video .slogan {
    line-height: 1;
    font-size: 62px;
  }
}

/* ******************************************EXTRA STYLES FROM MIN CSS**************************************** */

/* ******************************************EXTRA STYLES FROM MIN CSS**************************************** */
@media screen and (max-width: 890px) {
  .seo-regions {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .seo-regions > div {
    width: 100%;
    margin-bottom: 20px;
  }
}

.seo-regions1 {
  padding: 60px 0;
  background-image: url(images/regions/region_fon1.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.seo-regions1 > div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}

.seo-regions1 > div > div > div {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #fff),
    color-stop(50%, #f6f6f6)
  );
  background-image: -webkit-linear-gradient(left, #fff 50%, #f6f6f6 50%);
  background-image: -o-linear-gradient(left, #fff 50%, #f6f6f6 50%);
  background-image: linear-gradient(to right, #fff 50%, #f6f6f6 50%);
  border-radius: 50%;
  width: 366px;
  height: 366px;
  text-align: center;
}

.seo-regions1 canvas,
.seo-regions1 > div > div > div > div {
  max-width: 200px;
  max-height: 140px;
  min-height: 120px;
}

.seo-regions1 > div > div > div > div {
  margin: 20px auto;
}

.seo-regions1 > div > div p,
.seo-regions1 > div > div span {
  display: block;
  text-align: center;
  max-width: 266px;
  margin: 0 auto;
}

.seo-regions1 > div > div span {
  color: #411a45;
  font-weight: bold;
  max-width: 260px;
}

@media screen and (max-width: 1150px) {
  .seo-regions1 > div > div {
    display: block;
  }

  .seo-regions1 > div > div > div {
    margin: 0 auto;
  }
}

.seo-regions2 iframe {
  width: 100%;
}

.seo-regions2 img {
  display: block;
  margin: 0 auto;
}

.seo-regions2 span {
  display: block;
  text-align: center;
  color: #411a45;
  font-weight: bold;
}

.flex-wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.seo-regions2 {
  padding-bottom: 50px;
}

.seo-regions2 .flex-wrap > div {
  display: inline-block;
  width: 49%;
}

@media screen and (max-width: 980px) {
  .seo-regions2 .flex-wrap > div {
    width: 100%;
    max-width: 650px;
  }
}

.seo_tarif_advice .list .item .title.pt-0,
.pt-0 {
  padding-top: 0;
}

.seo-position-schema-list.regions {
  padding-bottom: 35px;
}

.seo-position-schema-list.regions .offset {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.seo-position-schema-list.regions .item {
  width: calc(50% - 20px);
  margin-top: 25px;
}

.seo-position-schema-list.regions .item:nth-child(odd) {
  margin-right: 40px;
}

.seo-position-schema-list.regions .item .text {
  margin-left: 20px;
  width: calc(100% - 160px);
  display: inline-block;
  vertical-align: middle;
}

.seo-position-schema-list.regions .item .image {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1000px) {
  .seo-position-schema-list.regions .item {
    width: auto;
  }

  .seo-position-schema-list.regions .item:nth-child(odd) {
    margin-right: 0;
  }
}

.serm_tarif_list.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.seo_tarif_advice .serm_tarif_list.flex .tarif_item {
  width: calc(50% - 25px);
}

.serm_tarif_list.flex .tarif_item .offset {
  margin: 0;
}

@media screen and (max-width: 1000px) {
  .seo_tarif_advice .serm_tarif_list.flex .tarif_item {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* инернет-магазины */
.seo-shops {
  margin-top: 40px;
}

.seo-shops img {
  display: inline-block;
  margin-right: 45px;
  margin-bottom: 40px;
  max-width: 40%;
}

.seo-shops > div {
  max-width: 55%;
  display: inline-block;
  vertical-align: top;
}

.seo-shops > div div {
  display: inline-block;
  margin-top: 10px;
  max-width: 48%;
}

.seo-shops > div div:first-of-type {
  margin-right: 2%;
}

.seo-shops > div div p:first-of-type {
  color: #411a45;
  font-weight: bold;
}

.seo-shops > div div p {
  padding-bottom: 0;
}

.seo-shops > div div span {
  color: #db3e1f;
  font-size: 24px;
}

.seo-shops > div a {
  margin-top: 30px;
}

@media screen and (max-width: 1050px) {
  .seo-shops > div {
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px;
  }

  .seo-shops img {
    display: block;
    margin: 30px auto;
    max-width: 100%;
  }

  .seo-shops > div div {
    width: 48%;
    text-align: center;
  }

  .seo-shops > div a {
    margin: 30px auto 0;
    display: block;
    max-width: 250px;
    text-align: center;
  }
}

.shop_schemes {
  padding-top: 50px;
  background-image: url(/bitrix/templates/idea-promotion/images/regions/region_fon1.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.shop_schemes span.cnt {
  display: block;
  float: left;
  width: 38px;
  height: 22px;
  padding: 8px 0;
  margin-right: 20px;
  background-color: #6d3574;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}

.shop_schemes div div {
  padding: 20px 0 30px;
}

.shop_schemes div div p span {
  font-weight: bold;
  color: #411a45;
}

.shop_schemes div div img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3%;
  max-width: 23%;
}

.shop_schemes div div img:last-of-type {
  margin-right: 0;
}

.shop_schemes a {
  color: #db3e1f;
  text-transform: uppercase;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .shop_schemes span.cnt {
    float: none;
    margin: 10px auto;
  }

  .shop_schemes div div img {
    display: block;
    max-width: 100%;
    margin: 20px auto;
  }

  .shop_schemes div div img:last-of-type {
    margin-right: auto;
  }

  .shop_schemes div div img.arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.shop_specific > div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 40px 0;
}

.shop_specific div div p {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #411a45;
  margin-top: 20px;
}

/* по ключевым запросам */
.seo-key {
  margin: 30px 0;
}

.seo-key > div {
  max-width: 860px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.seo-key > div > div,
.seo-key > div > img {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #411a45;
  font-weight: bold;
}

.seo-key > div > div.arrow {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.seo-key > div > div.arrow img {
  display: block;
  margin-top: -40px;
}

@media screen and (max-width: 800px) {
  .seo-key > div {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .seo-key > div > div,
  .seo-key > div > img {
    width: 100%;
    margin-bottom: 20px;
  }

  .seo-key > div > div.arrow img {
    margin-top: 0;
    margin: 10px auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.key_keywords {
  background-image: url(/bitrix/templates/idea-promotion/images/regions/region_fon1.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
}

.key_keywords .center {
  text-align: center;
}

.key_keywords p.red {
  color: #db3e1f;
  margin-top: 60px;
  padding-bottom: 25px;
}

.key_keywords > div div {
  padding: 0 40px;
}

.key_keywords > div div img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

#pricelist .list {
  display: none;
  position: relative;
}

#pricelist .list.active {
  display: block;
}

#pricelist .abs_text {
  margin: 25px 0;
  text-align: center;
}

#pricelist .abs_text div {
  display: none;
  transition: all 0.5s ease;
}

#pricelist .abs_text div.active {
  display: block;
}

#pricelist .abs_text p {
  display: inline-block;
  vertical-align: middle;
}

#pricelist .abs_text .dest:before,
#pricelist .abs_text .price:before {
  content: "";
  width: 33px;
  height: 33px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

#pricelist .abs_text .dest {
  margin-right: 40px;
}

#pricelist .abs_text .dest:before {
  background-image: url(images/destination.png);
}

#pricelist .abs_text .price:before {
  background-image: url(images/price.png);
}

/* crowd marketing */
.seo-crowd span {
  color: #411a45;
  font-weight: bold;
}

.seo-crowd .center {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}

.seo-crowd img {
  max-width: 100%;
  display: block;
  margin: 40px auto 60px;
}

.seo-crowd img:hover {
  -webkit-transform: translate(0, -15px);
  -ms-transform: translate(0, -15px);
  transform: translate(0, -15px);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.seo_trafik_advantages.crowd {
  background-image: url(images/crowd/crowd_fon.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.seo_trafik_advantages.crowd .list {
  margin-top: 20px;
}

.seo-desc-top3 .map ul {
  margin-left: 0;
}

.seo-desc-top3 .map ul li {
  margin: 10px 0;
}

.seo-desc-top3 .map ul li img {
  margin-right: 20px;
}

.seo-desc-top3 ul li {
  list-style: none;
}

.seo-desc-top3.crowd span {
  color: #db3e1f;
}

.crowd_bonus {
  padding: 100px 0;
}

.crowd_bonus .title {
  font-size: 28px;
  font-weight: bold;
  color: #411a45;
}

.crowd_bonus .red {
  color: #db3e1f;
  font-weight: bold;
  font-size: 20px;
}

.crowd_bonus .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.crowd_bonus .flex > div {
  width: 50%;
}

.crowd_bonus .flex > div img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .crowd_bonus {
    padding: 50px 0;
  }

  .crowd_bonus .flex > div {
    width: 100%;
    margin-bottom: 30px;
  }
}

.crowd_howitworks {
  padding: 40px 0;
  background-color: #fffdf9;
}

.crowd_howitworks > div > div {
  margin-top: 75px;
}

.crowd_howitworks > div > div div,
.crowd_howitworks > div > div > img {
  display: inline-block;
  max-width: 25%;
  vertical-align: top;
  text-align: center;
  margin-right: 55px;
}

.crowd_howitworks > div > div > img {
  margin-top: 100px;
}

.crowd_howitworks > div > div div:last-of-type {
  margin-right: 0;
}

.crowd_howitworks > div > div div img {
  margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
  .crowd_howitworks > div > div div,
  .crowd_howitworks > div > div > img {
    margin-right: 35px;
  }
}

@media screen and (max-width: 1000px) {
  .crowd_howitworks > div > div div,
  .crowd_howitworks > div > div > img {
    max-width: 100%;
    display: block;
    margin: 0 auto 30px;
  }

  .crowd_howitworks > div > div > img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.crowd_areas {
  padding: 40px 0;
}

.crowd_areas > div > div {
  width: 51%;
  display: inline-block;
  vertical-align: middle;
}

.crowd_areas > div > div:nth-child(2) {
  width: 48%;
}

.crowd_areas img {
  display: block;
  margin: 0 auto;
}

.crowd_areas span {
  color: #db3e1f;
  font-weight: bold;
}

.crowd_areas p.title-1 {
  margin-bottom: 35px;
}

@media screen and (max-width: 1000px) {
  .crowd_areas > div > div,
  .crowd_areas > div > div:nth-child(2) {
    width: 100%;
    margin-bottom: 30px;
  }
}

.crowd-tarif {
  padding: 40px 0;
  background-image: url(images/crowd/tarif-fon.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.crowd-tarif .title-1 {
  margin-bottom: 60px;
}

.crowd-tarif .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: white;
  -webkit-box-shadow: 5px 5px #9ed4c4;
  box-shadow: 5px 5px #9ed4c4;
  margin-bottom: 25px;
}

.crowd-tarif .item .img {
  border-right: 1px solid #9ed4c4;
  padding: 100px 75px;
  width: 160px;
}

.crowd-tarif .item .img p {
  color: #411a45;
  font-weight: bold;
  font-size: 30px;
  line-height: 35px;
}

.crowd-tarif .item .descr {
  padding: 50px 30px 50px 60px;
  border-right: 1px solid #9ed4c4;
}

.crowd-tarif .item .descr p {
  color: #411a45;
  font-weight: bold;
}

.crowd-tarif .item .descr span {
  font-weight: normal;
  color: #776978;
}

.crowd-tarif .item .cost {
  padding: 140px 40px;
  text-align: center;
}

.crowd-tarif .item .cost p {
  font-size: 24px;
  color: #411a45;
  font-weight: bold;
}

.crowd-tarif .item .cost span {
  font-size: 30px;
  font-weight: bold;
  display: block;
  color: #f0bc48;
  margin-bottom: 20px;
}

@media screen and (max-width: 1000px) {
  .crowd-tarif .item {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .crowd-tarif .item .img,
  .crowd-tarif .item .descr,
  .crowd-tarif .item .cost {
    width: 100%;
    text-align: center;
    padding: 30px 0;
  }

  .crowd-tarif .item .img img {
    max-width: 250px;
  }
}

/* контекстная реклама */
.seo-kontekst {
  padding: 60px 0 50px;
  background-image: url(images/kontekst/fon1.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

.seo-kontekst .title-2 {
  font-size: 36px;
}

.seo-kontekst > div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 70px;
}

.seo-kontekst > div > div div {
  min-width: 200px;
  max-width: 22%;
  text-align: center;
}

.seo-kontekst > div > div p {
  font-weight: bold;
  margin-top: 20px;
  padding-bottom: 5px;
}

@media screen and (max-width: 900px) {
  .seo-kontekst > div > div div {
    max-width: 50%;
    margin-bottom: 40px;
  }
}

.seo-kontekst2 {
  position: relative;
  padding: 80px 0;
}

.seo-kontekst2 .shad-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 30px;
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0) 15px
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0) 15px
  );
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0) 15px
  );
}

.seo-kontekst2 > div > p {
  animation-delay: 0.6;
  text-align: center;
}

.seo-kontekst2 .tariff-adv__title {
  margin-bottom: 0;
}

.seo-kontekst2 > div > p,
.seo-kontekst2 > div > div img {
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
}

.seo-kontekst2 > div > p {
  animation-delay: 0.5s;
}

.seo-kontekst2 > div > div img {
  animation-delay: 1s;
}

.seo-kontekst2 > div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 80px;
}

.seo-kontekst2 > div > div div {
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

.seo-kontekst2 > div > div p {
  animation-delay: 1s;
  color: #da434d;
  font-style: normal;
  font-weight: 700;
}

.seo-kontekst2 > div > div img {
  animation-delay: 1.2s;
  position: relative;
  z-index: -1;
}

@media screen and (max-width: 1170px) {
  .seo-kontekst2 > div > div div {
    width: 31%;
  }
}

@media screen and (max-width: 800px) {
  .seo-kontekst2 > div > div div {
    width: 100%;
    margin-bottom: 40px;
  }

  .seo-kontekst2 > div > div {
    margin-top: 20px;
  }
}

.seo-kontekst3 {
  padding: 116px 0 90px 0;
  background-color: #f7f7f7;
  /* background-image: url(images/kontekst/fon2.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; */
}

.seo-kontekst3 p {
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
}

.seo-kontekst3 p,
.seo-kontekst3 > div > div div {
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
}

.seo-kontekst3 > div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 100px 0;
}

.seo-kontekst3 > div > div div {
  min-width: 320px;
  max-width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto;
  /* background-image: -webkit-gradient(linear,
      left top,
      right top,
      color-stop(50%, #fff),
      color-stop(50%, #f6f6f6));
  background-image: -webkit-linear-gradient(left, #fff 50%, #f6f6f6 50%);
  background-image: -o-linear-gradient(left, #fff 50%, #f6f6f6 50%);
  background-image: linear-gradient(to right, #fff 50%, #f6f6f6 50%);
  border-radius: 50%;
  width: 366px;
  height: 366px; */
  text-align: center;
}

.seo-kontekst3 > div > div div:nth-child(1) {
  animation-delay: 0.4s;
}

.seo-kontekst3 > div > div div:nth-child(2) {
  animation-delay: 0.6s;
}

.seo-kontekst3 > div > div div:nth-child(3) {
  animation-delay: 0.8s;
}

.seo-kontekst3 > div .seo-kontekst3__advice {
  animation-delay: 1s;
}

.seo-kontekst3 > div > div div p {
  color: #411a45;
  font-weight: 400;
  max-width: 260px;
  margin: 25px auto 0;
}

.seo-kontekst3 > div > div div img {
  margin: 0 30px;
  /* margin-top: 80px; */
}

.seo-kontekst3 > div span {
  color: #bd2829;
}

.seo-kontekst4 {
  padding: 80px 0 50px;
  background-color: #eaf2f6;
}

.seo-kontekst4 .title-1 {
  padding-top: 0;
}

.seo-kontekst4 > div > div,
.seo-kontekst4 > div > img {
  display: inline-block;
  vertical-align: middle;
  max-width: 53%;
}

.seo-kontekst4 > div > div {
  margin-right: 3%;
}

.seo-kontekst4 ul {
  margin-left: 0;
  margin-top: 45px;
}

.seo-kontekst4 ul li {
  position: relative;
  padding-left: 55px;
  margin-bottom: 15px;
  list-style: none;
}

.seo-kontekst4 ul li:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  width: 23px;
  height: 25px;
  background-image: url(images/kontekst/gal.png);
}

.seo-kontekst4 ul li img {
  position: absolute;
  left: 0;
}

.seo-kontekst4 span {
  display: block;
  color: #411a45;
  font-weight: bold;
  padding-bottom: 15px;
}

@media screen and (max-width: 1100px) {
  .seo-kontekst4 > div > img {
    max-width: 40%;
  }

  .seo-kontekst4 > div > div {
    max-width: 56%;
  }
}

@media screen and (max-width: 600px) {
  .seo-kontekst4 > div > img {
    display: none;
  }

  .seo-kontekst4 > div > div {
    max-width: 100%;
  }
}

.seo-kontekst5 {
  padding: 50px 50px 0;
}

.seo-kontekst5 .title-1 {
  margin-bottom: 30px;
}

.seo-kontekst5 span {
  display: block;
  margin-bottom: 25px;
  color: #bd2829;
}

.seo-kontekst5 > div > div {
  display: inline-block;
  vertical-align: middle;
  max-width: 49%;
}

.seo-kontekst5 > div > img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 110px;
}

@media screen and (max-width: 1200px) {
  .seo-kontekst5 > div > img {
    max-width: 40%;
    margin-right: 6%;
  }

  .seo-kontekst5 > div > div {
    max-width: 53%;
  }
}

@media screen and (max-width: 900px) {
  .seo-kontekst5 {
    padding: 20px 20px 0;
  }

  .seo-kontekst5 > div > div {
    max-width: 100%;
  }
}

@media screen and (max-width: 900px) {
  .seo-kontekst5 > div > img {
    display: none;
  }
}

.seo-kontekst6 {
  background-image: url(images/kontekst/fon4.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  padding: 75px 0 90px;
}

.seo-kontekst6 > div > div,
.seo-kontekst6 > div > img {
  display: inline-block;
  vertical-align: top;
  max-width: 635px;
}

.seo-kontekst6 > div > div {
  margin-right: 70px;
}

.seo-kontekst6 ul {
  margin-left: 0;
  margin-top: 35px;
}

.seo-kontekst6 ul li {
  list-style: none;
  position: relative;
  padding-left: 55px;
  margin-bottom: 20px;
}

.seo-kontekst6 ul li:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  width: 23px;
  height: 25px;
  background-image: url(/bitrix/templates/idea-promotion/images/kontekst/gal.png);
}

.seo-kontekst6 span {
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
  font-size: 18px;
}

@media screen and (max-width: 1150px) {
  .seo-kontekst6 > div > div {
    margin-right: 0;
    max-width: 100%;
  }

  .seo-kontekst6 > div > img {
    max-width: 100%;
    display: block;
    margin: 20px auto;
  }
}

.seo-kontekst7 {
  /* background-image: url(images/kontekst/fon5.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  border-bottom: 4px solid #eeaaaf; */
  padding: 60px 0;
}

.seo-kontekst7 .title-1 {
  font-weight: 700;
  color: #480e53;
  font-size: 3vw;
  text-transform: uppercase;
}

.seo-kontekst7 > div > div {
  display: inline-block;
  max-width: 49%;
}

.seo-kontekst7 > div > div .tariff-adv__title {
  text-align: left;
}

.seo-kontekst7 > div > div .tariff-adv__title,
.seo-kontekst7 > div > div .tariff-adv__subtitle,
.seo-kontekst7 > div > div p {
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
}

.seo-kontekst7 > div > div p {
  animation-delay: 0.8s;
}

.seo-kontekst7 > div > div .tariff-adv__title {
  animation-delay: 0.4s;
}

.seo-kontekst7 > div > div .tariff-adv__subtitle {
  animation-delay: 0.2s;
}

.seo-kontekst7 span {
  font-style: normal;
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  color: #da434d;
}

.seo-kontekst7 ul,
.seo-kontekst7 ol {
  margin-top: 45px;
  margin-left: 0;
}

.seo-kontekst7 ul li {
  list-style: none;
  /* padding-left: 50px; */
  position: relative;
}

.seo-kontekst7 ul li i {
  display: block;
  position: absolute;
  left: 0;
  padding: 3px 12px;
  border: 1px solid #de535d;
  border-radius: 50%;
  color: #de535d;
  text-align: center;
}

.seo-kontekst7 ol li {
  /* padding-left: 70px; */
  position: relative;
}

.seo-kontekst7 ol li i {
  display: block;
  position: absolute;
  left: 0;
  padding: 13px 20px;
  border: 1px solid #de535d;
  border-radius: 50%;
  color: #de535d;
  text-align: center;
}

@media screen and (max-width: 1100px) {
  .seo-kontekst7 > div > div {
    max-width: 100%;
    margin-bottom: 20px;
  }
}

.seo-kontekst8 {
  background-color: #f7f7f7;
  padding: 85px 0 50px 0;
}

.seo-kontekst8 .title-1 {
  font-weight: 700;
  color: #3f1a46;
  text-transform: uppercase;
}

.seo-kontekst8 > div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px;
}

.seo-kontekst8 > div > div div {
  width: 49%;
  margin-bottom: 70px;
}

.seo-kontekst8 > div > div div:nth-child(even) {
  width: 46%;
}

.seo-kontekst8 > div > div span {
  display: block;
  font-size: 18px;
  margin-bottom: 15px;
}

.seo-kontekst8 > div > div img,
.seo-kontekst8 > div > div p {
  display: inline-block;
  vertical-align: middle;
  max-width: 74%;
}

.seo-kontekst8 > div > div img {
  margin-right: 2%;
}

@media screen and (max-width: 1150px) {
  .seo-kontekst8 > div > div div {
    width: 48%;
  }

  .seo-kontekst8 > div > div p {
    max-width: 70%;
  }

  .seo-kontekst8 > div > div img {
    max-width: 26%;
  }
}

@media screen and (max-width: 800px) {
  .seo-kontekst8 > div > div div,
  .seo-kontekst8 > div > div div:nth-child(even) {
    width: 100%;
    margin-bottom: 30px;
  }
}

#video-blog .video-item {
  width: calc(25% - 10px);
  min-width: 400px;
  height: 360px;
  float: left;
  display: inline-block;
  position: relative;
  margin: 5px;
  background-size: cover;
  background-position: center;
}

#video-blog .video-item:hover .offset {
  background: transparent;
  cursor: pointer;
}

#video-blog .offset {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-align: center;
  text-decoration: none;
}

#video-blog .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 10px;
}

@media screen and (max-width: 1659px) {
  #video-blog .video-item {
    width: calc(33% - 10px);
  }
}

@media screen and (max-width: 1248px) {
  #video-blog .video-item {
    width: calc(50% - 10px);
    min-width: 370px;
  }
}

@media screen and (max-width: 800px) {
  #video-blog .video-item {
    width: calc(100% - 10px);
  }

  #video-blog .name {
    background-color: #000;
    padding-top: 10px;
  }
}

#under_pricelist {
  text-align: center;
  margin-top: 40px;
}

#under_pricelist > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 23px;
}

#under_pricelist > div > div {
  min-width: 350px;
  width: 24%;
}

#under_pricelist img {
  margin-bottom: 30px;
}

#under_pricelist .titl {
  font-size: 24px;
  font-weight: bold;
  color: #411a45;
  margin-bottom: 20px;
}

.service-intro__right.konterstnaya-reklama img {
  position: absolute;
}

.service-intro__right.konterstnaya-reklama .cosmonaut,
.service-intro__right.konterstnaya-reklama .yandex,
.service-intro__right.konterstnaya-reklama .note1,
.service-intro__right.konterstnaya-reklama .note2,
.service-intro__right.konterstnaya-reklama .note3,
.service-intro__right.konterstnaya-reklama .buttonRed1,
.service-intro__right.konterstnaya-reklama .buttonRed2,
.service-intro__right.konterstnaya-reklama .buttonPurple1,
.service-intro__right.konterstnaya-reklama .buttonPurple2,
.service-intro__right.konterstnaya-reklama .buttonBlue1,
.service-intro__right.konterstnaya-reklama .buttonBlue2,
.service-intro__right.konterstnaya-reklama .rocket1,
.service-intro__right.konterstnaya-reklama .rocket2,
.service-intro__right.konterstnaya-reklama .binoculars {
  animation: fadeInItem 0.2s ease-in forwards;
  opacity: 0;
}

.service-intro__right.konterstnaya-reklama .cosmonaut {
  animation-delay: 0.2s;
  width: 55%;
  z-index: 2;
  transform: translate(47%, -32%);
}

.service-intro__right.konterstnaya-reklama .yandex {
  animation-delay: 0.4s;
  transform: translate(-2%, -859%);
  width: 80%;
}

.service-intro__right.konterstnaya-reklama .note1 {
  animation-delay: 0.6s;
  transform: translate(-35%, -308%);
  width: 50%;
}

.service-intro__right.konterstnaya-reklama .note2 {
  animation-delay: 0.8s;
  transform: translate(-35%, -181%);
  width: 50%;
}

.service-intro__right.konterstnaya-reklama .note3 {
  animation-delay: 1s;
  transform: translate(-35%, -91%);
  width: 50%;
}

.service-intro__right.konterstnaya-reklama .buttonRed1 {
  animation-delay: 1.2s;
  transform: translate(-584%, -688%);
  width: 7%;
}

.service-intro__right.konterstnaya-reklama .buttonRed2 {
  animation-delay: 1.4s;
  transform: translate(84%, -680%);
  width: 7%;
}

.service-intro__right.konterstnaya-reklama .buttonPurple1 {
  animation-delay: 1.6s;
  transform: translate(-321%, -510%);
  width: 7%;
}

.service-intro__right.konterstnaya-reklama .buttonPurple2 {
  animation-delay: 1.8s;
  transform: translate(59%, -488%);
  width: 7%;
}

.service-intro__right.konterstnaya-reklama .buttonBlue1 {
  animation-delay: 2s;
  transform: translate(-575%, -201%);
  width: 7%;
}

.service-intro__right.konterstnaya-reklama .buttonBlue2 {
  animation-delay: 2s;
  transform: translate(288%, -729%);
  width: 7%;
  z-index: 2;
}

.service-intro__right.konterstnaya-reklama .rocket1 {
  animation-delay: 2.2s;
  transform: translate(153%, -433%);
  width: 7%;
}

.service-intro__right.konterstnaya-reklama .rocket2 {
  animation-delay: 2.2s;
  transform: translate(328%, -751%);
  width: 11%;
}

.service-intro__right.konterstnaya-reklama .binoculars {
  animation-delay: 2.2s;
  transform: translate(127%, -491%);
  width: 15%;
}

#dvizh_head .titl {
  font-size: 28px;
  line-height: 30px;
  font-weight: bold;
  color: #431f47;
  margin-top: 60px;
  margin-bottom: 15px;
}

#dvizh_head .after-title {
  text-align: left;
}

#dvizh_head .wrapper {
  position: relative;
}

#dvizh_head .dvizhicon {
  margin-top: 60px;
}

#dvizh_head .dvizhicon > div {
  display: inline-block;
}

#dvizh_head .dvizhicon > div:nth-child(1) {
  margin-right: 85px;
}

#dvizh_head.context .dvizhicon > div:nth-child(1) {
  margin-right: 20px;
}

#dvizh_head .dvizhicon img {
  margin-right: 15px;
}

#dvizh_head .dvizhicon span {
  display: inline-block;
  max-width: 200px;
  font-size: 18px;
  font-weight: bold;
  color: #431f47;
  vertical-align: super;
}

#dvizh_head.context .dvizhicon span {
  max-width: 215px;
}

#dvizh_head .dvizhicon span i {
  font-weight: normal;
  font-size: 16px;
}

#dvizh_head .fly {
  position: absolute;
  right: 0;
  top: 60px;
  max-width: 40%;
}

#dvizh_head.context .fly {
  top: 105px;
}

#dvizh_head .form .order {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

#dvizh_head .inline_form .field {
  /* background-color: #fff;
    border: 3px solid #f0bc48; */
  max-width: 250px;
  margin-right: 30px;
}

#dvizh_head .red-button {
  display: inline-block;
  /* margin-right: 30px; */
}

#dvizh_head .konfid {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

#garanty_main {
  background-color: #faf8fb;
  padding: 90px 0;
}

#garanty_main .titl {
  color: #411a45;
  font-size: 42px;
  line-height: 44px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 90px;
}

#garanty_main .wr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#garanty_main .wr > div {
  width: 33%;
  min-width: 250px;
  text-align: center;
}

#garanty_main .wr div p {
  color: #411a45;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 30px;
}

.promotion_features {
  margin-top: 60px;
}

.promotion_features .titl {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #411a45;
  margin-bottom: 70px;
}

.promotion_features > div > div {
  display: none;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.promotion_features > div > div.active {
  display: block;
}

.promotion_features .flex-wr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.promotion_features .flex-wr > div {
  width: 26%;
  min-width: 300px;
  text-align: center;
}

.promotion_features .flex-wr .img {
  height: 135px;
  text-align: center;
  margin-bottom: 20px;
}

.promotion_features .flex-wr p,
.promotion_features .flex-wr span {
  font-size: 18px;
  color: #411a45;
}

.promotion_features .flex-wr p {
  font-weight: bold;
}

.under_price_main .title-2 {
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 30px;
}

.under_price_main {
  background-color: #faf8fb;
  padding: 60px 0 75px;
}

.under_price_main #under_pricelist {
  text-align: left;
}

.under_price_main .max1200 {
  max-width: 1580px;
}

#under_pricelist > div {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.under_price_main #under_pricelist > div > div {
  background-color: #fff;
  -webkit-box-shadow: 5px 5px #ebe5ee;
  box-shadow: 5px 5px #ebe5ee;
  position: relative;
  padding: 45px 20px 30px 145px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.5%;
}

.under_price_main #under_pricelist .titl {
  margin-bottom: 0;
}

.under_price_main #under_pricelist > div > div img {
  position: absolute;
  max-width: 103px;
  left: 20px;
  top: 45px;
}

#rev_online_header {
  padding-bottom: 40px;
  margin-bottom: 65px;
}

#rev_online_header > div {
  position: relative;
}

#rev_online_header img {
  width: 440px;
  max-width: 440px;

  position: absolute;
  right: 50px;
  top: 40px;
}

#rev_online_header img.otzyvy {
  width: 280px;
  max-width: 280px;
}

#rev_online_header p {
  max-width: 100%;
  font-size: 16px;
  line-height: 1.5;
  color: #776977;
}

/* форма добавления отзыва для клиентов */
#rev_online_form {
  display: none;

  width: 100%;
  height: 100vh;

  position: fixed;
  left: 0;
  top: 0;

  background: rgba(0, 0, 0, 0.75);
  z-index: 100;
}

.rev_online_form__wrap {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;
}

.rev_online_form__content {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  padding: 50px;

  background-color: #ffffff;
}

#rev_online_form.show {
  display: flex;
}

#rev_online_form.hide {
  display: none !important;
}

.rev-open-button {
  display: block !important;
  transition: none !important;
}

#rev_online_form * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#rev_online_form form {
  width: 930px;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form__close-button {
  position: absolute;

  top: 20px;
  right: 20px;

  background-color: transparent;
  border: none;

  cursor: pointer;
}

#rev_online_form input[type="text"],
#rev_online_form select,
#rev_online_form textarea {
  width: 48.5%;
  font-size: 16px;
  margin-bottom: 25px;
}

#rev_online_form textarea {
  height: 120px;
}

#rev_online_form input[type="text"],
#rev_online_form select,
#rev_online_form textarea[name="PROPERTY[172][0]"] {
  height: 60px;
}

#rev_online_form select {
  padding-left: 16px;
  cursor: pointer;
}

#rev_online_form textarea[name="PROPERTY[172][0]"] {
  width: 100%;
}

#rev_online_form input[type="text"] {
  padding: 11px 20px;
}

#rev_online_form .form_title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
  color: #442047;
  margin-bottom: 30px;
}

#rev_online_form .submit_block input,
.live_review {
  text-transform: none;
  width: 195px;
  font-size: 20px;
  font-weight: bold;
  padding: 15px;
  margin: 15px 0 115px 0;
  text-align: center;
}

#rev_online_form .submit_block input {
  margin: 20px 0 0 0;
}

.live_review {
  margin-top: 0;
}

.rev_online_list {
  padding: 0 0 60px 0;
}

.rev_online_list .item {
  display: grid;
  grid-template: repeat(3, auto) / 3fr 2fr;
  grid-template-areas:
    "name name"
    "experience experience"
    "text answer";
  align-items: center;

  padding: 45px 55px 90px 50px;

  background: #f6f6f6;
}

@media (max-width: 1200px) {
  .rev_online_list .item {
    display: grid;
    grid-template: repeat(4, auto) / 1fr;
    grid-template-areas:
      "name"
      "experience"
      "text"
      "answer";
  }
}

@media (max-width: 1024px) {
  .rev_online_list .item {
    padding: 40px 30px;
  }
}

@media (max-width: 480px) {
  .rev_online_list .item {
    padding: 25px 15px 15px 15px;
  }
}

.rev_online_list .name {
  grid-area: name;

  margin-bottom: 10px;

  font-size: 28px;
  font-weight: bold;
  color: #442047;
}

.rev_online_list .experience {
  grid-area: experience;

  font-size: 16px;
  color: #442047;
}

.rev_online_list .experience span {
  font-weight: 400;
}

.rev_online_list .text-block {
  grid-area: text;

  overflow: hidden;
  position: relative;
  padding: 30px 40px 40px 60px;
}

.rev_online_list .text-block p {
  font-size: 16px;
  line-height: 1.5;
  color: #776977;
  margin-bottom: 35px;
}

.rev_online_list .text-block span {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: flex-start;

  height: 30px;

  padding-left: 47px;
  margin-bottom: 5px;

  color: #442047;
  font-size: 19px;
  font-weight: 700;
  text-transform: capitalize;
}

.rev_online_list .text-block span::before {
  content: "";

  position: absolute;

  width: 22px;
  height: 22px;

  background-repeat: no-repeat;

  left: 0;
  top: 4px;
}

.rev_online_list .plus span::before {
  background-image: url(images/rev/plus.svg);
}

.rev_online_list .minus span::before {
  background-image: url(images/rev/minus.svg);
}

.rev_online_list .comment span::before {
  background-image: url(images/rev/comment.svg);
}

.rev_online_list .idea_answer {
  grid-area: answer;

  padding: 35px 40px;

  position: relative;
  background-color: #ffffff;

  color: #3d3d3d;
  font-size: 16px;
}

.rev_online_list .idea_answer::before {
  content: "";

  position: absolute;
  left: -55px;
  bottom: -10px;

  background-color: transparent;
  border: 15px solid transparent;
  border-left: 45px solid #ffffff;
  transform: rotate(162deg);
}

@media (max-width: 1200px) {
  .rev_online_list .idea_answer::before {
    left: -25px;
    top: -37px;
    bottom: auto;

    transform: rotate(250deg);
  }
}

.rev_online_list .idea_answer span {
  display: block;

  margin-bottom: 20px;

  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: #480e53;
}

p.title_rev {
  font-size: 42px;
  font-weight: bold;
  color: #431f47;
  position: relative;
  padding: 27px 0;
  margin-bottom: 20px;
  border-bottom: 2px solid #d9d2da;
}

p.title_rev span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.05;
}

/* p.title_rev:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ece8ec;
} */

p.title_rev img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 23px;
}

/* audit-composition */
.audit-composition-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.audit-composition {
  margin: 0 10px;
  max-width: 1600px;
  width: 100%;
  padding: 60px 0 74px;
  border: 10px solid #ffffff;
  box-sizing: border-box;
  margin-bottom: 155px;
}

.audit-composition-wrapper.animate .audit-composition {
  animation: borderIn 0.3s ease-out forwards;
  animation-delay: 1.4s;
}

.audit-composition__title {
  text-align: center;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  padding-bottom: 76px;
  overflow: hidden;
}

.audit-composition-wrapper.animate .audit-composition__title span {
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.audit-composition__box {
  padding: 0 150px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.audit-composition__box__item {
  width: 25%;
}

.audit-composition-wrapper.animate .audit-composition__box__item {
  animation: fadeInItem 0.3s ease-out forwards;
  opacity: 0;
}

.audit-composition-wrapper.animate .audit-composition__box__item:nth-child(1) {
  animation-delay: 0.5s;
}

.audit-composition-wrapper.animate .audit-composition__box__item:nth-child(2) {
  animation-delay: 0.8s;
}

.audit-composition-wrapper.animate .audit-composition__box__item:nth-child(3) {
  animation-delay: 1.1s;
}

.audit-composition__box__item .__image {
  position: relative;
}

.audit-composition__box__item .__image img {
  max-width: 100%;
  transition: 0.5s;
  position: relative;
}

.audit-composition__box__item .__content {
  padding-top: 30px;
}

.audit-composition__box__item .__title {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0;
  color: #480e53;
}

.audit-composition__box__item .__description {
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 700;
}

.audit-composition__box__item:hover .__image img {
  transform: translateY(-4px);
}

@media (max-width: 1600px) {
  .audit-composition {
    margin-bottom: 90px;
  }
}

@media (max-width: 1500px) {
  .audit-composition__box {
    padding: 0 80px;
  }
}

@media (max-width: 1300px) {
  .audit-composition__box__item {
    width: 300px;
    padding: 25px 0;
  }

  .audit-composition {
    padding: 50px 0;
  }

  .audit-composition__title {
    font-size: 40px;
  }
}

@media (max-width: 1200px) {
  .audit-composition__box {
    padding: 0 40px;
  }

  .audit-composition {
    padding: 40px 0;
    margin-bottom: 50px;
  }

  .audit-composition__title {
    padding-bottom: 50px;
  }
}

@media (max-width: 1050px) {
  /* .audit-composition__box__item:nth-last-child(1) {
    display: flex;
    width: 640px;
  } */
  .audit-composition__box__item {
    width: 45%;
  }

  .audit-composition__box__item .__content {
    text-align: center;
  }

  .audit-composition__box__item:nth-last-child(1) .__image {
    padding: 0 25px;
  }

  .audit-composition__box__item .__image {
    text-align: center;
  }

  .audit-composition {
    padding: 30px 0;
  }

  .audit-composition__box__item {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .audit-composition {
    border: 10px solid #f7f7f7;
  }

  .audit-composition__title {
    font-size: 33px;
  }

  .audit-composition__box__item {
    width: 100%;
  }

  .audit-composition__box__item .__title {
    font-size: 22px;
  }

  .audit-composition__box__item .__description {
    font-size: 16px;
  }

  .audit-composition__box__item:not(:last-child) {
    margin-bottom: 20px;
  }

  .audit-composition__box__item .__content {
    padding-top: 20px;
  }
}

/* audit-prices */
.audit-prices {
  /* background: url(/upload/audit/audit-price-back.jpg) no-repeat center;
  background-size: cover; */
  padding: 80px 0 60px;
}

.audit-prices__title {
  text-align: center;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  color: #3f1a46;
  margin-bottom: 94px;
}

.audit-prices__box {
  width: 100%;
  max-width: 1178px;
  margin: 10px auto 0;
  box-sizing: border-box;
}

.audit-prices__box__item {
  display: flex;
  background: #fff;
  margin: 0 0 25px;
  box-shadow: 6px 4px 6px rgba(0, 0, 0, 0.15);
}

.audit-prices__left {
  width: 100%;
  max-width: 265px;
  border-right: 1px solid #ededed;
  padding-top: 62px;
  transition: 0.5s;
}

.audit-prices__image {
  text-align: center;
  padding-bottom: 25px;
}

.audit-prices__image img {
  width: 100px;
}

.audit-prices__name {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #411a45;
}

.audit-prices__content {
  padding-left: 55px;
  width: 100%;
  max-width: 855px;
}

.audit-prices__header {
  padding: 45px 0 25px;
  transition: 0.25s;
}

.audit-prices__header .__description {
  font-weight: bold;
  padding-bottom: 0;
  color: #411a45;
}

.audit-prices__body {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
  transition: 0.25s;
}

.audit-prices__prices {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 680px;
}

.audit-prices__prices .__item {
  padding-right: 75px;
}

.audit-prices__prices .__item:nth-last-child(1) {
  padding-right: 0;
}

.audit-prices__prices .__title {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #411a45;
}

.audit-prices__prices .__radio {
  position: absolute;
  top: 4px;
  left: -20px;
  width: 0;
  height: 0;
}

.audit-prices__prices .__radio:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  border: 3px solid #783e7a;
  border-radius: 100%;
}

.audit-prices__prices .__radio:checked:before {
  border-color: #db454f;
}

.audit-prices__prices .__radio:checked:after {
  position: relative;
  top: 5px;
  left: 5px;
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  background: #db454f;
  border-radius: 100%;
}

.audit-prices__prices .__text {
  font-weight: bold;
}

.audit-prices__prices .__body {
  padding-top: 10px;
}

.audit-prices__prices .__body .__price {
  color: #efbd44;
  font-size: 35px;
  font-weight: bold;
}

.audit-prices__prices .__body .__deadline {
  color: #776978;
  font-size: 14px;
}

.audit-prices__order {
  padding-top: 25px;
}

.audit-prices__order__btn {
  background: #db454f;
  border: none;
  outline: none;
  text-align: center;
  color: #fff;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
  transition: 0.25s;
}

.audit-prices__order__btn:hover {
  background: #66236d;
}

@media (max-width: 1200px) {
  .audit-prices__box {
    max-width: 100%;
    padding: 0 15px;
  }

  .audit-prices__left {
    max-width: 160px;
  }
}

@media (max-width: 1100px) {
  .audit-prices__body {
    flex-direction: column;
  }

  .audit-prices__content {
    padding-left: 45px;
    max-width: 100%;
  }

  .audit-prices__prices {
    max-width: 100%;
  }

  .audit-prices__header {
    text-align: center;
  }

  .audit-prices__prices .__item {
    padding-right: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .audit-prices__order {
    text-align: center;
  }
}

@media (max-width: 850px) {
  .audit-prices__prices {
    flex-direction: column;
  }

  .audit-prices__header {
    text-align: left;
  }

  .audit-prices__prices .__item {
    flex-direction: row;
    text-align: left;
    padding-bottom: 15px;
  }

  .audit-prices__prices .__body {
    display: flex;
  }

  .audit-prices__prices .__title {
    width: 180px;
    font-size: 16px;
    text-align: left;
    padding-left: 20px;
  }

  .audit-prices__prices .__radio:before {
    left: 20px;
  }

  .audit-prices__prices .__radio:checked:after {
    left: 25px;
  }

  .audit-prices__prices .__body .__price {
    font-size: 30px;
    padding-right: 15px;
  }

  .audit-prices__order {
    text-align: left;
    padding-left: 180px;
  }
}

@media (max-width: 750px) {
  .audit-prices__content {
    padding-right: 45px;
  }

  .audit-prices__title {
    font-size: 8vw;
  }

  .audit-prices__prices .__item {
    flex-direction: column;
    align-items: flex-start;
  }

  .audit-prices__order {
    padding-left: 0;
    padding-bottom: 25px;
  }
}

@media (max-width: 600px) {
  .audit-prices__box__item {
    flex-direction: column;
    align-items: center;
  }

  .audit-prices__left {
    max-width: 100%;
    border-right: 0;
    padding-top: 35px;
  }

  .audit-prices__content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .audit-prices__header {
    padding: 0px 25px 25px;
    text-align: center;
  }

  .audit-prices__body {
    padding: 0 60px;
  }

  .audit-prices__prices .__item {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
  }

  .audit-prices__prices .__body {
    display: block;
    padding-top: 0;
  }

  .audit-prices__order {
    text-align: center;
  }

  .audit-prices__prices .__body .__price {
    padding-right: 0;
  }

  .audit-prices__prices .__title {
    padding-left: 0;
    text-align: center;
  }

  .audit-prices__prices .__radio {
    left: -40px;
  }
}

@media (max-width: 500px) {
  .audit-prices__title {
    font-size: 10vw;
  }

  .audit-prices__body {
    padding: 0px 25px;
  }

  .audit-prices__prices .__radio {
    left: -20px;
  }

  .audit-prices__prices .__radio:before {
    left: 0;
  }

  .audit-prices__prices .__radio:checked:after {
    left: 5px;
  }
}

@media (max-width: 450px) {
  .audit-prices__prices {
    align-items: center;
  }

  .audit-prices__prices .__item {
    flex-direction: column;
    align-items: flex-start;
    width: 200px;
    padding-left: 60px;
  }

  .audit-prices__prices .__body {
    padding-top: 15px;
  }

  button.audit-prices__order__btn {
    width: 100%;
  }
}

/* audit-result */
.audit-result {
  padding-bottom: 80px;
}

.audit-result__title {
  padding: 0 10px;
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  color: #3f1a46;
  padding-bottom: 20px;
  overflow: hidden;
}

.audit-result .audit-result__title span {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
  display: inline-block;
}

.audit-result__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 15px;
  /* max-width: 1178px; */
  max-width: 1650px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.audit-result__box__image {
  width: 100%;
  overflow-x: scroll;
  position: relative;
  bottom: -30px;
  padding-bottom: 30px;
}

.audit-result .audit-result__box__image {
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 1s;
  opacity: 0;
}

.audit-result__box img {
  width: 1600px;
  max-width: none;
  pointer-events: none;
}

@media (max-width: 1500px) {
  .audit-result__title {
    font-size: 3.75vw;
  }

  .audit-result {
    padding-bottom: 0;
  }

  .audit-result__box img {
    transform: translateX(-40px);
  }
}

@media (max-width: 1300px) {
  .audit-result__title {
    padding-bottom: 0;
  }

  .audit-result__box img {
    width: 1300px;
  }
}

@media (max-width: 1200px) {
  .audit-result__box img {
    width: 1300px;
  }
}

@media (max-width: 1023px) {
  .audit-result__title {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .audit-result__title {
    font-size: 32px;
  }

  .audit-result__box img {
    width: 1200px;
    transform: translateX(-50px);
  }
}

/* Комплексный маркетинг - редизка */
#complex-shapka {
  background-image: url(images/complex/complex1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 20px;
}

#complex-shapka h1 {
  margin-bottom: 45px;
}

#complex-shapka * {
  box-sizing: border-box;
}

#complex-shapka .blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#complex-shapka .blocks > div {
  position: relative;
  width: 29%;
  padding: 40px 50px 30px;
  text-align: center;
  background-color: #fff;
}

#complex-shapka .blocks .bg-left,
#complex-shapka .blocks .bg-right {
  position: absolute;
}

#complex-shapka .blocks .bg-left {
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border: 6px solid #6fd5de;
  border-right: none;
}

#complex-shapka .blocks .bg-right {
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  border: 6px solid #577f98;
  border-left: none;
}

#complex-shapka .blocks div img {
  display: inline-block;
  margin-bottom: 26px;
}

#complex-shapka .blocks div p {
  font-size: 24px;
  color: #431f47;
  font-weight: bold;
  margin-bottom: 20px;
}

#complex-shapka .blocks div span {
  font-size: 16px;
  color: #776978;
}

#complex-shapka .form .order {
  justify-content: space-around;
  width: 810px;
  max-width: 100%;
  margin-bottom: 20px;
}

#complex-shapka #work-form .red-button {
  padding: 11px 40px;
  font-size: 16px;
}

#complex-shapka .form .order .field {
  width: 295px;
  min-width: 200px;
  max-width: 33%;
  background-color: #fff;
}

#complex_podval {
  padding: 115px 0 60px;
  text-align: center;
}

#complex_podval .blocks {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#complex_podval .title {
  font-size: 42px;
  font-weight: bold;
  color: #411a45;
  margin-bottom: 70px;
}

#complex_podval .blocks div {
  width: 24%;
  min-width: 300px;
  max-width: 100%;
}

#complex_podval .blocks img {
  margin-bottom: 25px;
}

#complex_podval .blocks p {
  font-size: 24px;
  font-weight: bold;
  color: #411a45;
  line-height: 1.2;
}

#complex_main .serv {
  padding: 80px 0;
  text-align: center;
}

#complex_main .serv .title {
  margin-bottom: 60px;
  font-size: 42px;
  font-weight: bold;
  line-height: 1;
  color: #411a45;
}

#complex_main .serv .blocks {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#complex_main .serv .blocks > div {
  width: 33%;
  min-width: 300px;
  max-width: 100%;
}

#complex_main .serv img {
  display: inline-block;
  margin-bottom: 40px;
}

#complex_main .serv ul {
  margin-left: 0;
}

#complex_main .serv p {
  font-size: 24px;
  font-weight: bold;
  color: #411a45;
}

#complex_main .serv ul li {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 10px;
  position: relative;
  font-size: 16px;
  color: #776978;
}

#complex_main .serv ul li:before {
  content: "\2714";
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  line-height: 18px;
  font-size: 12px;
  color: #dd525c;
  border: 1px solid #dd525c;
  border-radius: 100%;
}

#complex_main .reshen {
  background-image: url(images/complex/tarif_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0 40px;
  text-align: center;
}

#complex_main .reshen * {
  box-sizing: border-box;
}

#complex_main .reshen .title {
  font-size: 42px;
  line-height: 1;
  font-weight: bold;
  color: #411a45;
  margin-bottom: 60px;
}

#complex_main .reshen .blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#complex_main .reshen .blocks > div {
  min-width: 370px;
  max-width: 100%;
  width: 30%;
  padding: 40px 0;
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-box-shadow: 5px 5px 0 #e2d0c7;
  box-shadow: 5px 5px 0 #e2d0c7;
}

#complex_main .reshen .blocks .info {
  min-height: 480px;
}

#complex_main .reshen .blocks ul {
  margin-left: 0;
}

#complex_main .reshen .blocks ul li {
  display: block;
  font-size: 16px;
  color: #776978;
  margin-bottom: 3px;
}

#complex_main .reshen .blocks p {
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: bold;
  color: #411a45;
}

#complex_main .reshen .blocks img {
  display: inline-block;
  margin-bottom: 30px;
}

#complex_main .reshen .blocks span {
  font-size: 34px;
  font-weight: bold;
  display: block;
  margin-bottom: 30px;
  color: #efbd44;
  line-height: 1;
}

.footer .footer-number .num a,
#fixed-menu .root li.phone a,
.tel {
  opacity: 0;
}

/* AB-TEST */
body.blue_buttons #fixed-menu .root .order-call a,
body.blue_buttons .red-button,
body.blue_buttons .red-button:hover,
body.blue_buttons input[type="submit"],
body.blue_buttons .big-red-button

/*body.blue_buttons */ {
  background-color: #da434d;
  border: 2px solid #da434d;
  border-radius: 8px;
  color: #ffffff;
}

.center {
  text-align: center;
}

/* UDS */

#uds_head {
  background-image: url("images/about/back.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 24px;
}

#uds_head p {
  max-width: 1045px;
  font-size: 18px;
}

#uds_page .bold {
  font-weight: bold;
}

#uds_page {
  background-color: #faf8fb;
}

#uds_page .title-2 {
  max-width: 720px;
  display: inline-block;
  padding: 70px 0 60px;
}

#uds_page .blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}

#uds_page .blocks .itm {
  display: flex;
  align-items: center;
  width: 32.7%;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 5px 5px 0 #f5f1f7;
  padding: 25px 40px 20px 40px;
  box-sizing: border-box;
}

#uds_page .blocks .itm .img {
  width: 40%;
}

#uds_page .blocks .itm .text {
  margin-left: 30px;
}

#uds_page .blocks .itm span {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #411a45;
}

#uds_page .blocks .itm:nth-child(4),
#uds_page .blocks .itm:nth-child(5) {
  width: 49.5%;
}

#uds_page .colored {
  margin-top: 25px;
  background-color: #fffcec;
  padding: 70px 0;
}

#uds_page .title-1 {
  margin-bottom: 50px;
}

#uds_page .list {
  padding-bottom: 20px;
}

#uds_page .list .item {
  float: left;
  width: 48%;
  min-height: 80px;
  padding: 0 1% 20px;
}

#uds_page .list .item:before {
  content: "✓";
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
  color: #df5c65;
  border: 2px solid #df5c65;
  border-radius: 50%;
}

#uds_page .list .item .text {
  padding-top: 8px;
  margin-left: 60px;
}

#uds_page .bottom {
  padding: 50px 0;
}

#uds_page .bottom .title-2 {
  padding: 40px 0 25px;
}

.price_page_block1 {
  background-size: cover;
  padding: 75px 0;
  margin-top: 20px;
  background-position: -100px 0;
}

.price_page_block1 .title-1 + p {
  font-size: 18px;
}

.price_page_block1 .wr {
  margin-top: 75px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}

.price_page_block1 .wr .img {
  height: 125px;
  margin-bottom: 35px;
}

.price_page_block1 .wr > div {
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
}

.price_page_block_order {
  padding: 50px 0;
}

.price_page_block_order .wrapper {
  max-width: 1600px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 32px 39px rgb(73 13 94 / 10%);
  box-sizing: border-box;
  padding: 35px;
}

.price_page_block_order .wrapper .title-2 {
  font-weight: 700;
}

.price_page_block_order .wrapper .form {
  display: flex;
  width: 58%;
}

.price_page_block_order .wrapper .form form {
  width: 100%;
}

.price_page_block_order .order {
  margin-bottom: 10px;
}

.price_page_block_order form .center {
  font-size: 14px;
  text-align: left;
}

.price_additional {
  padding: 75px 0 60px;
  background-color: #faf8fb;
}

.price_additional .title-1 {
  margin-bottom: 60px;
}

.price_additional .wide {
  display: flex;
  background-color: #fff;
  box-shadow: 5px 5px 0px #f2ebf1;
}

.price_additional .wide .img {
  display: inline-block;
  width: 28%;
  text-align: center;
  border-right: 1px solid #ededed;
}

.price_additional .wide .wr {
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
}

.price_additional .wide p {
  display: inline-block;
  vertical-align: middle;
  font-size: 27px;
  font-weight: bold;
  line-height: 1;
  color: #411a45;
  padding-bottom: 0;
}

.price_additional .wide p.button {
  font-size: 16px;
}

.price_additional .wide span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #411a45;
  margin-bottom: 5px;
}

.price_additional .wide span.price {
  font-size: 34px;
  color: #efbd44;
  margin-bottom: 0;
  line-height: 1;
}

.price_additional .blocks {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.price_additional .--item {
  width: 32%;
  padding: 30px 0;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 5px 5px 0px #f2ebf1;
  text-align: center;
}

.price_additional .--item .img {
  height: 135px;
  margin-bottom: 10px;
}

.price_additional .--item p {
  font-size: 27px;
  font-weight: bold;
  line-height: 1.1;
  color: #411a45;
  margin-bottom: 10px;
}

.price_additional .--item span {
  display: block;
  font-size: 34px;
  font-weight: bold;
  color: #efbd44;
  margin-bottom: 35px;
}

.price_additional .--item a {
  font-size: 16px;
}

/* новые шапки*/
#header_prodvig .titl {
  font-size: 28px;
  line-height: 30px;
  font-weight: bold;
  color: #431f47;
  margin-top: 45px;
  margin-bottom: 15px;
}

#header_prodvig .after-title {
  text-align: left;
}

#header_prodvig .form .order {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

#header_prodvig.form {
  margin-bottom: 20px;
}

#header_prodvig .inline_form .field {
  background-color: #fff;
  border: 3px solid #f0bc48;
  max-width: 250px;
  margin-right: 30px;
}

#header_prodvig .red-button {
  display: inline-block;
  margin-right: 30px;
}

#header_prodvig .konfid {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

#header_prodvig ul {
  list-style: none;
}

#header_prodvig li {
  padding-left: 35px;
  position: relative;
  margin-bottom: 15px;
}

#header_prodvig li:before {
  content: url(images/key/check.png);
  position: absolute;
  width: 23px;
  height: 18px;
  background-size: cover;
  top: 0;
  left: 0;
}

.price_prodvig {
  width: 100%;
  font-size: 28px;
  margin-top: 10px;
}

.price_prodvig span {
  font-size: 42px;
  font-weight: 700;
  color: #431f47;
}

/* Блок с Ромой */
.wellcom {
  display: flex;
  background: linear-gradient(
    180deg,
    #ffffff 45.83%,
    #f5f4f5 86.46%,
    #eae9eb 100%
  );
}

.wellcom .max1700 {
  max-width: 1700px;
  margin: 0 auto;
  display: flex;
  padding: 4.7% 0 0 0;
}

.wellcom .wellcom__roma {
  width: 39.4%;
  display: flex;
  align-items: end;
  max-width: 584px;
}

.wellcom .wellcom__roma img {
  width: 100%;
  object-position: bottom;
}

.wellcom .wellcom__description {
  width: 52%;
  display: flex;
  padding: 0 30px 50px 0;
  flex-direction: column;
}

.wellcom .wellcom__title {
  font-style: normal;
  font-weight: bold;
  font-size: 60px;
  line-height: 100%;
  color: #3f1a46;
  position: relative;
  padding: 0 0 27px 0;
}

.wellcom .wellcom__title::before {
  position: absolute;
  content: "";
  display: block;
  background: url(/upload/redezain/kovichki-left.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 1.45em;
  height: 1.2em;
  left: -1.8em;
}

.wellcom .wellcom__text {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 155%;
  color: #534f54;
}

.wellcom .wellcom__text:nth-child(3) {
  margin: 30px 0 47px 0;
  position: relative;
}

.wellcom .wellcom__text:nth-child(3)::before {
  position: absolute;
  content: "";
  display: block;
  background: url(/upload/redezain/kovichki-right.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 4.45em;
  height: 4.6em;
  right: -4.8em;
}

.wellcom .wellcom__description span {
  background: linear-gradient(90deg, #3f1a46 0%, rgba(63, 26, 70, 0) 79.52%);
  width: 37%;
  height: 1px;
  margin: 0 0 37px 0;
}

.wellcom .boss p {
  font-weight: bold;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
  padding-bottom: 0;
}

.wellcom .boss p:nth-child(2) {
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  line-height: 170%;
  color: #848484;
}

.wellcom .wellcom__btn {
  margin: 45px 0 0;
}

.wellcom .wellcom__btn a {
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #ffffff;
  padding: 14px 30px;
  background: #da434d;
  border-radius: 8px;
  margin: 45px 0 0;
}

/* Блок Услуги */

.service .max1500 {
  max-width: 1560px;
  padding: 0 30px;
  margin: 74px auto 0;
  display: flex;
  flex-direction: column;
}

.service .service__inner {
  max-width: 1660px;
  padding: 0 30px;
  margin: 74px auto 0;
  display: flex;
  flex-direction: column;
}

.service .service__title {
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-size: 60px;
  line-height: 100%;
  text-align: center;
  color: #3f1a46;
  margin: 0 0 70px 0;
}

.service .service__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.service .service__item {
  padding: 23px;
  width: 331px;
  cursor: pointer;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 32px 39px rgba(73 13 94/ 10%);
  background-color: #ffffff;
  transition: all 0.2s linear;
  margin-right: 3%;
  margin-bottom: 58px;
}

.service .service__item:nth-child(4n) {
  margin-right: 0;
}

.service .service__item:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

/* .service .service__item > .item__top svg > circle,
.service .service__item > .item__top svg > path {
  transition: all 0.3s linear;
} */
/* .service .service__item:hover > .item__top svg > circle {
  fill: #da434d;
} */

/* .service .service__item:hover > .item__top svg > path {
  stroke: white;
} */
.service .service__item:hover {
  background-color: #e34955;
}

.service .service__item:hover .item__title {
  color: #ffffff;
}

.service .service__item:hover .item__text {
  color: #ffffff;
}

.service .service__item:hover .item__link {
  border: 1px solid #ffffff;
}

.service .service__item br {
  display: none;
}

.service .item__title {
  font-style: normal;
  font-weight: bold;
  /* font-size: 1.3vw; */
  font-size: 25px;
  line-height: 100%;
  color: #480e53;
  padding: 15px 0;
}

.service .item__text {
  font-style: normal;
  font-weight: normal;
  /* font-size: 0.8vw; */
  font-size: 18px;
  line-height: 1.3;
  color: #616161;
  padding: 0 21% 41px 0;
}

.service .item__link {
  height: 54px;
  width: 100%;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  text-decoration-line: underline;
  color: #ffffff;
  background-color: #da434d;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #da434d;
  text-decoration: none;
  transition: all 0.2s linear;
}

.service .service__item.show .item__link {
  color: #da434d;
  border: 1px solid #ffffff;
  background: #ffffff;
}

@media (max-width: 1514px) {
  .service .service__wrapper {
    justify-content: space-evenly;
  }

  .service .service__item:nth-child(4n) {
    margin-right: 3%;
  }

  .service .service__item:nth-child(3n) {
    margin-right: 0;
  }

  .service .service__item:nth-last-child(-n + 4) {
    margin-bottom: 58px;
  }
}

@media (max-width: 1199px) {
  .service .service__item {
    width: 29%;
  }
}

@media (max-width: 1023px) {
  .service .service__item {
    width: 331px;
  }

  .service .service__item:nth-child(3n) {
    margin-right: 3%;
  }

  .service .service__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .service .service__item {
    margin-right: 0;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
  }

  .service .service__item:nth-child(3n) {
    margin-right: 0;
  }

  .service .service__item:nth-child(2n) {
    margin-right: 0;
  }

  .service .service__item:nth-child(4n) {
    margin-right: 0;
  }

  .service .service__item:nth-last-child(-n + 4) {
    margin-bottom: 0;
  }

  .service .item__text {
    text-align: center;
  }

  .service .service__item.show .item__link {
    width: 70%;
    margin: 0 auto;
    background-color: #da434d;
    color: #ffffff;
    margin-top: 10px;
    width: 55%;
  }

  .service .service__item:hover {
    background-color: #ffffff;
  }

  .service .service__item:hover .item__title {
    color: #480e53;
  }

  .service .service__item:hover .item__text {
    color: #616161;
  }

  .service .service__item:hover .item__link {
    border: 1px solid #da434d;
  }
}

/* about */

.idea-results {
  margin: 0 auto;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.idea-results__title {
  text-align: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  color: #480e53;
  margin-bottom: 60px;
}

.idea-results .big-title {
  color: #480e53;
}

.idea-results__top {
  display: flex;
  justify-content: space-between;
  align-items: top;
  flex-wrap: nowrap;
  padding: 0 20px 60px;
}

.idea-results .item {
  width: 28%;
  cursor: pointer;
  transition: transform 0.2s linear;
}

.idea-results .item:hover {
  transform: scale(1.2);
}

.idea-results .item__icon {
  text-align: center;
  margin-bottom: 10px;
}

.idea-results .item__text {
  font-size: 20px;
  line-height: 1.55;
  color: #534f54;
  font-weight: 400;
  text-align: center;
}

.idea-results__bottom {
  display: flex;
  margin-top: 80px;
  margin-bottom: 60px;
  justify-content: space-between;
}

.idea-results__bottom .left,
.right {
  width: 45%;
}

.idea-results__bottom .right {
  width: 49%;
  padding-right: 30px;
}

.idea-results__bottom .left {
  display: flex;
  align-items: flex-end;
  position: relative;
}

.idea-results__bottom .left__text {
  color: #000000;
  font-size: 28px;
  text-align: end;
  width: 100%;
}

.idea-results__bottom .accent {
  color: #616161;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  text-transform: uppercase;
}

.idea-results__bottom .text-block {
  display: flex;
  align-items: center;
  width: 47%;
}

.idea-results__bottom .left__img {
  margin-left: 20px;
  width: 84px;
  height: 12px;
}

.idea-results__bottom .text-block img {
  display: block;
  width: 100%;
}

.idea-results__bottom .founder {
  width: 53%;
  max-width: 381px;
  max-height: 515px;
  filter: grayscale(100%);
  transition: filter 0.2s linear;

  position: relative;
  bottom: -10px;
  left: -35px;
  z-index: -1;
}

.idea-results__bottom .left {
  cursor: pointer;
}

.idea-results__bottom .left:hover .founder {
  filter: grayscale(0%);
}

.idea-results__bottom .description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
}

.idea-results__bottom .description__title {
  font-weight: 700;
  font-size: 45px;
  line-height: 1.4;
  color: #480e53;
}

.idea-results__bottom .description__text {
  font-size: 32px;
  line-height: 1.5;
  color: #616161;
  font-weight: 400;
}

.idea-results__bottom .right {
  display: flex;
  align-items: center;
}

.idea-results__bottom .left__text.tablet {
  display: none;
}

#achivment {
  padding: 0;
}

.idea-achievments {
  background-color: #f7f7f7;
}

.idea-achievments__inner {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding-top: 67px;
  padding-bottom: 110px;
}

.idea-achievments__title {
  font-size: 60px;
  line-height: 1;
  color: #480e53;
  font-weight: 700;
  text-align: center;
  margin-bottom: 90px;
  padding: 0;
}

.idea-achievments__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.idea-achievments__content .leaf {
  width: 7%;
}

.certificates__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 72%;
}

.certificates__item {
  width: 15.5%;
  cursor: pointer;
  transition: transform 0.2s linear;
}

.certificates__item img {
  width: 100%;
}

.certificates__item-big {
  width: 24%;
  cursor: pointer;
  transition: transform 0.2s linear;
}

.certificates__item-mid {
  width: 17%;
  cursor: pointer;
  transition: transform 0.2s linear;
}

.certificates__item:hover {
  transform: scale(1.2);
}

.certificates__item-big:hover {
  transform: scale(1.2);
}

.certificates__item-mid:hover {
  transform: scale(1.2);
}

/* Circles!!!!!!!! */
.circles__wrapper {
  --gap: 10vmin;
  --diametrLeft: 90vmin;
  --diametrRight: 60vmin;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1600px;
  width: 100%;
  height: 100vh;
}

.circles__circle-left {
  flex-grow: 0;
  flex-shrink: 1;
  margin-right: -(var(--gap));
  height: var(--diametrLeft);
  width: var(--diametrLeft);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(/upload/about/circle.png) center no-repeat;
  background-size: cover;
}

.circles__circle-right {
  flex-grow: 0;
  flex-shrink: 1;
  margin-left: -18vmin;
  width: var(--diametrRight);
  height: var(--diametrRight);
  box-sizing: border-box;
  border-radius: 50%;
  padding: 0 6vmin;
  background: url(/upload/about/circle_small.png) center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  position: relative;
}

.circle-white {
  flex-shrink: 1;
  flex-grow: 0;
  height: 72vmin;
  width: 72vmin;
  background-color: white;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.circle__title {
  color: #490d5e;
  font-weight: 700;
  /* font-size: 96.77px; */
  font-size: 12vmin;
  line-height: 0.96;
}

.circle__text {
  /* font-size: 47.31px; */
  font-size: 5.5vmin;
  color: #363636;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 0.5em;
}

.circle-small__title {
  color: #480e53;
  /* font-size: 24.22px; */
  font-size: 2.6vmin;
  line-height: 1.55;
  font-weight: 700;
  text-align: center;
}

.circle-small__text {
  color: #414141;
  /* font-size: 22.22px; */
  font-size: 2.5vmin;
  line-height: 1.55;
  font-weight: 400;
  text-align: center;

  margin-top: 0.5em;
}

.circle-sign {
  display: flex;
  flex-shrink: 1;
  position: absolute;
  transform: translate(107%, -60%);
  width: 30vmin;
  height: 30vmin;
  z-index: -1;
}

.circle-sign img {
  width: 100%;
}

/*Circle ************************************************************ */
.wrapper-circle {
  display: none;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100vmin;
  height: 100vmin;
  margin-bottom: -15vh;
  margin-top: -15vh;
}

.circle {
  flex-grow: 0;

  box-sizing: border-box;
}

.circle.left {
  background: url(/upload/about/circle.png) center no-repeat;
  background-size: contain;
  height: 65%;
  width: 65%;
  margin-right: -5vmin;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle.right {
  background: url(/upload/about/circle_small.png) center no-repeat;
  background-size: cover;
  border-radius: 50%;

  margin-left: -7vmin;
  width: 35%;
  height: 35%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.small {
  flex-grow: 0;
  height: 25%;
  width: 25%;
  box-sizing: border-box;
  border-radius: 50%;

  position: absolute;
  z-index: -1;
  transform: translate(170%, -141%);
}

.circle-fon {
  flex-grow: 0;
  background-color: white;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  /* padding: 0 5vmin; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.circle__title-m {
  color: #490d5e;
  font-weight: 700;
  /* font-size: 96.77px; */
  font-size: 6vmin;
  line-height: 0.96;
}

.circle__text-m {
  /* font-size: 47.31px; */
  font-size: 3.5vmin;
  color: #363636;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 0.5em;
}

.circle-small__title-m {
  max-width: 90%;
  color: #480e53;
  /* font-size: 24.22px; */
  font-size: 1.8vmin;
  line-height: 1.55;
  font-weight: 700;
  text-align: center;
}

.circle-small__text-m {
  max-width: 90%;
  color: #414141;
  /* font-size: 22.22px; */
  font-size: 1.5vmin;
  line-height: 1.55;
  font-weight: 400;
  text-align: center;

  margin-top: 0.5em;
}

/* Whant to work ********************************************************/

#zakaz {
  background: white;
}

#zakaz .zakaz__item:nth-child(2) {
  background: url("/upload/redezain/img_zakaz.png") bottom no-repeat;
  background-size: 100%;
}

#zakaz .max1600 {
  max-width: 1630px;

  display: flex;
}

.form-kp .order .field {
  margin-bottom: 5px;
  background: #fff;
}

.form-kp .site_audit {
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #ed2224;
  padding-left: 20px;
}

.form-kp .site_audit:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  top: 0;
  left: 0;
  background: url("/upload/Arrow-kp.png");
}

#work-form .submit-kp:hover {
  cursor: pointer;
}

#work-form .submit-kp-blue:hover {
  cursor: pointer;
}

/* ********************************************************************* */

@media (max-width: 1550px) {
  .idea-results__bottom .description__title {
    font-size: 2.5vw;
  }

  .idea-results__bottom .description__text {
    font-size: 2vw;
  }
}

@media (max-width: 1480px) {
  .circles__wrapper {
    display: none;
  }

  .wrapper-circle {
    display: flex;
  }
}

@media (max-width: 1300px) {
  .idea-results__bottom .left__text {
    font-size: 2vw;
  }

  .idea-results__bottom .accent {
    font-size: 1.4vw;
  }

  .idea-results__bottom .left__img {
    margin-left: 1vw;
  }

  .idea-results__bottom .founder {
    left: -2vw;
  }
}

@media (max-width: 1276px) {
  .content {
    padding-top: 86px;
  }
}

@media (max-width: 1023px) {
  .new_fon {
    max-width: 121%;
  }

  #video-menu ul {
    display: none;
  }

  #video-menu ul.opened {
    width: 100%;
    display: block;
    top: 58px;
    left: 0;
    position: fixed;
    animation: ulOpen 0.3s linear;
    padding: 0;
  }

  #video-menu ul.opened.hide > li {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  #video-menu ul.opened.hide > li.show {
    opacity: 1;
    z-index: 2;
  }

  #video-menu ul.opened .ulBack {
    border-bottom: 3px solid white;
  }

  #video-menu ul .next {
    cursor: pointer;
    width: 30px;
    display: block;
    float: right;
    font-family: Verdana, Arial;
    font-weight: normal;
    text-align: center;
  }

  ul.opened ul.opened {
    z-index: 2;
  }

  @keyframes ulOpen {
    from {
      transform: translateY(-100%);
    }

    to {
      transform: translateY(0);
    }
  }

  #video-menu ul li:hover > ul {
    display: none;
  }

  #video-menu ul li:hover > ul.opened {
    display: block;
  }
}

@media (max-width: 991px) {
  .wrapper-circle {
    margin-top: -160px;
  }

  .idea-results__top {
    flex-direction: column;
    align-items: center;
    padding: 0;
  }

  .idea-results__top .item {
    width: 70%;
  }

  .idea-results__top .item:not(:last-child) {
    margin-bottom: 56px;
  }

  .idea-results__top .item__text {
    padding: 0 10px;
  }

  .idea-results__bottom {
    flex-direction: column;
    align-items: center;
  }

  .idea-results__bottom .text-block {
    display: none;
  }

  .idea-results__bottom .left {
    width: 80%;
    order: 2;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .idea-results__bottom .right {
    width: 80%;
    order: 1;
  }

  .idea-results__title {
    font-size: 42px;
  }

  .idea-results .description__title {
    font-size: 30px;
  }

  .idea-results .description__text {
    font-size: 20px;
  }

  .idea-results .description__text {
    font-size: 16px;
  }

  .idea-results__bottom .accent {
    font-size: 14px;
  }

  .idea-results__bottom .left__text.tablet {
    display: block;
    text-align: center;
    width: 50%;
    margin-top: 15px;
  }

  .idea-results__bottom .founder {
    margin-top: 30px;
  }

  .idea-achievments__title {
    font-size: 42px;
  }

  .certificates__wrapper {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .idea-achievments__content .leaf {
    width: 14%;
  }

  .certificates__item {
    width: 30%;
  }

  .certificates__item-big {
    width: 48%;
  }

  .certificates__item-mid {
    width: 34%;
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .new_fon {
    max-width: 100%;
  }

  .wrapper-circle {
    margin-top: -11vh;
    margin-bottom: -9vh;
  }

  .circle-small__text-m {
    display: none;
  }

  .circle-small__title-m {
    font-size: 2.2vmin;
  }

  .idea-results__top .item {
    width: 90%;
  }

  .idea-results__top .item__icon img {
    width: 70px;
  }

  .idea-results__title {
    font-size: 32px;
    margin-bottom: 30px;
  }

  .idea-results__bottom {
    margin-top: 30px;
    margin-bottom: 60px;
  }

  .idea-results__bottom .right {
    width: 95%;
    padding-right: 0;
  }

  .idea-results__bottom .left {
    width: 95%;
  }

  .idea-results__bottom .left__text {
    font-size: 16px;
  }

  .idea-results .description__title {
    font-size: 25px;
  }

  .idea-achievments__inner {
    padding-top: 25px;
    padding-bottom: 35px;
  }

  .idea-achievments__title {
    font-size: 32px;
    margin-bottom: 30px;
  }

  .certificates__item-mid {
    margin-top: 15px;
  }
}

@media (max-width: 500px) {
  .wrapper-circle {
    transform: scale(1.1);
  }
}

@media (max-width: 320px) {
  .idea-results__bottom .founder {
    left: -13.2vw;
  }

  .idea-results__bottom .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .idea-results__bottom .founder img {
    max-width: 250px;
  }
}

.ajax-result {
  text-align: center;
}

.popup#form-popup .title {
  max-width: 530px;
}

.popup#form-popup .frame {
  /* max-width: 537px; */
  /* max-width: 725px; */
  box-sizing: border-box;
  background-color: transparent;
  display: flex;
  justify-content: center;
}

.popup#form-popup .overlay {
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup#form-popup .frame .offset {
  background-color: white;
  padding: 40px;
}

.popup#form-popup .frame .offset .data #popup-form .ajaxUpdate .field {
  margin-bottom: 0;
}

.popup#form-popup
  .frame
  .offset
  .data
  #popup-form
  .ajaxUpdate
  .field
  input[type="text"] {
  box-sizing: border-box;
}

.popup#form-popup .frame .offset .data #popup-form input[type="button"] {
  display: block;
  margin: 0 auto;
  text-transform: none;
  border-radius: 8px;
  padding: 13px 14px;
  margin-bottom: 10px;
}

.popup#form-popup .frame .offset .data #popup-form.form {
  max-width: 401px;
}

.select {
  position: relative;
  /* border: 1px solid #DCDCDC;
    border-radius: 8px;
    width: 100%;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    color: #616161; */
  height: 51px;
  margin-bottom: 24px;
  /* padding: 0 0 0 20px;
    margin: 0 0 24px 0; */
}

.select .select__wrapper {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  width: 100%;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
  color: #616161;
  height: 51px;
  padding: 17px 35px 0 20px;
  box-sizing: border-box;
  z-index: 7;
  position: relative;
  background-color: white;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.select .select__wrapper::before {
  content: url(/local/templates/idea-promotion/images/select_arrow.png);
  position: absolute;
  right: 14px;
  top: 17px;
  z-index: 2;
}

.select .select__options {
  position: absolute;
  z-index: -1;
  height: 0;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: white;
}

.select .select__wrapper.open ~ .select__options {
  height: auto;
  overflow: auto;
  width: 100%;
  z-index: 2;
  padding: 10px 0 0;
  transform: translateY(-10px);
  background-color: white;
}

.select .select__wrapper.open::before {
  transform: rotate(180deg);
}

.select .select__options .select__option {
  padding: 7px 0;
}

.select .select__options .select__option {
  padding: 7px 0 7px 20px;
  cursor: pointer;
}

.select .select__options .select__option:hover {
  background-color: #6d0092;
  color: white;
}

.form .field textarea#COMMENT {
  padding: 10px 0 0 20px;
  box-sizing: border-box;
}

#get-new .submit-kp,
#get-new .submit-kp-big-bhover {
  max-width: 100%;
  background-color: #429eda;
  border: 2px solid #429eda;
}

#header_prodvig {
  position: relative;
  z-index: 15;
}

.wrapper_header {
  padding: 15px 0;
  position: relative;
  z-index: 15;
}

.img-prodvig {
  position: absolute;
  bottom: 0;
  right: 0;
}

#header_prodvig .inline_form .field {
  border: none;
  background-color: transparent;
}

#header_prodvig .inline_form .field input[type="text"] {
  box-sizing: border-box;
  margin-bottom: 0;
}

#header_prodvig .inline_form .ajax-result {
  text-align: left;
}

.seo-garant-header {
  background: url(/local/templates/idea-promotion/images/seo-garant/seo-bg.png);
  background-size: cover;
  margin-top: -120px;
}

.seo-garant-key .title-seo-garant {
  font-size: 28px;
  line-height: 35px;
  padding: 15px 0;
  color: #db3e1f;
  font-weight: 700;
}

.seo-garant-key .key-feature-seo {
  width: 50%;
  /* margin-bottom: 250px; */
  margin-bottom: 160px;
}

.seo-garant-key .key-feature-seo p {
  font-size: 20px;
}

.seo-garant-key {
  padding: 80px 0;
  background: url(/local/templates/idea-promotion/images/seo-garant/seo-bg-key.png)
    center top;
  background-size: cover;
}

#dvizh_head .fly {
  position: absolute;
  right: 0;
  top: 60px;
  max-width: 40%;
}

#video.main-vis .wrapper > h1 {
  display: none;
}

.seo-price__slider {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.akciya_new_detail_page {
  min-height: 345px;
  height: 345px;
  padding: 20px;
  color: #3e3c3c;
  box-sizing: border-box;
  display: table;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #103641;
}

/* .akciya_new_detail_page .title_lv2 {
    display: none;
} */
.akciya_new_detail_page .table_cell {
  display: table-cell;
  vertical-align: middle;
  padding-top: 20px;
}

.akciya_new_detail_page .max1200 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1600px;
  min-width: 300px;
  margin: 0 auto;
}

.image_detail_page {
  width: 30%;
  min-height: 250px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 15%;
}

.text_detail_page {
  padding-right: 10px;
  box-sizing: border-box;
  width: 70%;
  max-width: 600px;
}

.text_detail_page .title_lv2 {
  display: none;
}

/* .title_lv2 {
    display: none;
} */

div.news-detail {
  word-wrap: break-word;
}

.news-detail-new-aktsii {
  padding-top: 365px;
}

.how_it_work {
  color: #103641;
}

.detail_work ul li {
  list-style-image: url(/local/templates/idea-promotion/images/key/check.png);
}

.inline_form_detail_aktsii .order {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.inline_form_detail_aktsii .order .field {
  background-color: #fff;

  max-width: 250px;
  margin-right: 30px;
  width: 40%;
  min-width: 250px;
  display: inline-block;
  margin-bottom: 0;
  padding: 10px 20px;
  box-sizing: border-box;
}

.inline_form_detail_aktsii .konfid {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

.field_but {
  height: 48px;
  display: flex;
}

.inline_form_detail_aktsii .konfid {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
  margin-left: 10px;
}

.field_but {
  margin-top: 11px;
}

/* .inline_form_detail_aktsii {
    margin: 0 auto;
} */

/* .akciya_new_detail_page .wrapper .title_lv1 {
    display: none;
} */
.akciya_new_detail_page {
  top: 95px;
}

.breadcrumbs {
  position: relative;
  z-index: 3;
}

#case .team .button a.big-red-button {
  display: inline-block;
  background-color: #429eda;
  border: 2px solid #429eda;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  text-decoration: none;
  max-width: 350px;
}

#case .team .button a.big-red-button:hover {
  background-color: white;
  border: 2px solid #429eda;
  color: #429eda;
}

#after-case .more-case .button a.big-red-button {
  display: inline-block;
  background-color: #429eda;
  border: 2px solid #429eda;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  text-decoration: none;
  max-width: 350px;
}

#after-case .more-case .button a.big-red-button:hover {
  background-color: white;
  border: 2px solid #429eda;
  color: #429eda;
}

@media (max-width: 1275px) {
  .akciya_new_detail_page {
    top: 86px;
  }
}

@media (max-width: 1023px) {
  .akciya_new_detail_page {
    top: 63px;
  }
}

@media (max-width: 1000px) {
  .img-prodvig {
    display: none;
  }

  #dvizh_head .fly {
    max-width: 25%;
  }

  .inline_form_detail_aktsii .order {
    justify-content: center;
  }

  .field_but {
    flex-direction: column;
    min-width: 400px;
    height: auto;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }

  .order .field_but .red-button.submit {
    width: 200px;
    margin: 0 auto;
  }
}

@media (max-width: 800px) {
  .akciya_new_detail_page .max1200 {
    flex-direction: column;
    min-width: auto;
  }

  .akciya_new_detail_page {
    top: 57px;
    /* height: 400px; */
    height: 500px;
    /* min-height: 400px; */
    min-height: 500px;
  }

  .image_detail_page {
    min-height: 150px;
    height: 150px;
    width: 100%;
    order: 1;
  }

  .news-detail-new-aktsii {
    padding-top: 470px;
  }

  .text_detail_page {
    width: 100%;
    text-align: center;
    order: 2;
    padding-right: 0;
    padding-left: 0;
    max-width: none;
  }

  .akciya_new_detail_page h1 {
    text-align: center;
    font-size: 30px;
    line-height: 39px;
  }

  .text_detail_page .title_lv2 {
    display: block;
  }

  .title_lv1 {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .seo-price__slider {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .content {
    padding-top: 63px;
  }

  .content.box-size .advantage .swiper-pagination {
    margin: 0 -4%;
  }

  .popup#form-popup .frame .offset {
    padding: 20px;
  }

  .select {
    margin-bottom: 20px;
    height: 45px;
  }

  .select .select__wrapper {
    height: 45px;
    padding: 12px 35px 0 20px;
  }

  .select .select__wrapper::before {
    top: 10px;
  }

  .popup#form-popup
    .frame
    .offset
    .data
    #popup-form
    .ajaxUpdate
    .field
    input[type="text"] {
    height: 45px;
    margin: 0px 0 20px 0;
  }

  .popup#form-popup .title {
    font-size: 30px;
    line-height: 32px;
  }

  .popup#form-popup .form .field textarea {
    margin: 0 0 20px 0;
  }
}

@media (max-width: 750px) {
  .seo-garant-key .key-feature-seo {
    width: 90%;
    margin-bottom: 100px;
  }

  .seo-garant-key .key-feature-seo p {
    font-size: 20px;
    color: #431f47;
  }

  .seo-garant-key {
    background-position: left top;
  }
}

@media (max-width: 708px) {
  .seo-garant-header {
    margin-top: 20px;
  }
}

@media (max-width: 600px) {
  .news-detail-new-aktsii {
    padding-top: 550px;
  }
}

@media screen and (max-width: 550px) {
  #header_prodvig .form .order {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 450px) {
  .seo-garant-schema-list.regions .offset {
    flex-direction: column;
  }

  .seo-garant-key {
    padding: 20px 0;
  }

  .seo-garant-schema-list.regions .item .text {
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 420px) {
  .news-detail-new-aktsii {
    padding-top: 610px;
  }
}

@keyframes animTranslateY {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0);
  }
}

/* KEY REQUEST */
/* ROCKET BLOCK KEY REQUEST */
.service-intro-block {
  overflow: hidden;
}

.service-intro {
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 68px;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}

.service-intro.unick {
  padding: 65px 10px 0;
}

.service-intro__top {
  display: flex;
}

.service-intro__left {
  width: 50.5%;
  text-align: start;
}

.service-intro__left.unick h1.title.unick {
  margin-bottom: 52px;
}

.service-intro__left h1.title {
  padding: 0;
  margin-bottom: 70px;
  position: relative;
  overflow-y: hidden;

  text-align: start;
  font-size: 60px;
  line-height: 1.1;
  color: #3f1a46;
}

.service-intro__left h1.title.layout-s {
  margin-bottom: 10px;
}

.service-intro__left.reveal .title span,
.service-intro__left.prodvizh.reveal .title span {
  /* animation: textIn 1s ease-out forwards; */
  animation: textIn 0.4s ease-out forwards;
}

.service-intro__left.reveal .title span {
  /* animation-delay: 1.4s; */
  opacity: 0;
  display: inline-block;
}

.service-intro__left.prodvizh.reveal .title span {
  animation-delay: 0.4s;
  opacity: 0;
  display: inline-block;
}

@keyframes textIn {
  0% {
    transform: translateY(100%);
    opacity: 1;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.service-intro__left .subtitle {
  position: relative;
  overflow-y: hidden;
  margin-bottom: 52px;
  font-size: 36px;
  line-height: 1;
  color: #3f1a46;
}

.service-intro__left.reveal .subtitle span,
.service-intro__left.reveal .aim span,
.service-intro__left.reveal .item span,
.service-intro__left.reveal .item img {
  /* animation: textIn 1s ease-out forwards; */
  animation: textIn 0.4s ease-out forwards;
}

.service-intro__left.reveal .subtitle span {
  animation-delay: 0.4s;
  opacity: 0;
  display: inline-block;
}

.service-intro__left .aim {
  position: relative;
  overflow-y: hidden;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  color: #3f1a46;
}

.service-intro__left.reveal .aim span {
  animation-delay: 0.8s;
  opacity: 0;
  display: inline-block;
}

.service-intro__left .item {
  position: relative;
  overflow-y: hidden;
  font-size: 20px;
  line-height: 1.55;
  color: #534f54;
}

.service-intro__left .align-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 30px;
}

.service-intro__left .item-half {
  display: inline-flex;
  width: 45%;
}

.service-intro__left .align-left img {
  margin-right: 30px;
}

.service-intro__left.reveal .item span {
  animation-delay: 1.2s;
  opacity: 0;
  display: inline-block;
}

.service-intro__left.reveal .item img {
  animation-delay: 1.2s;
  opacity: 0;
}

.service-intro__right {
  width: 48%;
  text-align: end;
}

.service-intro__right .board {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 66.5%;
  width: 97.7%;
  position: relative;
  background-image: url(/local/templates/idea-promotion/images/seo-requests/board.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.service-intro__right.animate .board {
  animation: fadeInItem 0.3s linear forwards;
  /* animation-delay: 1s; */
  opacity: 0;
}

@keyframes fadeInItem {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*Unick */
.service-intro__right.unick .chart.unick,
.service-intro__right.unick .chart-rock.unick,
.service-intro__right.unick .cosmo.unick,
.service-intro__right.unick .stars.unick,
.service-intro__right.unick .pic1.unick,
.service-intro__right.unick .words.unick {
  position: absolute;
  z-index: 2;
}

.service-intro__right.unick .pic1.unick {
  width: 27%;
  transform: translate(96%, -71%);
  animation-delay: 0.3s;
}

.service-intro__right.unick .words.unick {
  width: 52%;
  transform: translate(-29%, -77%);
  animation-delay: 0.5s;
}

.service-intro__right.unick .stars.unick {
  width: 30%;
  transform: translate(-80%, -93%);
  animation-delay: 0.7s;
}

.service-intro__right.unick .cosmo.unick {
  width: 25%;
  transform: translate(-90%, -78%);
  animation-delay: 0.9s;
}

.service-intro__right.unick .chart-rock.unick {
  width: 29%;
  transform: translate(-12%, -77%);
  animation-delay: 1.1s;
}

.service-intro__right.unick .chart.unick {
  width: 23%;
  transform: translate(120%, -362%);
}

.service-intro__right.unick.animate .chart.unick,
.service-intro__right.unick.animate .chart-rock.unick,
.service-intro__right.unick.animate .cosmo.unick,
.service-intro__right.unick.animate .stars.unick,
.service-intro__right.unick.animate .pic1.unick,
.service-intro__right.unick.animate .words.unick {
  animation: fadeInItem 0.3s ease forwards;
  opacity: 0;
}

.service-intro__right.unick.animate .board.unick {
  animation-delay: 0.2s;
}

.service-intro__right.unick.animate .words.unick {
  animation-delay: 0.5s;
}

.service-intro__right.unick.animate .stars.unick {
  animation-delay: 0.7s;
}

.service-intro__right.unick.animate .cosmo.unick {
  animation-delay: 0.9s;
}

.service-intro__right.unick.animate .chart-rock.unick {
  animation-delay: 1.1s;
}

.service-intro__right.unick.animate .pic1.unick {
  animation-delay: 0.3s;
}

.service-intro__right.unick.animate .chart.unick {
  animation-delay: 1.3s;
}

/*Unick */
.service-intro__right .rocket.key-request {
  position: absolute;
  z-index: 2;
  width: 24.228%;
  transform: translate(-10%, 10%);
}

.service-intro__right.animate .rocket.key-request {
  /* animation: rocketKeyReqIn 1s ease forwards; */
  animation: rocketKeyReqIn 0.3s ease forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

@keyframes rocketKeyReqIn {
  0% {
    transform: translateY(100%);
    opacity: 1;
  }

  100% {
    transform: translateY(-66%);
    /* transform: translate(-2%, -66%); */
    opacity: 1;
  }
}

.service-intro__right .red-magnet-1.key-request {
  width: 6.9%;
  position: absolute;
  z-index: 2;
  transform: translate(4%, -562%);
}

.service-intro__right .red-magnet-2.key-request {
  width: 5.9%;
  position: absolute;
  z-index: 2;
  transform: translate(-467%, -173%);
}

.service-intro__right.animate .red-magnet-1.key-request,
.service-intro__right.animate .red-magnet-2.key-request,
.service-intro__right.animate .yellow-magnet-1.key-request,
.service-intro__right.animate .paper.key-request,
.service-intro__right.animate .field.key-request,
.service-intro__right.animate .red-field.key-request,
.service-intro__right.animate .green-field.key-request,
.service-intro__right.animate .orange-field.key-request,
.service-intro__right.animate .yandex.key-request,
.service-intro__right.animate .seo.key-request,
.service-intro__right.animate .text5_8.key-request,
.service-intro__right.animate .text70.key-request {
  animation: fadeInItem 0.3s ease forwards;
  opacity: 0;
}

.service-intro__right.animate .red-magnet-1.key-request {
  animation-delay: 0.6s;
}

.service-intro__right.animate .red-magnet-2.key-request {
  animation-delay: 0.9s;
}

.service-intro__right.animate .yellow-magnet-1.key-request {
  animation-delay: 0.9s;
}

.service-intro__right.animate .paper.key-request {
  animation-delay: 0.9s;
}

.service-intro__right.animate .field.key-request {
  animation-delay: 0.9s;
}

.service-intro__right.animate .red-field.key-request {
  animation-delay: 1s;
}

.service-intro__right.animate .green-field.key-request {
  animation-delay: 1.1s;
}

.service-intro__right.animate .orange-field.key-request {
  animation-delay: 1s;
}

.service-intro__right.animate .yandex.key-request {
  animation-delay: 1.1s;
}

.service-intro__right.animate .seo.key-request {
  animation-delay: 1.2s;
}

.service-intro__right.animate .text5_8.key-request {
  animation-delay: 1.3s;
}

.service-intro__right.animate .text70.key-request {
  animation-delay: 1.3s;
}

.service-intro__right .yellow-magnet-1.key-request,
.service-intro__right .paper.key-request,
.service-intro__right .field.key-request,
.service-intro__right .red-field.key-request,
.service-intro__right .green-field.key-request,
.service-intro__right .orange-field.key-request,
.service-intro__right .yandex.key-request,
.service-intro__right .seo.key-request,
.service-intro__right .text5_8.key-request,
.service-intro__right .text70.key-request {
  position: absolute;
  z-index: 2;
}

.service-intro__right .yellow-magnet-1.key-request {
  width: 7.7%;
  transform: translate(424%, -565%);
}

.service-intro__right .paper.key-request {
  width: 8.81%;
  transform: translate(-452%, -436%);
}

.service-intro__right .field.key-request {
  width: 12%;
  transform: translate(195%, -346%);
}

.service-intro__right .red-field.key-request {
  width: 18.2%;
  transform: translate(119%, -209%);
}

.service-intro__right .green-field.key-request {
  width: 12%;
  transform: translate(-203%, -162%);
}

.service-intro__right .orange-field.key-request {
  width: 19.04%;
  transform: translate(-111%, -636%);
}

.service-intro__right .yandex.key-request {
  width: 10.1%;
  transform: translate(-311%, -624%);
}

.service-intro__right .seo.key-request {
  width: 8.42%;
  transform: translate(352%, -487%);
}

.service-intro__right .text5_8.key-request {
  width: 4.4%;
  transform: translate(723%, -314%);
}

.service-intro__right .text70.key-request {
  width: 5.84%;
  transform: translate(-649%, -926%);
}

.service-intro.animated .service-intro__bottom.prodvizh,
.service-intro.animated .service-intro__bottom {
  /* animation: introServiceFormIn 0.7s ease forwards; */
  animation: introServiceFormIn 0.3s ease forwards;
  opacity: 0;
}

.service-intro.animated .service-intro__bottom.prodvizh {
  animation-delay: 2.9s;
}

.service-intro.animated .service-intro__bottom {
  animation-delay: 2s;
}

.service-intro__bottom {
  margin-top: 65px;
  margin-bottom: 96px;
  padding: 40px 36px;
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  width: 100%;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1);
  box-sizing: border-box;

  /* animation: introServiceFormIn 0.7s ease forwards;
  animation-delay: 6s;
  opacity: 0; */
}

.service-intro__bottom.unick {
  margin-top: 15px;
  margin-bottom: 70px;
}

/* .formblock.animated {
  animation: introServiceFormIn 0.7s ease forwards;
  animation-delay: 4.5s;
  opacity: 0;
} */
@keyframes introServiceFormIn {
  0% {
    transform: translateY(100%);
    opacity: 1;
  }

  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.service-intro__left .service-intro__price {
  display: flex;
  margin-top: 65px;
  overflow-y: hidden;
}

@media (max-width: 1400px) {
  .service-intro__left .service-intro__price {
    margin-top: 4.25vw;
  }
}

.service-intro__left.reveal .service-intro__price .span {
  width: 100%;
  /* animation: textIn 1s ease forwards; */
  animation: textIn 0.4s ease forwards;
  animation-delay: 1.6s;
  opacity: 0;
  display: flex;
}

.service-intro__price img {
  margin-right: 27px;
}

.service-intro__price .price_prodvig span {
  color: #da434d;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 1px;
}

.service-intro__bottom .left {
  display: flex;
  flex-direction: column;
}

.service-intro__bottom .right {
  display: flex;
  width: 58%;
}

.service-intro__bottom .title {
  display: flex;
  font-size: 48px;
  line-height: 1;
  color: #3f1a46;
  font-weight: 700;
}

.service-intro__bottom .after-title {
  display: flex;
  font-size: 20px;
  line-height: 1.5;
  color: #534f54;
  text-align: start;
}

.service-intro__bottom .service-form {
  display: flex;
  width: 100%;
}

.service-intro__bottom .service-form #work-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.service-intro__bottom .service-form #work-form .ajax-result {
  display: flex;
}

.service-intro__bottom .service-form #work-form .order {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.service-intro__bottom .service-form #work-form .order .order__top {
  display: flex;
  justify-content: space-between;
  /* flex-wrap: wrap; */
  width: 100%;
}

.service-intro__bottom .service-form #work-form .order .order__top .field {
  width: 34%;
  /* width: 295px; */
}

.service-intro__bottom
  .service-form
  #work-form
  .order
  .order__top
  input[type="text"] {
  box-sizing: border-box;
  /* width: 295px; */
  width: 100%;
  border-radius: 8px;
  border: 1px solid #dcdcdc;
  height: 54px;
}

.service-intro__bottom .service-form #work-form .order .order__top .red-button {
  /* width: 240px; */
  width: 28%;
  background-color: #da434d;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.3;
  border: none;
  border-radius: 8px;
  height: 54px;
  transition: transform 0.3s linear;
}

.service-intro__bottom
  .service-form
  #work-form
  .order
  .order__top
  .red-button:hover {
  transform: scale(1.05);
}

.service-intro__bottom .service-form #work-form .order .order__bottom .konfid {
  font-size: 14px;
  line-height: 2.7;
  color: #616161;
}

#price {
  background-color: #ffffff;
}

#price .price__wrapper {
  display: flex;
  flex-direction: column;
}

#price .price__title,
.prices__title {
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
}

#price .price__wrapper.animate .price__title span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.2s; */
  opacity: 0;
  display: inline-block;
}

#price .price__inner {
  margin-top: 222px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  position: relative;
}

#price .price__inner.kontekst {
  margin-top: 150px;
}

#price .price__background {
  width: 100%;
  height: 380px;
  /* position: absolute;
      left: 0;
      right: 0;
      z-index: 1; */
}

#price .price__background.kontekst {
  height: 373px;
}

#price .price__wrapper.animate .price__background {
  /* animation: fadeInItem 1s linear forwards; */
  animation: fadeInItem 0.3s linear forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

#price .price__background.reg {
  height: 306px;
}

#price .price__background:not(:first-child) {
  display: none;
}

#price.trafik .price__background {
  height: 373px;
}

#price .price__block {
  position: absolute;
  top: -89px;
  width: 100%;
  /* max-width: 1350px; */
  padding: 0 50px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: hidden;
  padding-bottom: 70px;
}

#price .price__block__one-item {
  justify-content: center;
}

#price .price-item {
  width: 25.5%;
  border-radius: 17px 17px 0 0;
}

#price .price-item-solo {
  width: 35%;
}

#price .price__wrapper.animate .price-item {
  /* animation: textIn 1s linear forwards; */
  animation: textIn 0.3s linear forwards;
}

#price .price__wrapper.animate .price-item:nth-child(1) {
  /* animation-delay: 2s; */
  animation-delay: 0.6s;
  opacity: 0;
}

#price .price__wrapper.animate .price-item:nth-child(2) {
  /* animation-delay: 3.2s; */
  animation-delay: 0.9s;
  opacity: 0;
}

#price .price__wrapper.animate .price-item:nth-child(3) {
  /* animation-delay: 4.4s; */
  animation-delay: 1.2s;
  opacity: 0;
}

#price .price-item__top {
  box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1);
}

#price .price-item__title {
  padding: 27px 0;
  border-radius: 17px 17px 0 0;
  background: linear-gradient(0deg, #6d0092 0%, #3e2360 100%);
  font-size: 40px;
  line-height: 0.9;
  text-align: center;
  color: #ffffff;
}

#price .price-item__description {
  background-color: #ffffff;
  text-align: center;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #534f54;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  height: 61px;
  border: 1px solid #e8e8e8;
  border-top: none;
}

#price.pos .price-item__description {
  height: 60px;
}

#price.reg .price-item__description {
  height: 60px;
}

#price .price-item-solo .price-item__description {
  height: auto;
  padding: 12px 20px;
}

#price .price-item__price {
  background-color: #ffffff;
  color: #da434d;
  text-align: center;
  font-size: 28px;
  line-height: 58%;
  font-weight: 700;
  padding: 29px 0;
}

#price .price-item__price .crossed-price {
  margin: 0 auto;
  display: block;
  position: relative;
  margin-bottom: 15px;
  max-width: 180px;
}

#price .price-item__price .crossed-price::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 3px;
  background: red;
}

#price .price-item__bottom {
  display: flex;
  text-align: center;
  padding-top: 82px;
  background-color: transparent;
}

#price .price-item__button {
  max-width: 218px;
  margin: 0 auto;

  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: white;
  text-decoration: none;

  transition: transform 0.2s linear;
  cursor: pointer;
}

#price .price-item__button:hover {
  transform: scale(1.1);
}

#price .price-item__button a {
  color: #ffffff;
  text-decoration: none;
  box-sizing: border-box;
  display: inline-block;
  padding: 14px 70px;
  background-color: #da434d;
  border-radius: 8px;
  box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1);
}

#price .price__background.shops {
  height: 310px;
}

.reg-payment {
  padding-top: 200px;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.reg-payment__title {
  margin-bottom: 100px;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  color: #3f1a46;
  text-align: center;
  overflow: hidden;
}

@media (max-width: 1000px) {
  .reg-payment__title {
    margin-bottom: 50px;
  }
}

.reg-payment.animate .reg-payment__title span {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
  display: inline-block;
}

.reg-payment__inner {
  width: 100%;
  max-width: 1390px;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

.reg-payment__item {
  box-sizing: border-box;
  padding: 56px 60px 62px;
  display: flex;
  flex-direction: column;
  width: 48%;
  background: linear-gradient(#ec4f5b 0%, #e9275d 100%);
  color: #ffffff;
}

.reg-payment.animate .reg-payment__item:nth-child(1) {
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 1s;
  opacity: 0;
}

.reg-payment.animate .reg-payment__item:nth-child(2) {
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 1.7s;
  opacity: 0;
}

.reg-payment__number {
  color: #ffffff;
  font-size: 110px;
  line-height: 1;
  font-weight: 700;
}

.reg-payment__number span {
  color: #ffffff;
  font-size: 55px;
  line-height: 1;
  font-weight: 700;
}

.reg-payment__text {
  color: #ffffff;
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
}

.reg-payment__text span {
  font-style: italic;
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
}

@media (max-width: 1500px) {
  .reg-payment__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1300px) {
  .reg-payment__item {
    padding: 40px 45px 40px;
  }
}

@media (max-width: 1200px) {
  .reg-payment__number {
    font-size: 100px;
  }

  .reg-payment__text {
    font-size: 29px;
  }
}

@media (max-width: 1023px) {
  .reg-payment {
    padding-top: 190px;
  }

  .reg-payment__item {
    padding: 30px 35px 30px;
  }

  .reg-payment__number {
    font-size: 95px;
  }

  .reg-payment__text {
    font-size: 25px;
  }

  .reg-payment__text span {
    font-size: 18px;
  }
}

@media (max-width: 1000px) {
  .reg-payment__title {
    font-size: 35px;
  }

  .reg-payment__item {
    padding: 30px;
  }

  .reg-payment__text {
    font-size: 22px;
  }

  .reg-payment__text span {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .reg-payment__inner {
    flex-direction: column;
    align-items: center;
  }

  .reg-payment__item:not(:last-child) {
    margin-bottom: 30px;
  }

  .reg-payment__item {
    width: 90%;
  }
}

@media (max-width: 600px) {
  .reg-payment__item {
    width: 100%;
  }

  #price .price-item__button a {
    padding: 14px 45px;
  }

  #price .price__block {
    padding: 0;
  }
}

/* .price-influence {
  margin: 0 auto;
  margin-top: 200px;
  max-width: 1513px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.price-influence.trafik {
  margin-top: 270px;
}
.price-influence .price-influence__title {
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  color: #3f1a46;
  overflow: hidden;
}
.price-influence.animate .price-influence__title span {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
  display: inline-block;
}
.price-influence .price-influence__item {
  overflow: hidden;
}
.price-influence.animate .price-influence__item:nth-child(1) {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 4.1s;
  opacity: 0;
  display: inline-block;
}
.price-influence.animate .price-influence__item:nth-child(2) {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 4.6s;
  opacity: 0;
  display: inline-block;
}
.price-influence.animate .price-influence__item:nth-child(3) {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 5.1s;
  opacity: 0;
  display: inline-block;
}
.price-influence .price-influence__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 91px;
}

.price-influence__left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 49%;
}
.price-influence__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;

  height: 736px;
}

.price-influence__right {
  width: 38%;
  display: flex;
  justify-content: center;

  flex-direction: column;
}
.price-influence__item:not(:last-child) {
  margin-bottom: 75px;
}
.price-influence__item .item__icon {
  display: flex;
  align-items: center;
}
.price-influence__item .item__icon img {
  margin-right: 19px;
}
.price-influence__item .item__icon span {
  color: #1a1a1a;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
}
.price-influence__item .item__text {
  margin-left: 56px;
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
}
.price-influence .megafon {
  width: 19%;
  position: absolute;
  transform: translate(-32%, 24%);
}
.price-influence.animate .megafon {
  animation: fadeInItem 1s ease-out forwards;
  animation-delay: 1s;
  opacity: 0;
}
.price-influence .red-circle {
  width: 4.8%;
  position: absolute;
  transform: translate(94%, -101%);
}
.price-influence.animate .red-circle {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 2s;
  opacity: 0;
}

.price-influence .red-rub {
  width: 3%;
  position: absolute;
  transform: translate(344%, -189%);
}
.price-influence.animate .red-rub {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 2.3s;
  opacity: 0;
}
.price-influence .green-rub {
  width: 4%;
  position: absolute;
  transform: translate(17%, -167%);
}
.price-influence.animate .green-rub {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 2.6s;
  opacity: 0;
}
.price-influence .green-rub-big {
  width: 5%;
  position: absolute;
  transform: translate(89%, -7%);
}
.price-influence.animate .green-rub-big {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 2.9s;
  opacity: 0;
}
.price-influence .green-circle {
  transform: translate(265%, -49%);
  width: 4.5%;
  position: absolute;
}
.price-influence.animate .green-circle {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 3.2s;
  opacity: 0;
}
.price-influence .orange-circle {
  transform: translate(136%, -251%);
  width: 4.5%;
  position: absolute;
}
.price-influence.animate .orange-circle {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 3.5s;
  opacity: 0;
}
.price-influence .purple-rub {
  transform: translate(245%, 51%);
  width: 4.5%;
  position: absolute;
}
.price-influence.animate .purple-rub {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 3.8s;
  opacity: 0;
} */

.service-intro__right.sozdanie-saytov img {
  position: absolute;
  opacity: 0;
}

.service-intro__right.sozdanie-saytov.animate img {
  animation: fadeInItem 0.2s ease-in forwards;
}

.service-intro__right.sozdanie-saytov .rocket {
  width: 29%;
  transform: translate(-4%, -60%);
}

.service-intro__right.sozdanie-saytov .moon {
  width: 18%;
  transform: translate(-186%, -283%);
}

.service-intro__right.sozdanie-saytov .cosmonaut1 {
  width: 35%;
  transform: translate(-81%, -131%);
}

.service-intro__right.sozdanie-saytov .cosmonaut2 {
  width: 19%;
  transform: translate(63%, -69%);
}

.service-intro__right.sozdanie-saytov .cosmonaut3 {
  width: 33%;
  transform: translate(80%, -131%);
}

.service-intro__right.sozdanie-saytov .landing {
  width: 20%;
  transform: translate(-114%, -148%);
}

.service-intro__right.sozdanie-saytov .trafik {
  width: 10%;
  transform: translate(168%, -2202%);
}

.service-intro__right.sozdanie-saytov .star1 {
  width: 3%;
  transform: translate(-1268%, -580%);
}

.service-intro__right.sozdanie-saytov .star2 {
  width: 4%;
  transform: translate(-318%, -1580%);
}

.service-intro__right.sozdanie-saytov .star3 {
  width: 3%;
  transform: translate(-248%, -1780%);
}

.service-intro__right.sozdanie-saytov .star4 {
  width: 3%;
  transform: translate(-468%, -480%);
}

.service-intro__right.sozdanie-saytov .star5 {
  width: 3%;
  transform: translate(568%, -1880%);
}

.service-intro__right.sozdanie-saytov .star6 {
  width: 4%;
  transform: translate(768%, -1580%);
}

.service-intro__right.sozdanie-saytov .star7 {
  width: 4%;
  transform: translate(868%, -1380%);
}

.service-intro__right.sozdanie-saytov .star8 {
  width: 4%;
  transform: translate(868%, -380%);
}

.service-intro__right.sozdanie-saytov .redButton1 {
  width: 8%;
  transform: translate(145%, -295%);
}

.service-intro__right.sozdanie-saytov .redButton2 {
  width: 8%;
  transform: translate(298%, -498%);
}

.service-intro__right.sozdanie-saytov .orangeButton1 {
  width: 8%;
  transform: translate(-452%, -622%);
}

.service-intro__right.sozdanie-saytov .orangeButton2 {
  width: 8%;
  transform: translate(-312%, -417%);
}

.service-intro__right.sozdanie-saytov .orangeButton3 {
  width: 8%;
  transform: translate(16%, -378%);
}

.service-intro__right.sozdanie-saytov.animate .rocket {
  animation-delay: 0.2s;
}

.service-intro__right.sozdanie-saytov.animate .moon {
  animation-delay: 0.4s;
}

.service-intro__right.sozdanie-saytov.animate .cosmonaut1 {
  animation-delay: 0.6s;
}

.service-intro__right.sozdanie-saytov.animate .cosmonaut2 {
  animation-delay: 0.6s;
}

.service-intro__right.sozdanie-saytov.animate .cosmonaut3 {
  animation-delay: 0.6s;
}

.service-intro__right.sozdanie-saytov.animate .landing {
  animation-delay: 0.8s;
}

.service-intro__right.sozdanie-saytov.animate .trafik {
  animation-delay: 0.8s;
}

.service-intro__right.sozdanie-saytov.animate .star1 {
  animation-delay: 1s;
}

.service-intro__right.sozdanie-saytov.animate .star2 {
  animation-delay: 1.1s;
}

.service-intro__right.sozdanie-saytov.animate .star3 {
  animation-delay: 1.2s;
}

.service-intro__right.sozdanie-saytov.animate .star4 {
  animation-delay: 1.3s;
}

.service-intro__right.sozdanie-saytov.animate .star5 {
  animation-delay: 1.4s;
}

.service-intro__right.sozdanie-saytov.animate .star6 {
  animation-delay: 1.5s;
}

.service-intro__right.sozdanie-saytov.animate .star7 {
  animation-delay: 1.6s;
}

.service-intro__right.sozdanie-saytov.animate .star8 {
  animation-delay: 1.7s;
}

.service-intro__right.sozdanie-saytov.animate .redButton1 {
  animation-delay: 1s;
}

.service-intro__right.sozdanie-saytov.animate .redButton2 {
  animation-delay: 1s;
}

.service-intro__right.sozdanie-saytov.animate .orangeButton1 {
  animation-delay: 1s;
}

.service-intro__right.sozdanie-saytov.animate .orangeButton2 {
  animation-delay: 1s;
}

.service-intro__right.sozdanie-saytov.animate .orangeButton3 {
  animation-delay: 1s;
}

.price-influence {
  margin: 0 auto;
  margin-top: 200px;
  max-width: 1533px;
  padding: 0 10px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* .price-influence.trafik {
  margin-top: 270px;
} */
.price-influence .price-influence__title {
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  color: #3f1a46;
  overflow: hidden;
}

.price-influence.animate .price-influence__title span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.5s; */
  opacity: 0;
  display: inline-block;
}

.price-influence .price-influence__item {
  overflow: hidden;
}

.price-influence.animate .price-influence__item {
  opacity: 0;
  display: inline-block;
  animation: textIn 0.3s ease-out forwards;
}

.price-influence.animate .price-influence__item:nth-child(1) {
  animation-delay: 1.8s;
}

.price-influence.animate .price-influence__item:nth-child(2) {
  animation-delay: 2.1s;
}

.price-influence.animate .price-influence__item:nth-child(3) {
  animation-delay: 2.4s;
}

.price-influence.animate .price-influence__item:nth-child(4) {
  animation-delay: 2.7s;
}

.price-influence.animate .price-influence__item:nth-child(5) {
  animation-delay: 3s;
}

.price-influence .price-influence__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 91px;
}

.price-influence__left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 49%;
}

.price-influence__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* padding-top: 98%; */
  height: 736px;
}

.price-influence .price-influence__img {
  display: none;
}

.price-influence.animate .price-influence__img {
  display: flex;
}

.price-influence__img img {
  transition: all 0.2s;
}

.price-influence__right {
  width: 38%;
  display: flex;
  justify-content: center;

  flex-direction: column;
}

.price-influence__item:not(:last-child) {
  margin-bottom: 75px;
}

.price-influence__item .item__icon {
  display: flex;
  align-items: center;
}

.price-influence__item .item__icon img {
  margin-right: 19px;
}

.price-influence__item .item__icon span {
  color: #1a1a1a;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
}

.price-influence__item .item__text {
  margin-left: 56px;
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
}

.price-influence .megafon {
  width: 19%;
  position: absolute;
  transform: translate(-32%, 24%);
}

.price-influence.animate .megafon,
.price-influence.animate .red-circle,
.price-influence.animate .red-rub,
.price-influence.animate .green-rub,
.price-influence.animate .green-rub-big,
.price-influence.animate .green-circle,
.price-influence.animate .orange-circle,
.price-influence.animate .purple-rub {
  animation: fadeInItem 0.2s ease-out forwards;
}

.price-influence.animate .megafon {
  animation-delay: 0.2s;
  opacity: 0;
}

.price-influence .red-circle {
  width: 4.8%;
  position: absolute;
  transform: translate(94%, -101%);
}

.price-influence.animate .red-circle {
  animation-delay: 0.4s;
  opacity: 0;
}

.price-influence .red-rub {
  width: 3%;
  position: absolute;
  transform: translate(344%, -189%);
}

.price-influence.animate .red-rub {
  animation-delay: 0.6s;
  opacity: 0;
}

.price-influence .green-rub {
  width: 4%;
  position: absolute;
  transform: translate(17%, -167%);
}

.price-influence.animate .green-rub {
  animation-delay: 0.8s;
  opacity: 0;
}

.price-influence .green-rub-big {
  width: 5%;
  position: absolute;
  transform: translate(89%, -7%);
}

.price-influence.animate .green-rub-big {
  animation-delay: 1s;
  opacity: 0;
}

.price-influence .green-circle {
  transform: translate(265%, -49%);
  width: 4.5%;
  position: absolute;
}

.price-influence.animate .green-circle {
  animation-delay: 1.2s;
  opacity: 0;
}

.price-influence .orange-circle {
  transform: translate(136%, -251%);
  width: 4.5%;
  position: absolute;
}

.price-influence.animate .orange-circle {
  animation-delay: 1.4s;
  opacity: 0;
}

.price-influence .purple-rub {
  transform: translate(245%, 51%);
  width: 4.5%;
  position: absolute;
}

.price-influence.animate .purple-rub {
  animation-delay: 1.6s;
  opacity: 0;
}

@keyframes textIn {
  0% {
    transform: translateY(100%);
    opacity: 1;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInItem {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.megafon {
  cursor: pointer;
}

.megafon:hover ~ img {
  transition: all 0.2s;
}

.megafon:hover ~ .red-circle {
  transform: translate(110%, -120%);
}

.megafon:hover ~ .red-rub {
  transform: translate(400%, -230%);
}

.megafon:hover ~ .green-circle {
  transform: translate(320%, -60%);
}

.megafon:hover ~ .green-rub-big {
  transform: translate(110%, -10%);
}

.megafon:hover ~ .green-rub {
  transform: translate(22%, -200%);
}

.megafon:hover ~ .purple-rub {
  transform: translate(300%, 60%);
}

.megafon:hover ~ .orange-circle {
  transform: translate(160%, -300%);
}

.price-influence.reg {
  margin-top: 120px;
}

@media (max-width: 1600px) {
  .price-influence__left {
    width: 52%;
  }

  .price-influence__right {
    width: 44%;
  }

  .price-influence__img {
    height: 650px;
  }
}

@media (max-width: 1500px) {
  .price-influence .price-influence__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1280px) {
  .price-influence.reg {
    margin-top: 90px;
  }

  .price-influence__left {
    width: 45%;
  }

  .price-influence__right {
    width: 45%;
  }

  .price-influence__img {
    height: 445px;
  }

  .price-influence__item .item__text {
    font-size: 16px;
  }

  .price-influence .price-influence__inner {
    margin-bottom: 50px;
  }
}

@media (max-width: 1023px) {
  .price-influence .price-influence__title {
    font-size: 35px;
  }

  .price-influence .price-influence__inner {
    margin-top: 20px;
    flex-wrap: wrap;
  }

  .price-influence__left {
    width: 100%;
  }

  .price-influence__right {
    width: 100%;
    padding: 0 20px;
  }

  .price-influence__img {
    height: 280px;
    transform: scale(1.3);
  }

  .price-influence__item .item__text br {
    display: none;
  }

  .price-influence__item:not(:last-child) {
    margin-bottom: 45px;
  }
}

@media (max-width: 767px) {
  .price-influence.reg {
    margin-top: 60px;
  }

  .price-influence__right {
    padding: 0 5px;
  }

  .price-influence {
    margin-top: 30px;
  }
}

@media (max-width: 480px) {
  .price-influence__item .item__icon span {
    font-size: 22px;
  }

  .price-influence__item .item__text {
    font-size: 16px;
  }
}

@media (max-width: 400px) {
  .price-influence__left {
    overflow: hidden;
  }

  .price-influence__img {
    transform: scale(2.2);
  }
}

.key-words-wrapper {
  width: 100%;
}

.key-words {
  margin: 0 auto;
  padding: 45px 70px 78px 73px;
  max-width: 1595px;
  border: 10px solid #ffffff;
  display: flex;
  margin-bottom: 91px;
}

.key-words-wrapper.animate .key-words {
  animation: borderIn 0.5s ease-in forwards;
  animation-delay: 6.5s;
}

.key-words__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.key-words__left {
  width: 49%;
  display: flex;
  flex-direction: column;
}

.key-words__title {
  color: #3f1a46;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  margin-top: 28px;
  margin-bottom: 22px;
  overflow: hidden;
}

.key-words-wrapper.animate .key-words__title span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  display: inline-block;
  opacity: 0;
}

.key-words__text {
  width: 82%;
  color: #534f54;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.55;
  overflow: hidden;
}

.key-words-wrapper.animate .key-words__text span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.3s;
  display: inline-block;
  opacity: 0;
}

.key-words__right {
  width: 47.3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.key-words__icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 52px;
  margin-top: 30px;
}

.key-words__icon {
  width: 17.3%;
}

.key-words-wrapper.animate .key-words__icon.anim1,
.key-words-wrapper.animate .key-words__arrow.aranim1,
.key-words-wrapper.animate .key-words__icon.anim2,
.key-words-wrapper.animate .key-words__arrow.aranim2,
.key-words-wrapper.animate .key-words__icon.anim3,
.key-words-wrapper.animate .key-words__arrow.aranim3,
.key-words-wrapper.animate .key-words__icon.anim4 {
  /* animation: fadeInItem 0.5s ease-out forwards; */
  animation: fadeInItem 0.2s ease-out forwards;
}

.key-words-wrapper.animate .key-words__icon.anim1 {
  animation-delay: 0.6s;
  opacity: 0;
}

.key-words-wrapper.animate .key-words__arrow.aranim1 {
  animation-delay: 0.8s;
  opacity: 0;
}

.key-words-wrapper.animate .key-words__icon.anim2 {
  animation-delay: 1s;
  opacity: 0;
}

.key-words-wrapper.animate .key-words__arrow.aranim2 {
  animation-delay: 1.2s;
  opacity: 0;
}

.key-words-wrapper.animate .key-words__icon.anim3 {
  animation-delay: 1.4s;
  opacity: 0;
}

.key-words-wrapper.animate .key-words__arrow.aranim3 {
  animation-delay: 1.6s;
  opacity: 0;
}

.key-words-wrapper.animate .key-words__icon.anim4 {
  animation-delay: 1.8s;
  opacity: 0;
}

.key-words__icon.big {
  margin-top: -5%;
}

.key-words__arrow {
  width: 6.79%;
}

.key-words__subtitle {
  color: #1a1a1a;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  overflow: hidden;
}

.key-words__subtext {
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  margin-top: 11px;
  overflow: hidden;
}

.key-words-wrapper.animate .key-words__subtitle span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 2s;
  display: inline-block;
  opacity: 0;
}

.key-words-wrapper.animate .key-words__subtext span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 2.3s;
  display: inline-block;
  opacity: 0;
}

@media (max-width: 1600px) {
  .key-words {
    margin: 0 10px 91px;
  }

  .key-words__title {
    font-size: 2.8vw;
  }
}

@media (max-width: 1300px) {
  .key-words {
    padding: 45px 40px;
  }

  .key-words__text {
    width: 91%;
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .key-words__inner {
    flex-direction: column;
  }

  .key-words__right,
  .key-words__left {
    width: 95%;
  }
}

@media (max-width: 767px) {
  .key-words {
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 50px;
    border: 10px solid #f7f7f7;
  }

  .key-words__title {
    font-size: 25px;
    text-align: center;
  }

  .key-words__subtitle {
    font-size: 21px;
    text-align: center;
  }

  .key-words__text {
    width: 100%;
    font-size: 16px;
    text-align: center;
  }

  .key-words__subtext {
    font-size: 16px;
    text-align: center;
  }
}

.yes-no {
  background-color: #f7f7f7;
  overflow: hidden;
}

.yes-no.animate .yes-no__yes {
  /* animation: textIn 1s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  /* animation-delay: 0.2s; */
}

.yes-no.animate .yes-no__no {
  /* animation: textIn 1s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  animation-delay: 0.3s;
}

.yes-no__inner {
  margin: 0 auto;
  width: 100%;
  padding: 96px 0;
  display: flex;
  justify-content: space-evenly;
  max-width: 1600px;
}

.yes-no__yes,
.yes-no__no {
  width: 528px;
  display: flex;
  flex-direction: column;
  border-radius: 22px 22px 0 0;
}

.yes-no__title {
  font-size: 40px;
  line-height: 0.41;
  font-weight: 700;
  color: #ffffff;
  border-radius: 22px 22px 0 0;
  text-align: center;
  padding: 35px 30px;
}

.yes-no__yes .yes-no__title {
  background: #54d100;
  border: 1px solid #54d100;
}

.yes-no__no .yes-no__title {
  background: linear-gradient(#e9275d 0%, #e34955 100%);
}

.yes-no__line {
  color: #534f54;
  background-color: #ffffff;
  padding: 27px 20px 27px 35px;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  display: flex;
  align-items: center;
  border: 1px solid #e8e8e8;
  border-top: none;
}

.yes-no__text span {
  font-style: italic;
  font-size: 16px;
  line-height: 1.4;
}

.yes-no__icon {
  margin-right: 35px;
}

.yes-no__footer {
  padding: 20px 25px 32px 92px;
  font-size: 14px;
  line-height: 1.16;
  color: #534f54;
  font-weight: 400;
  border: 1px solid rgba(97, 203, 39, 0.05);
  border-radius: 0 0 22px 22px;
}

.yes-no__yes .yes-no__footer {
  background: rgba(97, 203, 39, 0.05);
}

.yes-no__no .yes-no__footer {
  background: linear-gradient(
    rgba(233, 39, 93, 0.05) 0%,
    rgba(227, 73, 85, 0.05) 100%
  );
}

@media (max-width: 1200px) {
  .yes-no__yes,
  .yes-no__no {
    width: 46%;
  }

  .yes-no__yes .yes-no__title {
    font-size: 35px;
    padding: 30px;
  }

  .yes-no__no .yes-no__title {
    font-size: 35px;
    padding: 30px;
  }

  .yes-no__line {
    padding: 20px;
  }

  .yes-no__footer {
    padding: 20px 30px 45px;
  }
}

@media (max-width: 1100px) {
  .yes-no__line {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .yes-no {
    padding: 80px 10px;
  }

  .yes-no__inner {
    flex-direction: column;
    align-items: center;
    padding: 0;
  }

  .yes-no__yes,
  .yes-no__no {
    width: 60%;
  }

  .yes-no__yes {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .yes-no__yes,
  .yes-no__no {
    width: 100%;
  }

  .yes-no__no .yes-no__title,
  .yes-no_yes .yes-no__title {
    font-size: 32px;
    line-height: 1;
  }

  .yes-no__line {
    font-size: 16px;
    padding: 10px 15px;
  }

  .yes-no__icon {
    margin-right: 20px;
  }

  .yes-no__footer {
    padding: 15px 20px 30px;
    font-size: 12px;
  }
}

/* .tariff-adv {
  padding: 149px 0 167px 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
.tariff-adv__title {
  text-align: center;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 77px;
}
.tariff-adv__inner {
  display: flex;
  flex-wrap: wrap;

}
.tariff-adv.trafik .tariff-adv__item-inner {
  padding: 15px;
}
.tariff-adv__item {
  overflow: hidden;
  width: 22.75%;

  border: 1px solid #e8e8e8;
  box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1);
  margin-right: 45px;
  margin-bottom: 88px;
  transition: transform 0.2s linear;
  cursor: pointer;
}
.tariff-adv__item:hover {
  transform: scale(1.05);
}
.tariff-adv__item:nth-child(4n) {
  margin-right: 0;
}
.tariff-adv__item:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

.tariff-adv.shops .tariff-adv__item:nth-last-child(-n + 4) {
  margin-bottom: 88px;
}
.tariff-adv.shops .tariff-adv__item:nth-last-child(-n + 2) {
  margin-bottom: 0;
}
.tariff-adv.trafik .tariff-adv__item {
  margin-bottom: 71px;
}
.tariff-adv.trafik .tariff-adv__item:nth-last-child(-n + 4) {
  margin-bottom: 71px;
}
.tariff-adv.trafik .tariff-adv__item:nth-last-child(-n + 2) {
  margin-bottom: 0;
}
.tariff-adv__item-inner {
  padding: 15px 15px 40px;
  display: flex;
  flex-direction: column;
}
.tariff-adv__icon {
  margin-bottom: 15px;
}
.tariff-adv__subtitle {
  font-weight: 700;
  font-size: 25px;
  line-height: 1;
  color: #480e53;
  margin-bottom: 15px;
}
.tariff-adv__text {
  color: #616161;
  font-size: 16px;
  line-height: 1.11;
  font-weight: 400;
}
@media (max-width: 1600px) {
  .tariff-adv {
    padding: 9.3vw 10px 10.4vw;
    margin-right: 3vw;
    margin-bottom: 5.5vw;
  }
  .tariff-adv__item:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }
  .tariff-adv__item:nth-child(3n) {
    margin-right: 0;
  }
} */
.tariff-adv {
  padding: 100px 0;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}

.seo-kontekst9.tariff-adv {
  background-color: #f7f7f7;
}

.tariff-adv__social-medias {
  background-color: #ffffff;
}

.tariff-adv__inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
  display: flex;
  box-sizing: border-box;
}

.tariff-adv__title {
  margin: 0 auto;
  text-align: center;
  max-width: 1600px;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 77px;
  overflow: hidden;
}

.tariff-adv.animate .tariff-adv__title span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.2s; */
  opacity: 0;
  display: inline-block;
}

.tariff-adv__inner {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
}

.tariff-adv.trafik .tariff-adv__item-inner {
  padding: 15px;
}

.tariff-adv__item {
  /* overflow: hidden; */
  width: 22.75%;

  border: 1px solid #e8e8e8;
  box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1);
  margin-right: 45px;
  margin-bottom: 88px;
  transition: transform 0.2s linear;
  cursor: pointer;
}

.seo-kontekst9 .tariff-adv__item {
  border: none;
  box-shadow: none;
  background: none;
}

.tariff-adv__item:hover {
  transform: scale(1.05);
}

.tariff-adv__item:nth-child(4),
.tariff-adv__item:nth-child(8) {
  margin-right: 0;
}

.tariff-adv__item:nth-child(5),
.tariff-adv__item:nth-child(6),
.tariff-adv__item:nth-child(7),
.tariff-adv__item:nth-child(8) {
  margin-bottom: 0;
}

.tariff-adv.shops .tariff-adv__item:nth-child(9) {
  margin-top: 88px;
  margin-bottom: 0;
}

.tariff-adv.shops .tariff-adv__item:nth-child(10) {
  margin-top: 88px;
  margin-bottom: 0;
}

.tariff-adv__item-inner {
  padding: 15px 15px 40px;
  display: flex;
  flex-direction: column;
}

@keyframes advItemIn {
  0% {
    opacity: 1;
    transform: translateY(50%);
  }

  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

.tariff-adv.animate .tariff-adv__item {
  /* animation: advItemIn 0.7s ease-in forwards; */
  /* animation: fadeInItem 0.7s ease-in forwards; */
  animation: fadeInItem 0.3s ease-in forwards;
}

.tariff-adv.animate .tariff-adv__item:nth-child(1) {
  animation-delay: 0.3s;
  opacity: 0;
}

.tariff-adv.animate .tariff-adv__item:nth-child(2) {
  animation-delay: 0.6s;
  opacity: 0;
}

.tariff-adv.animate .tariff-adv__item:nth-child(3) {
  animation-delay: 0.9s;
  opacity: 0;
}

.tariff-adv.animate .tariff-adv__item:nth-child(4) {
  animation-delay: 1.2s;
  opacity: 0;
}

.tariff-adv.animate .tariff-adv__item:nth-child(5) {
  animation-delay: 1.5s;
  opacity: 0;
}

.tariff-adv.animate .tariff-adv__item:nth-child(6) {
  animation-delay: 1.8s;
  opacity: 0;
}

.tariff-adv.animate .tariff-adv__item:nth-child(7) {
  animation-delay: 2.1s;
  opacity: 0;
}

.tariff-adv.animate .tariff-adv__item:nth-child(8) {
  animation-delay: 2.4s;
  opacity: 0;
}

.tariff-adv.animate .tariff-adv__item:nth-child(9) {
  animation-delay: 2.7s;
  opacity: 0;
}

.tariff-adv.animate .tariff-adv__item:nth-child(10) {
  animation-delay: 3s;
  opacity: 0;
}

.tariff-adv__icon {
  margin-bottom: 15px;
  height: 64px;
}

.seo-kontekst9 .tariff-adv__icon {
  height: auto;
  margin-bottom: 40px;
}

.tariff-adv__subtitle {
  font-weight: 700;
  font-size: 25px;
  line-height: 1;
  color: #480e53;
  margin-bottom: 15px;
}

.tariff-adv__text {
  color: #616161;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
}

@media (max-width: 1605px) {
  .tariff-adv {
    padding: 6.3vw 10px 5.4vw;
  }

  .tariff-adv__inner {
    padding: 0 40px;
    justify-content: space-between;
  }

  .tariff-adv__item:nth-child(4) {
    margin-right: 45px;
  }

  .tariff-adv__item:nth-child(3) {
    margin-right: 0;
  }

  .tariff-adv__item:nth-child(5) {
    margin-bottom: 88px;
  }

  .tariff-adv__item:nth-child(6) {
    margin-right: 0;
    margin-bottom: 88px;
  }

  .tariff-adv__item:nth-child(8) {
    margin-right: 34.8%;
  }

  .tariff-adv__item:nth-child(9) {
    margin-right: 0;
  }

  .tariff-adv__item {
    width: 30%;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(7) {
    margin-bottom: 88px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(8) {
    margin-bottom: 88px;
    margin-right: 45px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(9) {
    margin-top: 0;
    margin-bottom: 88px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(10) {
    margin-top: 0;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(10) {
    margin-bottom: 0;
  }

  .tariff-adv.trafik .tariff-adv__item:nth-child(4) {
    margin-bottom: 0;
  }

  .tariff-adv.trafik .tariff-adv__item:nth-child(5) {
    margin-bottom: 0;
  }

  .tariff-adv.trafik .tariff-adv__item:nth-child(6) {
    margin-bottom: 0;
  }
}

@media (max-width: 1500px) {
  .tariff-adv__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1300px) {
  .tariff-adv__item {
    margin-bottom: 50px;
  }

  .tariff-adv__item:nth-child(5) {
    margin-bottom: 50px;
  }

  .tariff-adv__item:nth-child(6) {
    margin-right: 0;
    margin-bottom: 50px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(7) {
    margin-right: 0;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(7) {
    margin-right: 45px;
    margin-bottom: 50px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(8) {
    margin-bottom: 50px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(9) {
    margin-bottom: 50px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(10) {
    margin-bottom: 0;
  }
}

@media (max-width: 1280px) {
  .tariff-adv {
    padding: 80px 0;
  }

  .tariff-adv__title {
    margin-bottom: 60px;
  }

  .tariff-adv__item {
    width: 48%;
  }

  .tariff-adv__item {
    margin-right: 0;
  }

  .tariff-adv__item:nth-child(4n) {
    margin-right: 0;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(7) {
    margin-right: 0;
    margin-bottom: 50px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(8) {
    margin-right: 0;
    margin-bottom: 50px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(9) {
    margin-bottom: 0;
  }

  .tariff-adv.trafik .tariff-adv__item:nth-child(4) {
    margin-bottom: 50px;
  }
}

@media (max-width: 1023px) {
  .tariff-adv__title {
    font-size: 35px;
  }

  .tariff-adv__subtitle {
    font-size: 20px;
  }

  .tariff-adv__item-inner {
    padding: 15px 15px 25px;
  }

  .tariff-adv__icon img {
    width: 55px;
  }
}

@media (max-width: 768px) {
  .tariff-adv__inner {
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .tariff-adv {
    padding: 70px 0;
  }

  .tariff-adv__title {
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  .tariff-adv__item {
    width: 100%;
  }

  .tariff-adv__item,
  .tariff-adv__item:nth-last-child(-n + 4) {
    margin-bottom: 20px;
  }

  .tariff-adv__item:nth-child(8) {
    margin-bottom: 0;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(5) {
    margin-bottom: 20px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(6) {
    margin-bottom: 20px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(7) {
    margin-bottom: 20px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(8) {
    margin-bottom: 20px;
  }

  .tariff-adv.shops .tariff-adv__item:nth-child(9) {
    margin-bottom: 20px;
  }

  .tariff-adv .trafik .tariff-adv__item:nth-child(6) {
    margin-bottom: 0;
  }

  .tariff-adv.trafik .tariff-adv__item:nth-child(4) {
    margin-bottom: 20px;
  }

  .tariff-adv.trafik .tariff-adv__item:nth-child(5) {
    margin-bottom: 20px;
  }
}

@media (max-width: 500px) {
  .tariff-adv__title {
    font-size: 40px;
    margin-bottom: 60px;
  }
}

@media (max-width: 400px) {
  .tariff-adv__title {
    font-size: 35px;
  }
}

.work-scheme {
  background-color: #f7f7f7;
  padding-top: 97px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.work-scheme__title {
  text-align: center;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 107px;
  overflow: hidden;
}

.work-scheme__title.unic {
  margin-bottom: 10px;
}

.work-scheme__title.support {
  margin-bottom: 80px;
}

.work-scheme__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 1620px;
  padding: 0 10px;
  width: 100%;

  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  box-sizing: border-box;
}

.work-scheme__vert-line {
  position: absolute;
  height: 100%;
}

.work-scheme__wrapper .work-scheme__vert-line {
  width: 1px;
  height: calc(100% - 10px);
}

.work-scheme__hor-line {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.work-scheme.animate .work-scheme__hor-line {
  animation: hortLineIn 1s linear forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
}

@keyframes hortLineIn {
  0% {
    transform: translate(-100%, 0%);
    opacity: 1;
  }

  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}

.work-scheme.animate .work-scheme__vert-line {
  animation: vertLineIn 1s linear forwards;
  /* animation: vertLineIn 0.3s linear forwards; */
  /* animation-delay: 0.2s; */
  opacity: 0;
}

@keyframes vertLineIn {
  0% {
    transform: translate(0%, 100%);
    opacity: 1;
  }

  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}

.work-scheme.animate .work-scheme__title span {
  animation: textIn 0.5s ease-out forwards;
  /* animation-delay: 2.5s; */
  opacity: 0;
  display: inline-block;
}

.work-scheme__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}

.work-scheme__item {
  width: 50%;
  display: flex;
  padding: 36px 0 50px 0;
  position: relative;
}

/* .work-scheme.animate .wrap1 .work-scheme__item-left {
  animation: textIn 0.5s linear forwards;
  animation-delay: 3s;
  opacity: 0;
}
.work-scheme.animate .wrap1 .work-scheme__item-right {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 3.5s;
  opacity: 0;
} */
.work-scheme__wrapper.animate .work-scheme__item-left {
  /* animation: textIn 0.5s linear forwards; */
  animation: textIn 0.3s linear forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.work-scheme__wrapper.animate .work-scheme__item-right {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.6s;
  opacity: 0;
}

/* .work-scheme.animate .work-scheme__item{
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 4.5s;
  opacity: 0;
}
.work-scheme.animate .work-scheme__item{
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 5s;
  opacity: 0;
}
.work-scheme.animate .work-scheme__item{
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 5.5s;
  opacity: 0;
}
.work-scheme.animate .work-scheme__item {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 6s;
  opacity: 0;
}
.work-scheme.animate .work-scheme__item {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 6.5s;
  opacity: 0;
}
.work-scheme.animate .work-scheme__item {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 7s;
  opacity: 0;
}
.work-scheme.animate .work-scheme__item {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 7.5s;
  opacity: 0;
}
.work-scheme.animate .work-scheme__item {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 8s;
  opacity: 0;
}
.work-scheme.animate .work-scheme__item {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 8.5s;
  opacity: 0;
} */
.work-scheme__item-right {
  margin-left: 128px;
}

.work-scheme__subtitle {
  margin-bottom: 13px;
  position: relative;
  color: #480e53;
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  background: #ffffff;
  border-radius: 39.9px;
  padding-right: 26px;
  height: 82px;
  display: flex;
  align-items: center;
}

.work-scheme__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 82px;
  height: 82px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  border-radius: 50%;
  background: url(/local/templates/idea-promotion/images/seo-requests/ellipse.png);
  color: #ffffff;
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
}

.work-scheme__text {
  margin-left: 104px;
  display: flex;
}

.work-scheme__list {
  margin-left: 108px;
  font-size: 24px;
  line-height: 1.55;
  font-weight: 400;
  color: #534f54;
}

.work-scheme__subtext {
  margin-left: 105px;
  font-size: 24px;
  line-height: 1.55;
  font-weight: 400;
  color: #534f54;
}

.work-scheme__footer {
  max-width: 1600px;
  margin: 0 auto;
  padding: 10px 10px 63px;
  text-align: center;
  overflow: hidden;
}

.work-scheme__footer-wrap.animate .work-scheme__footer span {
  display: inline-block;
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.2s;
}

.work-scheme__footer span {
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  color: #534f54;
}

.work-scheme__second-title {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 10px;
  margin-bottom: 70px;
  text-align: center;
  overflow: hidden;
}

.work-scheme.animate .work-scheme__second-title span {
  display: inline-block;
  opacity: 0;
  animation: textIn 0.3s ease-in forwards;
  animation-delay: 0.2s;
}

.work-scheme__second-title span {
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  color: #534f54;
}

.work-scheme__left-bottom-border {
  display: none;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(/upload/service/border-bottom-left.png);
}

/*******************************************************************************************************************/
@media (max-width: 1620px) {
  .work-scheme__subtitle {
    font-size: 2.2vw;
  }

  .work-scheme__item-right {
    margin-left: 4vw;
  }
}

@media (max-width: 1550px) {
  .work-scheme__subtext.support {
    padding-right: 20px;
  }

  .work-scheme__subtext.support br {
    display: none;
  }
}

@media (max-width: 1500px) {
  .work-scheme {
    padding-top: 80px;
  }

  .work-scheme__title {
    font-size: 3.75vw;
    margin-bottom: 7vw;
  }
}

@media (max-width: 1300px) {
  .work-scheme__list,
  .work-scheme__subtext {
    font-size: 20px;
  }

  .work-scheme__item {
    padding: 30px 0;
  }
}

@media (max-width: 1200px) {
  .work-scheme__subtitle {
    height: 75px;
  }

  .work-scheme__icon {
    height: 75px;
    width: 75px;
  }

  .work-scheme__item {
    padding: 20px 0;
  }

  .work-scheme__list,
  .work-scheme__subtext {
    font-size: 16px;
  }

  .work-scheme__second-title span,
  .work-scheme__footer span {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .work-scheme__title {
    font-size: 35px;
  }

  .work-scheme__title.support {
    margin-bottom: 40px;
  }

  .work-scheme__item-right {
    margin-left: 2vw;
  }

  .work-scheme__list,
  .work-scheme__subtext {
    margin-left: 50px;
  }

  .work-scheme__subtitle {
    padding-right: 15px;
  }

  .work-scheme__text {
    margin-left: 90px;
  }
}

@media (max-width: 900px) {
  .work-scheme__second-title span,
  .work-scheme__footer span {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .work-scheme {
    padding-top: 70px;
  }

  .work-scheme__wrapper {
    flex-direction: column;
  }

  .work-scheme__item {
    width: 100%;
  }

  .work-scheme.animate .work-scheme__vert-line {
    animation: vertLineIn 1s linear forwards;
    animation-delay: 0.2s;
    opacity: 0;
  }

  .work-scheme__vert-line {
    display: none;
  }

  .work-scheme__item-right {
    margin-left: 0;
  }

  .work-scheme__subtitle {
    font-size: 20px;
  }

  .work-scheme__hor-line {
    display: none;
  }

  .work-scheme__left-bottom-border {
    display: block;
  }

  .work-scheme__second-title {
    margin-bottom: 35px;
  }
}

@media (max-width: 375px) {
  .work-scheme__subtext br {
    display: none;
  }
}

.commercial-help {
  width: 100%;
  background-image: url(/local/templates/idea-promotion/images/complex-marketing/commercial_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}

.commercial-help__inner {
  margin-top: 86px;
  margin-bottom: 77px;
  width: 100%;
  max-width: 1600px;
  display: flex;
}

.commercial-help__left {
  width: 55%;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}

.commercial-help__title {
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-bottom: 33px;
  overflow: hidden;
}

.commercial-help__text {
  font-size: 22px;
  line-height: 1.52;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  margin-bottom: 37px;
  overflow: hidden;
}

.commercial-help__button {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s linear;
}

.commercial-help__button:hover {
  transform: scale(1.05);
}

.commercial-help__button a {
  color: #020203;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  background-color: #ffffff;
  padding: 14px 30px;
  border-radius: 8px;
  text-decoration: none;
  box-sizing: border-box;
}

.commercial-help__right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45%;
}

.commercial-help__img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.commercial-help__circle {
  width: 100%;
  display: flex;
}

.commercial-help__arrow {
  width: 78%;
  position: absolute;
  z-index: 2;
}

@media (max-width: 1280px) {
  .commercial-help__left {
    width: 66%;
  }

  .commercial-help__right {
    width: 30%;
  }

  .commercial-help__img {
    transform: scale(0.7);
  }
}

@media (max-width: 768px) {
  .commercial-help {
    background-position: center;
  }

  .commercial-help__inner {
    flex-wrap: wrap;
    margin-top: 50px;
  }

  .commercial-help__left {
    margin-bottom: 30px;
  }

  .commercial-help__left,
  .commercial-help__right {
    width: 100%;
  }

  .commercial-help__inner {
    margin-bottom: 60px;
  }

  .commercial-help__img {
    transform: scale(0.6);
    height: 200px;
  }

  .commercial-help__button a {
    text-align: center;
  }

  .commercial-help__text {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .commercial-help__arrow {
    transform: translate(47%, -46%);
  }
}

@media (max-width: 500px) {
  .commercial-help__title {
    font-size: 40px;
  }

  .commercial-help__img {
    transform: scale(0.5);
  }
}

@media (max-width: 400px) {
  .commercial-help__title {
    font-size: 35px;
  }
}

/* .commercial-help {
  width: 100%;
  background-image: url(/upload/service/commercial-help/commercial_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.commercial-help__inner {
  margin-top: 86px;
  margin-bottom: 77px;
  width: 100%;
  max-width: 1600px;
  display: flex;
}
.commercial-help__left {
  width: 47%;
  display: flex;
  flex-direction: column;
}
.commercial-help__title {
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-bottom: 33px;
}
.commercial-help__text {
  font-size: 22px;
  line-height: 1.52;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  margin-bottom: 37px;
}
.commercial-help__button {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s linear;
}
.commercial-help__button:hover {
  transform: scale(1.05);
}
.commercial-help__button a {
  color: #020203;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  background-color: #ffffff;
  padding: 14px 30px;
  border-radius: 8px;
  text-decoration: none;
  box-sizing: border-box;
}
.commercial-help__right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 49%;
}
.commercial-help__img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.commercial-help__circle {
  width: 100%;
  display: flex;
}
.commercial-help__arrow {
  width: 78%;
  position: absolute;
  z-index: 2;
}
.commercial-help.animate .commercial-help__arrow {
  animation: commercialArrawIn 1s ease-in forwards;
  animation-delay: 1s;
  opacity: 0;
}
@keyframes commercialArrawIn {
  0% {
    opacity: 1;
    transform: translate(120%, -120%);
  }
  100% {
    transform: translate(47%, -46%);
    opacity: 1;
  }
} */
/* продвижение сайтов с оплатой по позициям первый блок */
.service-intro__left.reveal .itprice-item__bottomem span.cursive {
  font-size: 16px;
  line-height: 1.7;
  color: #848484;
  font-style: italic;
}

.service-intro__left h1.title.by-position {
  margin-bottom: 70px;
}

.service-intro__right.by-position {
  width: 45.5%;
}

.service-intro__right .board.by-position {
  background-image: url(/local/templates/idea-promotion/images/seo-positions/board_by_position.png);
}

.service-intro__right .board_lines {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.service-intro__right.animate .board_lines {
  animation: fakeBoardHide 0.3s ease forwards;
  animation-delay: 1.5s;
}

@keyframes fakeBoardHide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.service-intro__right.by-position .rocket.by-position {
  position: absolute;
  z-index: 2;
  width: 24%;
}

.service-intro__right.by-position.animate .rocket.by-position {
  animation: slideInRocketDiagonal 0.3s ease forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.service-intro__right.by-position .yellow-magnet.by-position {
  width: 7.38%;
  position: absolute;
  z-index: 2;
  transform: translate(-159%, -487%);
}

.service-intro__right.by-position.animate .yellow-magnet.by-position,
.service-intro__right.by-position.animate .earth.by-position,
.service-intro__right.by-position.animate .red-magnet1.by-position,
.service-intro__right.by-position.animate .red-magnet2.by-position,
.service-intro__right.by-position.animate .red-magnet3.by-position,
.service-intro__right.by-position.animate .stars.by-position,
.service-intro__right.by-position.animate .search.by-position,
.service-intro__right.by-position.animate .sya.by-position,
.service-intro__right.by-position.animate .kpi.by-position,
.service-intro__right.by-position.animate .seo.by-position,
.service-intro__right.by-position.animate .yandex.by-position {
  animation: fadeInItem 0.2s ease-in forwards;
}

.service-intro__right.by-position.animate .yellow-magnet.by-position {
  animation-delay: 0.6s;
  opacity: 0;
}

.service-intro__right.by-position .earth.by-position {
  width: 88%;
  position: absolute;
  z-index: 2;
  transform: translate(-2%, -79%);
}

.service-intro__right.by-position.animate .earth.by-position {
  animation-delay: 0.6s;
  opacity: 0;
}

.service-intro__right.by-position .red-magnet1.by-position {
  width: 8%;
  position: absolute;
  z-index: 2;
  transform: translate(-284%, -155%);
}

.service-intro__right.by-position.animate .red-magnet1.by-position {
  animation-delay: 1s;
  opacity: 0;
}

.service-intro__right.by-position .red-magnet2.by-position {
  width: 8%;
  position: absolute;
  z-index: 2;
  transform: translate(-29%, -222%);
}

.service-intro__right.by-position.animate .red-magnet2.by-position {
  animation-delay: 1s;
  opacity: 0;
}

.service-intro__right.by-position .red-magnet3.by-position {
  width: 8%;
  position: absolute;
  z-index: 2;
  transform: translate(289%, -128%);
}

.service-intro__right.by-position.animate .red-magnet3.by-position {
  animation-delay: 1s;
  opacity: 0;
}

.service-intro__right.by-position .stars.by-position {
  width: 29.15%;
  position: absolute;
  z-index: 2;
  transform: translate(-54%, -210%);
}

.service-intro__right.by-position.animate .stars.by-position {
  animation-delay: 0.6s;
  opacity: 0;
}

.service-intro__right.by-position .search.by-position {
  width: 28.3%;
  position: absolute;
  z-index: 2;
  transform: translate(77%, -298%);
}

.service-intro__right.by-position.animate .search.by-position {
  animation-delay: 0.8s;
  opacity: 0;
}

.service-intro__right.by-position .sya.by-position {
  width: 16.7%;
  position: absolute;
  z-index: 2;
  transform: translate(-223%, -234%);
}

.service-intro__right.by-position.animate .sya.by-position {
  animation-delay: 1s;
  opacity: 0;
}

.service-intro__right.by-position .kpi.by-position {
  width: 6.3%;
  position: absolute;
  z-index: 2;
  transform: translate(-544%, -1067%);
}

.service-intro__right.by-position.animate .kpi.by-position {
  animation-delay: 1s;
  opacity: 0;
}

.service-intro__right.by-position .seo.by-position {
  width: 7.5%;
  position: absolute;
  z-index: 2;
  transform: translate(192%, -943%);
}

.service-intro__right.by-position.animate .seo.by-position {
  animation-delay: 1.2s;
  opacity: 0;
}

.service-intro__right.by-position .yandex.by-position {
  width: 11.6%;
  position: absolute;
  z-index: 2;
  transform: translate(223%, -463%);
}

.service-intro__right.by-position.animate .yandex.by-position {
  animation-delay: 1.2s;
  opacity: 0;
}

@keyframes slideInRocketDiagonal {
  0% {
    transform: translate(-150%, 100%);
    opacity: 0;
  }

  100% {
    transform: translate(-57%, -114%);
    opacity: 1;
  }
}

/* продвижение сайтов по РЕГИОНАМ первый блок */
.service-intro__right .board.regions {
  width: 98.7%;
  background-image: url(/local/templates/idea-promotion/images/regions/board_regions.png);
}

.service-intro__left.regions {
  width: 47.5%;
}

.service-intro__left .aim.regions {
  margin-bottom: 15px;
}

.service-intro__right.regions {
  width: 45%;
}

.service-intro__right.regions .rocket.regions {
  width: 27.3%;
  position: absolute;
  z-index: 2;
}

.service-intro__right.regions.animate .rocket.regions {
  animation: rocketRegionsIn 0.4s ease-in forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

@keyframes rocketRegionsIn {
  0% {
    transform: translateY(100%);
    opacity: 1;
  }

  100% {
    transform: translateY(-76%);
    /* transform: translate(-2%, -66%); */
    opacity: 1;
  }
}

.service-intro__right.regions .yellow-magnet.regions {
  width: 8.2%;
  position: absolute;
  z-index: 2;
  transform: translate(-30%, -533%);
}

.service-intro__right.regions.animate .yellow-magnet.regions,
.service-intro__right.regions.animate .pluton.regions,
.service-intro__right.regions.animate .red-magnet1.regions,
.service-intro__right.regions.animate .earth.regions,
.service-intro__right.regions.animate .red-magnet2.regions,
.service-intro__right.regions.animate .mars.regions,
.service-intro__right.regions.animate .pink-magnet.regions,
.service-intro__right.regions.animate .saturn.regions,
.service-intro__right.regions.animate .red-magnet3.regions,
.service-intro__right.regions.animate .kpi.regions,
.service-intro__right.regions.animate .yandex.regions,
.service-intro__right.regions.animate .seo.regions,
.service-intro__right.regions.animate .google.regions {
  animation: fadeInItem 0.2s ease-out forwards;
  opacity: 0;
}

.service-intro__right.regions.animate .yellow-magnet.regions {
  animation-delay: 1s;
}

.service-intro__right.regions.animate .pluton.regions {
  animation-delay: 1.2s;
}

.service-intro__right.regions.animate .red-magnet1.regions {
  animation-delay: 1.2s;
}

.service-intro__right.regions.animate .earth.regions {
  animation-delay: 1.3s;
}

.service-intro__right.regions.animate .red-magnet2.regions {
  animation-delay: 1.4s;
}

.service-intro__right.regions.animate .mars.regions {
  animation-delay: 1.5s;
}

.service-intro__right.regions.animate .pink-magnet.regions {
  animation-delay: 1.6s;
}

.service-intro__right.regions.animate .saturn.regions {
  animation-delay: 1.7s;
}

.service-intro__right.regions.animate .red-magnet3.regions {
  animation-delay: 1.8s;
}

.service-intro__right.regions.animate .kpi.regions {
  animation-delay: 1.9s;
}

.service-intro__right.regions.animate .yandex.regions {
  animation-delay: 1.9s;
}

.service-intro__right.regions.animate .seo.regions {
  animation-delay: 2s;
}

.service-intro__right.regions.animate .google.regions {
  animation-delay: 2s;
}

.service-intro__right.regions .pluton.regions {
  width: 11.4%;
  position: absolute;
  z-index: 2;
  transform: translate(-229%, -430%);
}

.service-intro__right.regions .red-magnet1.regions {
  width: 8%;
  position: absolute;
  z-index: 2;
  transform: translate(-339%, -669%);
}

.service-intro__right.regions .earth.regions {
  width: 17.5%;
  position: absolute;
  z-index: 2;
  transform: translate(-191%, -99%);
}

.service-intro__right.regions .red-magnet2.regions {
  width: 7.9%;
  position: absolute;
  z-index: 3;
  transform: translate(-429%, -255%);
}

.service-intro__right.regions .mars.regions {
  width: 17.6%;
  position: absolute;
  z-index: 3;
  transform: translate(182%, -302%);
}

.service-intro__right.regions .pink-magnet.regions {
  width: 7%;
  position: absolute;
  z-index: 3;
  transform: translate(431%, -751%);
}

.service-intro__right.regions .saturn.regions {
  width: 36%;
  position: absolute;
  z-index: 3;
  transform: translate(67%, -93%);
}

.service-intro__right.regions .red-magnet3.regions {
  width: 7.3%;
  position: absolute;
  z-index: 3;
  transform: translate(338%, -250%);
}

.service-intro__right.regions .kpi.regions {
  width: 6%;
  position: absolute;
  z-index: 3;
  transform: translate(-646%, -1313%);
}

.service-intro__right.regions .yandex.regions {
  width: 21%;
  position: absolute;
  z-index: 3;
  transform: translate(-113%, -155%);
}

.service-intro__right.regions .seo.regions {
  width: 21.2%;
  position: absolute;
  z-index: 3;
  transform: translate(115%, -204%);
}

.service-intro__right.regions .google.regions {
  width: 13.4%;
  position: absolute;
  z-index: 3;
  transform: translate(-44%, -223%);
}

.three-ways-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.three-ways {
  padding-top: 45px;
  padding-bottom: 96px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 10px solid #ffffff;
  box-sizing: border-box;
}

.three-ways-wrapper.animate .three-ways {
  animation: borderIn 0.2s ease-in forwards;
  animation-delay: 1.2s;
}

.three-ways__title {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  color: #3f1a46;
  text-align: center;
  overflow: hidden;
}

.three-ways-wrapper.animate .three-ways__title span {
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.three-ways__inner {
  padding-top: 96px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.three-ways__item {
  display: flex;
  flex-direction: column;
  width: 20%;
  padding: 0 10px;
  box-sizing: border-box;
}

.three-ways-wrapper.animate .three-ways__item {
  animation: fadeInItem 0.3s ease-in forwards;
  opacity: 0;
}

.three-ways-wrapper.animate .three-ways__item:nth-child(1) {
  animation-delay: 0.3s;
}

.three-ways-wrapper.animate .three-ways__item:nth-child(2) {
  animation-delay: 0.6s;
}

.three-ways-wrapper.animate .three-ways__item:nth-child(3) {
  animation-delay: 0.9s;
}

.three-ways-wrapper.animate .three-ways__item:nth-child(4) {
  animation-delay: 1.2s;
}

.three-ways__item:not(:last-child) {
  margin-right: 13.5%;
}

.three-ways__icon {
  margin-bottom: 27px;
}

.three-ways__text {
  color: #480e53;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  display: flex;
}

.konterstnaya-reklama .three-ways__text {
  flex-direction: column;
  color: #da434d;
}

.konterstnaya-reklama .three-ways__text span {
  margin-top: 8px;
  color: #696569;
  font-weight: 400;
}

@media (max-width: 1600px) {
  .three-ways {
    margin: 0 10px;
  }
}

.three-ways.konterstnaya-reklama {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 1500px) {
  .three-ways {
    padding-bottom: 80px;
  }

  .three-ways__title {
    font-size: 3vw;
  }

  .three-ways__item {
    width: 25%;
  }

  .three-ways__text {
    font-size: 1.6vw;
  }

  .three-ways__item:not(:last-child) {
    margin-right: 0;
  }

  .three-ways__inner {
    justify-content: space-evenly;
  }
}

@media (max-width: 1200px) {
  .three-ways {
    padding-bottom: 60px;
  }

  .three-ways__icon img {
    width: 100px;
  }

  .three-ways__inner {
    padding-top: 70px;
  }

  .three-ways__item {
    width: 30%;
  }

  .three-ways__text {
    font-size: 18px;
  }
}

@media (max-width: 1000px) {
  .three-ways__inner {
    flex-wrap: wrap;
    padding: 96px 10px 0 10px;
  }

  .three-ways__item:not(:last-child) {
    margin-right: 4%;
    margin-bottom: 60px;
  }

  .three-ways__item:nth-child(2n) {
    margin-right: 0;
  }

  .three-ways__item {
    width: 42%;
    align-items: center;
  }

  .three-ways__text {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .three-ways__text {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .three-ways {
    border: 10px solid #f7f7f7;
  }
}

@media (max-width: 600px) {
  .three-ways__text {
    font-size: 20px;
  }

  .three-ways__inner {
    justify-content: center;
    padding: 60px 10px 0 10px;
  }

  .three-ways__item:not(:last-child) {
    margin-right: 0;
  }

  .three-ways__item {
    width: 90%;
  }

  .three-ways__text br {
    display: none;
  }
}

@media (max-width: 500px) {
  .three-ways {
    padding-bottom: 60px;
  }

  .three-ways__title {
    font-size: 33px;
  }
}

@media (max-width: 400px) {
  .three-ways__title {
    font-size: 29px;
  }
}

.reg-features {
  padding: 103px 10px;
  margin: 0 auto;
  max-width: 1620px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.reg-features__title {
  margin-right: 7.6%;
  width: 25%;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  color: #3f1a46;
  overflow: hidden;
}

.reg-features.animate .reg-features__title span {
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.reg-features__item {
  width: 25%;
  display: flex;
  flex-direction: column;
}

.reg-features.animate .reg-features__item.it1 .reg-features__red-circle,
.reg-features.animate .reg-features__item.it1 .reg-features__text,
.reg-features.animate .reg-features__item.it2 .reg-features__red-circle,
.reg-features.animate .reg-features__item.it2 .reg-features__text {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.reg-features.animate .reg-features__item.it1 .reg-features__subtext span,
.reg-features.animate .reg-features__item.it2 .reg-features__subtext span {
  animation: textIn 0.5s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.reg-features.animate .reg-features__item.it1 .reg-features__red-circle {
  animation-delay: 0.3s;
}

.reg-features.animate .reg-features__item.it1 .reg-features__text {
  animation-delay: 0.6s;
}

.reg-features.animate .reg-features__item.it1 .reg-features__subtext span {
  animation-delay: 0.9s;
}

.reg-features.animate .reg-features__item.it2 .reg-features__red-circle {
  animation-delay: 1.4s;
}

.reg-features.animate .reg-features__item.it2 .reg-features__text {
  animation-delay: 1.7s;
}

.reg-features.animate .reg-features__item.it2 .reg-features__subtext span {
  animation-delay: 2s;
}

.reg-features__item:not(:last-child) {
  margin-right: 7.6%;
}

.reg-features__top {
  display: flex;
  margin-bottom: 14px;
  overflow: hidden;
}

.reg-features__red-circle {
  margin-right: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(#e9275d 0%, #e34955 100%);
}

.reg-features__text {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  color: #da434d;
}

.reg-features__subtext {
  margin-left: 48px;
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  overflow: hidden;
}

@media (max-width: 1600px) {
  .reg-features__subtext {
    font-size: 19px;
  }

  .reg-features__item {
    width: 26%;
  }
}

@media (max-width: 1500px) {
  .reg-features__title {
    font-size: 3.75vw;
    margin-right: 3.5%;
  }

  .reg-features__item:not(:last-child) {
    margin-right: 4.6%;
  }

  .reg-features__item {
    width: 28%;
  }

  .reg-features__subtext {
    font-size: 1.3vw;
  }

  .reg-features__text {
    font-size: 1.8vw;
  }
}

@media (max-width: 1200px) {
  .reg-features {
    justify-content: space-around;
  }

  .reg-features__subtext {
    font-size: 16px;
  }

  .reg-features__item:not(:last-child) {
    margin-right: 0;
  }

  .reg-features__title {
    margin-right: 0;
  }

  .reg-features__item {
    width: 33%;
  }
}

@media (max-width: 1023px) {
  .reg-features {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 70px 10px;
  }

  .reg-features__title {
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
    font-size: 35px;
  }

  .reg-features__item {
    width: 90%;
  }

  .reg-features__text {
    font-size: 20px;
  }

  .reg-features__item:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .reg-features__item {
    width: 100%;
  }
}

/* продвижение интернет магазинов первый блок */
.service-intro__left .aim.shops {
  margin-bottom: 15px;
}

.service-intro__right.shops {
  width: 45%;
}

.service-intro__right.shops .rocket.shops {
  width: 24%;
  position: absolute;
  z-index: 2;
  /* transform: translate(111%, 0%); */
}

.service-intro__right.shops.animate .rocket.shops {
  animation: rocketShopsIn 0.4s ease-in forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

@keyframes rocketShopsIn {
  0% {
    transform: translate(111%, 100%);
    opacity: 1;
  }

  100% {
    transform: translate(111%, -75%);
    opacity: 1;
  }
}

.service-intro__right.shops .yellow-magnet.shops {
  width: 7.3%;
  position: absolute;
  z-index: 2;
  transform: translate(356%, -421%);
}

.service-intro__right.shops.animate .yellow-magnet.shops,
.service-intro__right.shops.animate .stars.shops,
.service-intro__right.shops.animate .red-line.shops,
.service-intro__right.shops.animate .astronaut2.shops,
.service-intro__right.shops.animate .sya.shops,
.service-intro__right.shops.animate .reach.shops,
.service-intro__right.shops.animate .ohvat.shops,
.service-intro__right.shops.animate .text70.shops,
.service-intro__right.shops.animate .text58.shops,
.service-intro__right.shops.animate .trafik.shops {
  animation: fadeInItem 0.2s ease-out forwards;
  opacity: 0;
}

.service-intro__right.shops.animate .yellow-magnet.shops {
  animation-delay: 1s;
}

.service-intro__right.shops.animate .stars.shops {
  animation-delay: 1.1s;
}

.service-intro__right.shops.animate .red-line.shops {
  animation-delay: 1.2s;
}

.service-intro__right.shops.animate .astronaut2.shops {
  animation-delay: 1.3s;
}

.service-intro__right.shops.animate .sya.shops {
  animation-delay: 1.4s;
}

.service-intro__right.shops.animate .reach.shops {
  animation-delay: 1.5s;
}

.service-intro__right.shops.animate .ohvat.shops {
  animation-delay: 1.6s;
}

.service-intro__right.shops.animate .text70.shops {
  animation-delay: 1.7s;
}

.service-intro__right.shops.animate .text58.shops {
  animation-delay: 1.9s;
}

.service-intro__right.shops.animate .trafik.shops {
  animation-delay: 2s;
}

.service-intro__right.shops .stars.shops,
.service-intro__right.shops .red-line.shops {
  position: absolute;
  z-index: 1;
}

.service-intro__right.shops .astronaut2.shops,
.service-intro__right.shops .sya.shops,
.service-intro__right.shops .reach.shops,
.service-intro__right.shops .ohvat.shops,
.service-intro__right.shops .text70.shops,
.service-intro__right.shops .text58.shops,
.service-intro__right.shops .trafik.shops {
  position: absolute;
  z-index: 1;
}

.service-intro__right.shops .stars.shops {
  width: 71%;
  transform: translate(-2%, -64%);
}

.service-intro__right.shops .red-line.shops {
  width: 27%;
  transform: translate(41%, -245%);
}

.service-intro__right.shops .astronaut2.shops {
  width: 29.1%;
  z-index: 2;
  transform: translate(-49%, -83%);
}

.service-intro__right.shops .sya.shops {
  width: 16.7%;
  transform: translate(-220%, -247%);
}

.service-intro__right.shops .reach.shops {
  width: 24.1%;
  transform: translate(-33%, -111%);
}

.service-intro__right.shops .ohvat.shops {
  width: 15.7%;
  transform: translate(32%, -126%);
}

.service-intro__right.shops .text70.shops {
  width: 7.2%;
  transform: translate(-514%, -880%);
}

.service-intro__right.shops .text58.shops {
  width: 3.7%;
  transform: translate(897%, -337%);
}

.service-intro__right.shops .trafik.shops {
  width: 10.7%;
  transform: translate(62%, -1952%);
}

.shops-schemes {
  margin: 0 auto;
  width: 100%;
  max-width: 1620px;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.shops-schemes__title {
  margin-bottom: 94px;
  text-align: center;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
}

.shops-schemes.animate .shops-schemes__title span {
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.shops-schemes.animate .red1,
.shops-schemes.animate .red2,
.shops-schemes.animate .shops-schemes__item .sh1,
.shops-schemes.animate .shops-schemes__item:nth-child(1) .sh2,
.shops-schemes.animate .shops-schemes__item:nth-child(1) .sh3,
.shops-schemes.animate .shops-schemes__item:nth-child(1) .ar1,
.shops-schemes.animate .shops-schemes__item:nth-child(1) .ar2 {
  animation: fadeInItem 0.3s ease-out forwards;
  opacity: 0;
}

.shops-schemes.animate .red1 {
  animation-delay: 0.3s;
}

.shops-schemes.animate .shops-schemes__item:nth-child(1) .sh1 {
  animation-delay: 0.6s;
}

.shops-schemes.animate .shops-schemes__item:nth-child(1) .ar1 {
  animation-delay: 0.9s;
}

.shops-schemes.animate .shops-schemes__item:nth-child(1) .sh2 {
  animation-delay: 1.2s;
}

.shops-schemes.animate .shops-schemes__item:nth-child(1) .ar2 {
  animation-delay: 1.5s;
}

.shops-schemes.animate .shops-schemes__item:nth-child(1) .sh3 {
  animation-delay: 1.8s;
}

.shops-schemes.animate .red2 {
  animation-delay: 2.4s;
}

.shops-schemes.animate .shops-schemes__item:nth-child(2) .sh1 {
  animation-delay: 2.7s;
}

.shops-schemes.animate .shops-schemes__item .shops-schemes__bottom span {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.shops-schemes.animate
  .shops-schemes__item:nth-child(1)
  .shops-schemes__bottom
  span {
  animation-delay: 2.1s;
}

.shops-schemes.animate
  .shops-schemes__item:nth-child(2)
  .shops-schemes__bottom
  span {
  animation-delay: 3s;
}

.shops-schemes__inner {
  display: flex;
  justify-content: space-between;
  padding-bottom: 81px;
}

.shops-schemes__item {
  display: flex;
  flex-direction: column;
  width: 41%;
}

.shops-schemes__top {
  margin-bottom: 63px;
  display: flex;
  align-items: center;
  padding: 11px 20px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.shops-schemes__top img:not(:last-child) {
  margin-right: 5px;
}

.shops-schemes__bottom {
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  color: #534f54;
  overflow: hidden;
}

.shops-schemes__bottom a {
  color: #e9275d;
}

.shops-schemes__red-circle {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 43px;
  color: #ffffff;
  font-size: 30px;
  line-height: 1.55;
  font-weight: 700;
  border-radius: 50%;
  background: linear-gradient(#e9275d 0%, #e34955 100%);
}

.shops-specific {
  width: 100%;
  padding: 0 10px;
  padding-bottom: 98px;
  box-sizing: border-box;
}

.shops-specific__inner {
  box-sizing: border-box;

  padding: 52px 40px;
  margin: 0 auto;
  max-width: 1600px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 1px solid #ffffff;
  /* box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1); */
  box-sizing: border-box;
}

@keyframes boxShadowIn {
  0% {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.1);
    border-color: #ffffff;
  }

  100% {
    box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1);
    border-color: #e8e8e8;
  }
}

.shops-specific.animate .shops-specific__inner {
  animation: boxShadowIn 1s ease-out forwards;
  animation-delay: 3.2s;
}

.shops-specific__item {
  display: flex;
  flex-direction: column;
  width: 30%;
  box-sizing: border-box;
}

.shops-specific__title {
  width: 30%;
  color: #3f1a46;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
}

.shops-specific.animate .shops-specific__title span {
  animation: textIn 1s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
  display: inline-block;
}

.shops-specific__line {
  display: flex;
}

.shops-specific.animate .it1 .shops-specific__line:nth-child(1) {
  animation: fadeInItem 0.4s ease-out forwards;
  animation-delay: 1.5s;
  opacity: 0;
}

.shops-specific.animate .it1 .shops-specific__line:nth-child(2) {
  animation: fadeInItem 0.4s ease-out forwards;
  animation-delay: 2s;
  opacity: 0;
}

.shops-specific.animate .it2 .shops-specific__line:nth-child(1) {
  animation: fadeInItem 0.4s ease-out forwards;
  animation-delay: 2.5s;
  opacity: 0;
}

.shops-specific__line:not(:last-child) {
  margin-bottom: 24px;
}

.shops-specific__red-circle {
  margin-right: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(#e9275d 0%, #e34955 100%);
}

.shops-specific__text {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  color: #1a1a1a;
}

@media (max-width: 1600px) {
  .shops-schemes__item {
    width: 45%;
  }

  .shops-specific__title {
    font-size: 45px;
  }
}

@media (max-width: 1500px) {
  .shops-schemes__title {
    font-size: 3.75vw;
  }

  .shops-specific__title {
    font-size: 3vw;
  }
}

@media (max-width: 1450px) {
  .shops-specific__text {
    font-size: 22px;
  }

  .shops-specific__red-circle {
    width: 22px;
    height: 22px;
    margin-right: 22px;
  }
}

@media (max-width: 1300px) {
  .shops-schemes__img {
    width: 150px;
  }

  .shops-specific__item {
    width: 33%;
  }

  .shops-specific__inner {
    padding: 52px 25px;
  }
}

@media (max-width: 1200px) {
  .shops-schemes__inner {
    flex-direction: column;
    align-items: center;
  }

  .shops-schemes__item {
    width: 80%;
  }

  .shops-schemes__top {
    justify-content: space-between;
    margin-bottom: 25px;
  }

  .shops-schemes__bottom {
    text-align: center;
    margin-bottom: 30px;
  }

  .shops-schemes__title {
    margin-bottom: 60px;
  }

  .shops-specific__inner {
    padding: 35px 25px;
  }

  .shops-specific__red-circle {
    width: 20px;
    height: 20px;
    margin-right: 20px;
  }

  .shops-specific__text {
    font-size: 20px;
  }
}

@media (max-width: 1100px) {
  .shops-specific__inner {
    padding: 30px 15px;
  }
}

@media (max-width: 1023px) {
  .shops-schemes__title {
    font-size: 35px;
    margin-top: 30px;
  }

  .shops-specific__inner {
    flex-direction: column;
    align-items: center;
  }

  .shops-specific__title {
    width: 100%;
    font-size: 35px;
    text-align: center;
    margin-bottom: 40px;
  }

  .shops-specific__item {
    width: 60%;
    text-align: center;
  }

  .shops-specific__text br {
    display: none;
  }

  .shops-specific__line {
    margin-bottom: 30px;
  }
}

@media (max-width: 800px) {
  .shops-schemes__top {
    flex-direction: column;
    width: 100%;
  }

  .shops-schemes__arrow {
    transform: rotate(90deg);
  }

  .shops-schemes__top img:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .shops-schemes__bottom {
    font-size: 16px;
  }

  .shops-schemes__inner {
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .shops-schemes__item {
    width: 100%;
  }

  .shops-schemes__bottom {
    text-align: start;
  }

  .shops-specific__item {
    width: 100%;
  }

  .shops-specific__red-circle {
    width: 18px;
    height: 18px;
    margin-right: 10px;
  }

  .shops-specific__text {
    font-size: 18px;
    text-align: start;
  }

  .shops-specific__inner {
    padding: 30px 5px 0px;
  }

  .shops-specific {
    padding-bottom: 60px;
  }

  .shops-specific__title {
    font-size: 32px;
  }

  .shops-specific__inner {
    box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1);
    border-color: #e8e8e8;
  }
}

/* Продвижение сайтов по трафику */
.service-intro__left .aim.trafik {
  margin-bottom: 15px;
}

.service-intro__right.trafik {
  width: 45%;
}

.service-intro__right .board.trafik {
  width: 98.7%;
  background-image: url(/local/templates/idea-promotion/images/seo_trafik/board_trafik.png);
}

.service-intro__right.trafik .rocket.trafik {
  width: 30%;
  position: absolute;
  z-index: 2;
  /* transform: translate(-10%, 10%); */
}

.service-intro__right.trafik.animate .rocket.trafik {
  animation: rocketTrafikIn 0.4s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

@keyframes rocketTrafikIn {
  0% {
    transform: translateY(100%);
    opacity: 1;
  }

  100% {
    transform: translateY(-63%);
    opacity: 1;
  }
}

.service-intro__right.trafik .stars.trafik {
  width: 64.7%;
  position: absolute;
  z-index: 2;
  transform: translate(3%, -173%);
}

.service-intro__right.trafik.animate .stars.trafik,
.service-intro__right.trafik.animate .yellow-magnet.trafik,
.service-intro__right.trafik.animate .astronaut1.trafik,
.service-intro__right.trafik.animate .red-magnet1.trafik,
.service-intro__right.trafik.animate .astronaut2.trafik,
.service-intro__right.trafik.animate .red-magnet2.trafik,
.service-intro__right.trafik.animate .astronaut3.trafik,
.service-intro__right.trafik.animate .red-magnet3.trafik,
.service-intro__right.trafik.animate .sya.trafik,
.service-intro__right.trafik.animate .search.trafik,
.service-intro__right.trafik.animate .text.trafik {
  animation: fadeInItem 0.2s ease-in forwards;
  opacity: 0;
}

.service-intro__right.trafik.animate .stars.trafik {
  animation-delay: 0.9s;
}

.service-intro__right.trafik.animate .yellow-magnet.trafik {
  animation-delay: 1.1s;
}

.service-intro__right.trafik.animate .astronaut1.trafik {
  animation-delay: 1.3s;
}

.service-intro__right.trafik.animate .red-magnet1.trafik {
  animation-delay: 1.5s;
}

.service-intro__right.trafik.animate .astronaut2.trafik {
  animation-delay: 1.6s;
}

.service-intro__right.trafik.animate .red-magnet2.trafik {
  animation-delay: 1.6s;
}

.service-intro__right.trafik.animate .astronaut3.trafik {
  animation-delay: 1.7s;
}

.service-intro__right.trafik.animate .red-magnet3.trafik {
  animation-delay: 2.8s;
}

.service-intro__right.trafik.animate .sya.trafik {
  animation-delay: 1.9s;
}

.service-intro__right.trafik.animate .search.trafik {
  animation-delay: 1.9s;
}

.service-intro__right.trafik.animate .text.trafik {
  animation-delay: 2s;
}

.service-intro__right.trafik .yellow-magnet.trafik,
.service-intro__right.trafik .astronaut1.trafik,
.service-intro__right.trafik .red-magnet1.trafik,
.service-intro__right.trafik .astronaut2.trafik,
.service-intro__right.trafik .red-magnet2.trafik,
.service-intro__right.trafik .astronaut3.trafik,
.service-intro__right.trafik .red-magnet3.trafik,
.service-intro__right.trafik .sya.trafik,
.service-intro__right.trafik .search.trafik,
.service-intro__right.trafik .text.trafik {
  position: absolute;
  z-index: 2;
}

.service-intro__right.trafik .yellow-magnet.trafik {
  width: 8.3%;
  transform: translate(-1%, -459%);
}

.service-intro__right.trafik .astronaut1.trafik {
  width: 20.6%;
  transform: translate(-110%, -73%);
}

.service-intro__right.trafik .red-magnet1.trafik {
  width: 8%;
  transform: translate(-323%, -269%);
}

.service-intro__right.trafik .astronaut2.trafik {
  width: 18.8%;
  transform: translate(119%, -104%);
}

.service-intro__right.trafik .red-magnet2.trafik {
  width: 7%;
  transform: translate(322%, -468%);
}

.service-intro__right.trafik .astronaut3.trafik {
  width: 20.5%;
  transform: translate(-76%, -197%);
}

.service-intro__right.trafik .red-magnet3.trafik {
  width: 7.6%;
  transform: translate(-245%, -634%);
}

.service-intro__right.trafik .sya.trafik {
  width: 16.3%;
  transform: translate(-223%, -253%);
}

.service-intro__right.trafik .search.trafik {
  width: 27.6%;
  transform: translate(89%, -311%);
}

.service-intro__right.trafik .text.trafik {
  width: 68%;
  z-index: 1;
  transform: translate(-7%, -66%);
}

.trafik-calc {
  padding-top: 98px;
  padding-bottom: 148px;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #f7f7f7;
}

.trafik-calc__inner {
  max-width: 1620px;
  display: flex;
  flex-direction: column;
}

.trafik-calc__title {
  text-align: center;
  margin-bottom: 103px;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
}

.trafik-calc__inner.animate .trafik-calc__title span {
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.trafik-calc__content {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
}

.trafik-calc__item {
  box-sizing: border-box;
  width: 523px;
  margin-bottom: 138px;
}

.trafik-calc__inner.animate .trafik-calc__item .trafik-calc__line,
.trafik-calc__inner.animate .trafik-calc__item .trafik-calc__text {
  animation: fadeInItem 0.3s ease-out forwards;
  opacity: 0;
}

.trafik-calc__inner.animate .trafik-calc__item:nth-child(1) .trafik-calc__line {
  animation-delay: 0.3s;
}

.trafik-calc__inner.animate .trafik-calc__item:nth-child(1) .trafik-calc__text {
  animation-delay: 0.6s;
}

.trafik-calc__inner.animate .trafik-calc__item:nth-child(2) .trafik-calc__line {
  animation-delay: 0.9s;
}

.trafik-calc__inner.animate .trafik-calc__item:nth-child(2) .trafik-calc__text {
  animation-delay: 1.2s;
}

.trafik-calc__inner.animate .trafik-calc__item:nth-child(3) .trafik-calc__line {
  animation-delay: 1.5s;
}

.trafik-calc__inner.animate .trafik-calc__item:nth-child(3) .trafik-calc__text {
  animation-delay: 1.8s;
}

.trafik-calc__inner.animate .trafik-calc__item:nth-child(4) .trafik-calc__line {
  animation-delay: 2.1s;
}

.trafik-calc__inner.animate .trafik-calc__item:nth-child(5) .trafik-calc__line {
  animation-delay: 2.4s;
}

.trafik-calc__item:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

.trafik-calc__line {
  display: flex;
}

.trafik-calc__subtitle {
  margin-bottom: 11px;
  color: #480e53;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 700;
}

.trafik-calc__circle {
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  color: #ffffff;
  font-size: 36px;
  line-height: 1.25;
  font-weight: 700;
  border-radius: 50%;
  background: #480e53;
}

.trafik-calc__text {
  margin-left: 65px;
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
}

@media (max-width: 1600px) {
  .trafik-calc__text {
    font-size: 18px;
    margin-left: 61px;
  }

  .trafik-calc__item {
    width: 33%;
  }

  .trafik-calc__circle {
    width: 43px;
    height: 43px;
    margin-right: 18px;
    font-size: 34px;
  }
}

@media (max-width: 1500px) {
  .trafik-calc__title {
    font-size: 3.75vw;
  }

  .trafik-calc {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .trafik-calc__item {
    margin-bottom: 100px;
  }

  .trafik-calc__subtitle {
    font-size: 32px;
  }

  .trafik-calc__text {
    font-size: 17px;
  }
}

@media (max-width: 1400px) {
  .trafik-calc__text {
    font-size: 16px;
    margin-left: 55px;
  }

  .trafik-calc__subtitle {
    font-size: 30px;
  }

  .trafik-calc__circle {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    font-size: 30px;
  }
}

@media (max-width: 1300px) {
  .trafik-calc__item {
    width: 45%;
    margin-bottom: 60px;
  }

  .trafik-calc__content {
    justify-content: center;
  }
}

@media (max-width: 1200px) {
  .trafik-calc__item {
    width: 48%;
  }
}

@media (max-width: 1000px) {
  .trafik-calc__item {
    width: 50%;
  }

  .trafik-calc__title {
    margin-bottom: 90px;
    font-size: 35px;
  }

  .trafik-calc {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .trafik-calc__circle {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    font-size: 25px;
  }

  .trafik-calc__subtitle {
    font-size: 25px;
  }

  .trafik-calc__text {
    margin-left: 47px;
  }
}

@media (max-width: 860px) {
  .trafik-calc__title {
    margin-bottom: 60px;
  }

  .trafik-calc__item {
    width: 60%;
    margin-bottom: 30px;
  }

  .trafik-calc__item:nth-last-child(-n + 2) {
    margin-bottom: 30px;
  }

  .trafik-calc__item:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .trafik-calc__item {
    width: 100%;
  }

  .trafik-calc__title {
    margin-bottom: 50px;
    font-size: 33px;
  }
}

@media (max-width: 400px) {
  .trafik-calc__circle {
    width: 25px;
    height: 25px;
    margin-right: 8px;
    font-size: 20px;
  }

  .trafik-calc__subtitle {
    font-size: 22px;
  }

  .trafik-calc__text {
    font-size: 15px;
    margin-left: 5px;
  }
}

.trafik-prices {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 89px;
  padding-bottom: 103px;
}

.trafik-prices__inner {
  width: 100%;
  max-width: 1620px;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
}

.trafik-prices__content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

.trafik-prices__inner.animate .trafik-prices__content {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 0.9s;
  opacity: 0;
}

.trafik-prices__title {
  text-align: center;
  margin-bottom: 8px;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
}

.trafik-prices.animated .trafik-prices__title span,
.trafik-prices.animated .trafik-prices__subtitle span {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.trafik-prices.animated .trafik-prices__title span {
  animation-delay: 0.3s;
}

.trafik-prices.animated .trafik-prices__subtitle span {
  animation-delay: 0.6s;
}

.trafik-prices__subtitle {
  text-align: center;
  margin-bottom: 93px;
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  overflow: hidden;
}

.trafik-prices__item {
  display: flex;
  flex-direction: column;
  width: 28%;
}

.trafik-prices__line {
  position: relative;
}

.trafik-prices__desc {
  position: relative;
  z-index: 2;
  padding: 20px 35px;
  color: #ffffff;
  font-size: 25px;
  line-height: 1;
  font-weight: 700;
  background-color: transparent;
}

.trafik-prices__desc.trafik-prices__desc--black {
  color: #534f54;
}

.trafik-prices__text {
  margin-left: 12px;
  color: #534f54;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
}

.trafik-prices__bg1,
.trafik-prices__bg2,
.trafik-prices__bg3,
.trafik-prices__bg4,
.trafik-prices__bg5,
.trafik-prices__bg6,
.trafik-prices__bg7,
.trafik-prices__bg8,
.trafik-prices__bg9 {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.trafik-prices__bg1,
.trafik-prices__bg4,
.trafik-prices__bg7 {
  background: #fb8931;
}

.trafik-prices__bg2,
.trafik-prices__bg5,
.trafik-prices__bg8 {
  background: #f86251;
}

.trafik-prices__bg3,
.trafik-prices__bg6,
.trafik-prices__bg9 {
  background: #e9275d;
}

.trafik-prices__inner.animate .trafik-prices__bg1 {
  animation: bg1In 1s linear forwards;
}

@keyframes bg1In {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.trafik-prices__inner.animate .trafik-prices__bg2 {
  animation: bg2In 1s linear forwards;
}

@keyframes bg2In {
  0% {
    width: 1%;
  }

  100% {
    width: 4%;
  }
}

.trafik-prices__inner.animate .trafik-prices__bg3 {
  animation: bg3In 1s linear forwards;
}

@keyframes bg3In {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.trafik-prices__inner.animate .trafik-prices__bg4 {
  animation: bg4In 1s linear forwards;
}

@keyframes bg4In {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.trafik-prices__inner.animate .trafik-prices__bg5 {
  animation: bg5In 1s linear forwards;
}

@keyframes bg5In {
  0% {
    width: 0%;
  }

  100% {
    width: 10%;
  }
}

.trafik-prices__inner.animate .trafik-prices__bg6 {
  animation: bg6In 1s linear forwards;
}

@keyframes bg6In {
  0% {
    width: 0%;
  }

  100% {
    width: 103%;
  }
}

.trafik-prices__inner.animate .trafik-prices__bg7 {
  animation: bg7In 1s linear forwards;
}

@keyframes bg7In {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.trafik-prices__inner.animate .trafik-prices__bg8 {
  animation: bg8In 1s linear forwards;
}

@keyframes bg8In {
  0% {
    width: 0%;
  }

  100% {
    width: 20%;
  }
}

.trafik-prices__inner.animate .trafik-prices__bg9 {
  animation: bg9In 1s linear forwards;
}

@keyframes bg9In {
  0% {
    width: 0%;
  }

  100% {
    width: 105%;
  }
}

.trafik-prices__inner.animate .trafik-prices__bg1,
.trafik-prices__inner.animate .trafik-prices__bg2,
.trafik-prices__inner.animate .trafik-prices__bg3,
.trafik-prices__inner.animate .trafik-prices__bg4,
.trafik-prices__inner.animate .trafik-prices__bg5,
.trafik-prices__inner.animate .trafik-prices__bg6,
.trafik-prices__inner.animate .trafik-prices__bg7,
.trafik-prices__inner.animate .trafik-prices__bg8,
.trafik-prices__inner.animate .trafik-prices__bg9 {
  animation-delay: 1.2s;
}

.trafik-prices__bottom {
  padding-top: 21px;
  display: flex;
}

@media (max-width: 1600px) {
  .trafik-prices__desc {
    padding: 20px;
  }
}

@media (max-width: 1500px) {
  .trafik-prices__title {
    font-size: 3.75vw;
  }

  .trafik-prices {
    padding-top: 75px;
    padding-bottom: 85px;
  }

  .trafik-prices__item {
    width: 30%;
  }
}

@media (max-width: 1400px) {
  .trafik-prices__desc {
    font-size: 23px;
  }
}

@media (max-width: 1300px) {
  .trafik-prices__desc {
    font-size: 20px;
  }

  .trafik-prices__text {
    font-size: 22px;
  }

  .trafik-prices__subtitle {
    margin-bottom: 65px;
  }
}

@media (max-width: 1150px) {
  .trafik-prices__title {
    font-size: 35px;
  }

  .trafik-prices__item {
    width: 40%;
  }

  .trafik-prices__item:not(:last-child) {
    margin-bottom: 30px;
  }

  .trafik-prices__content {
    flex-wrap: wrap;
  }

  .trafik-prices {
    padding: 60px 0;
  }
}

@media (max-width: 860px) {
  .trafik-prices__item {
    width: 80%;
  }

  .trafik-prices__subtitle {
    margin-bottom: 35px;
  }

  .trafik-prices {
    padding: 50px 0;
  }

  .trafik-prices__desc {
    padding: 15px;
  }
}

@media (max-width: 500px) {
  .trafik-prices__item {
    width: 90%;
  }

  .trafik-prices__desc {
    font-size: 17px;
  }

  .trafik-prices__subtitle {
    font-size: 17px;
  }

  .trafik-prices__text {
    font-size: 20px;
  }

  .trafik-prices__title {
    font-size: 33px;
  }

  .trafik-prices {
    padding: 45px 0;
  }
}

/* Комплексный аудит первый блок */
.service-intro__left.audit {
  width: 49.8%;
}

.service-intro__left .item-text.item-special {
  margin-bottom: 60px;
}

.service-intro__left h1.title.audit {
  margin-bottom: 60px;
}

.service-intro__right.audit {
  width: 45.3%;
}

.service-intro__right .board.audit {
  margin-top: 118px;
}

.service-intro__right.audit .rocket-left.audit {
  width: 9.3%;
  position: absolute;
  z-index: 1;
  /* transform: translate(-316%, -106%); */
}

.service-intro__right.audit.animate .rocket-left.audit {
  animation: rocketAuditLeftIn 1s ease-out forwards;
  animation-delay: 1.7s;
  opacity: 0;
}

@keyframes rocketAuditLeftIn {
  0% {
    transform: translate(-200%, 100%);
    opacity: 1;
  }

  100% {
    transform: translate(-316%, -106%);
    opacity: 1;
  }
}

.service-intro__right.audit .rocket-right.audit {
  width: 14.5%;
  position: absolute;
  z-index: 1;
  transform: translate(-10%, 10%);
}

.service-intro__right.audit.animate .rocket-right.audit {
  animation: rocketAuditRightIn 1s ease-out forwards;
  animation-delay: 1.5s;
  opacity: 0;
}

@keyframes rocketAuditRightIn {
  0% {
    transform: translate(-400%, 100%);
    opacity: 1;
  }

  100% {
    transform: translate(227%, -348%);
    opacity: 1;
  }
}

.service-intro__right.audit .stars.audit {
  width: 80.2%;
  position: absolute;
  z-index: 2;
  transform: translate(-2%, -85%);
}

.service-intro__right.audit.animate .stars.audit,
.service-intro__right.audit.animate .plan.audit,
.service-intro__right.audit.animate .red-magnet1.audit,
.service-intro__right.audit.animate .red-magnet2.audit,
.service-intro__right.audit.animate .yellow-magnet.audit,
.service-intro__right.audit.animate .glass.audit,
.service-intro__right.audit.animate .big-yellow-magnet.audit,
.service-intro__right.audit.animate .big-red-magnet.audit,
.service-intro__right.audit.animate .text-audit.audit,
.service-intro__right.audit.animate .link.audit,
.service-intro__right.audit.animate .ideas.audit,
.service-intro__right.audit.animate .text25.audit {
  animation: fadeInItem 0.2s ease-out forwards;
  opacity: 0;
}

.service-intro__right.audit.animate .stars.audit {
  animation-delay: 1s;
}

.service-intro__right.audit.animate .plan.audit {
  animation-delay: 1.1s;
}

.service-intro__right.audit.animate .red-magnet1.audit {
  animation-delay: 1.2s;
}

.service-intro__right.audit.animate .red-magnet2.audit {
  animation-delay: 1.3s;
}

.service-intro__right.audit.animate .yellow-magnet.audit {
  animation-delay: 1.4s;
}

.service-intro__right.audit.animate .glass.audit {
  animation-delay: 1.5s;
}

.service-intro__right.audit.animate .big-yellow-magnet.audit {
  animation-delay: 1.6s;
}

.service-intro__right.audit.animate .big-red-magnet.audit {
  animation-delay: 1.7s;
}

.service-intro__right.audit.animate .text-audit.audit {
  animation-delay: 1.7s;
}

.service-intro__right.audit.animate .link.audit {
  animation-delay: 1.8s;
}

.service-intro__right.audit.animate .ideas.audit {
  animation-delay: 1.9s;
}

.service-intro__right.audit.animate .text25.audit {
  animation-delay: 2s;
}

.service-intro__right.audit .plan.audit,
.service-intro__right.audit .red-magnet1.audit,
.service-intro__right.audit .red-magnet2.audit,
.service-intro__right.audit .yellow-magnet.audit,
.service-intro__right.audit .glass.audit,
.service-intro__right.audit .big-yellow-magnet.audit,
.service-intro__right.audit .big-red-magnet.audit,
.service-intro__right.audit .text-audit.audit,
.service-intro__right.audit .link.audit,
.service-intro__right.audit .ideas.audit,
.service-intro__right.audit .text25.audit {
  position: absolute;
}

.service-intro__right.audit .plan.audit {
  width: 41.3%;
  z-index: 2;
  transform: translate(34%, -60%);
}

.service-intro__right.audit .red-magnet1.audit {
  width: 6.7%;
  z-index: 3;
  transform: translate(206%, -880%);
}

.service-intro__right.audit .red-magnet2.audit {
  width: 6.7%;
  z-index: 3;
  transform: translate(449%, -477%);
}

.service-intro__right.audit .yellow-magnet.audit {
  width: 7.2%;
  z-index: 3;
  transform: translate(213%, -98%);
}

.service-intro__right.audit .glass.audit {
  width: 41.3%;
  z-index: 3;
  transform: translate(-47%, -159%);
}

.service-intro__right.audit .big-yellow-magnet.audit {
  width: 7.7%;
  z-index: 4;
  transform: translate(-137%, -617%);
}

.service-intro__right.audit .big-red-magnet.audit {
  width: 7.8%;
  z-index: 4;
  transform: translate(-396%, -439%);
}

.service-intro__right.audit .text-audit.audit {
  width: 11.8%;
  z-index: 5;
  transform: translate(-74%, -565%);
}

.service-intro__right.audit .link.audit {
  width: 7.5%;
  z-index: 5;
  transform: translate(-201%, -290%);
}

.service-intro__right.audit .ideas.audit {
  width: 9.3%;
  z-index: 5;
  transform: translate(-380%, -1452%);
}

.service-intro__right.audit .text25.audit {
  width: 6.2%;
  z-index: 5;
  transform: translate(-567%, -988%);
}

.service-intro__left .item-text {
  position: relative;
  overflow-y: hidden;
  font-size: 20px;
  line-height: 1.55;
  color: #534f54;
}

.service-intro__left.reveal .item-text span {
  animation: textIn 0.4s ease-out forwards;
  animation-delay: 0.8s;
  opacity: 0;
  display: inline-block;
}

.service-intro__left.reveal .item.audit span {
  animation-delay: 1.8s;
}

/* SERM первый блок */
.service-intro.serm {
  max-width: 1600px;
  margin: 0 auto;
}

.service-intro__left.serm {
  width: 45.5%;
  order: 1;
}

.service-intro__left h1.title.serm {
  margin-bottom: 95px;
}

.service-intro__left h1.title.unick {
  margin-bottom: 50px;
}

.service-intro__items-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 81%;
  margin-bottom: 117px;
}

.service-intro__items-block.unick {
  margin-bottom: 0;
  width: 90%;
}

.service-intro__items-block.unick .item {
  width: 298px;
}

.service-intro__items-block .item {
  width: 270px;
  margin-bottom: 40px;
}

.service-intro__items-block .item.unick .service-intro__left .item__inner {
  display: flex;
  flex-direction: column;
}

.service-intro__left .item__inner .img-wrap {
  overflow: hidden;
  position: relative;
}

.service-intro__left.reveal .item__inner .img-wrap img {
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 1.5s;
  opacity: 0;
}

.item.unick .item__inner {
  display: flex;
  align-items: center;
}

.item.unick .item__text {
  margin-left: 30px;
}

.item.serm .item__title {
  color: #480e53;
  font-size: 25px;
  line-height: 1;
  font-weight: 700;
}

.item.serm .item__text {
  margin-top: 10px;
  color: #000000;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.service-intro__right.serm {
  width: 48.5%;
  order: 2;
}

.service-intro__right .board.serm {
  margin-top: 76px;
  width: 100%;
}

.service-intro__right.serm .vostok.serm {
  width: 14.7%;
  position: absolute;
  z-index: 2;
  transform: translate(-166%, -58%);
}

.service-intro__right.serm.animate .vostok.serm {
  animation: vostokIn 0.4s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

@keyframes vostokIn {
  0% {
    transform: translate(-200%, 100%);
    opacity: 1;
  }

  100% {
    transform: translate(-166%, -58%);
    opacity: 1;
  }
}

.service-intro__right.serm .apollon.serm {
  width: 11.8%;
  position: absolute;
  z-index: 2;
}

.service-intro__right.serm.animate .apollon.serm {
  animation: apollonIn 0.4s ease-out forwards;
  animation-delay: 0.6s;
  opacity: 0;
}

@keyframes apollonIn {
  0% {
    transform: translate(250%, 100%);
    opacity: 1;
  }

  100% {
    transform: translate(197%, -59%);
    opacity: 1;
  }
}

.service-intro__right.serm.animate .stars.serm,
.service-intro__right.serm.animate .line.serm,
.service-intro__right.serm.animate .fs.serm,
.service-intro__right.serm.animate .big-yellow-magnet.serm,
.service-intro__right.serm.animate .big-red-magnet.serm,
.service-intro__right.serm.animate .red-flag.serm,
.service-intro__right.serm.animate .yellow-magnet.serm,
.service-intro__right.serm.animate .flag.serm,
.service-intro__right.serm.animate .red-magnet.serm,
.service-intro__right.serm.animate .text-vostok.serm,
.service-intro__right.serm.animate .text-apollon.serm,
.service-intro__right.serm.animate .text-ussr.serm,
.service-intro__right.serm.animate .text-usa.serm {
  animation: fadeInItem 0.2s ease-out forwards;
  opacity: 0;
}

.service-intro__right.serm.animate .stars.serm {
  animation-delay: 1s;
}

.service-intro__right.serm.animate .line.serm {
  animation-delay: 1.1s;
}

.service-intro__right.serm.animate .fs.serm {
  animation-delay: 1.2s;
}

.service-intro__right.serm.animate .big-yellow-magnet.serm {
  animation-delay: 1.3s;
}

.service-intro__right.serm.animate .big-red-magnet.serm {
  animation-delay: 1.4s;
}

.service-intro__right.serm.animate .red-flag.serm {
  animation-delay: 1.5s;
}

.service-intro__right.serm.animate .yellow-magnet.serm {
  animation-delay: 1.6s;
}

.service-intro__right.serm.animate .flag.serm {
  animation-delay: 1.7s;
}

.service-intro__right.serm.animate .red-magnet.serm {
  animation-delay: 1.8s;
}

.service-intro__right.serm.animate .text-vostok.serm {
  animation-delay: 1.8s;
}

.service-intro__right.serm.animate .text-apollon.serm {
  animation-delay: 1.9s;
}

.service-intro__right.serm.animate .text-ussr.serm {
  animation-delay: 1.9s;
}

.service-intro__right.serm.animate .text-usa.serm {
  animation-delay: 2s;
}

.service-intro__right.serm .stars.serm,
.service-intro__right.serm .line.serm,
.service-intro__right.serm .fs.serm,
.service-intro__right.serm .big-yellow-magnet.serm,
.service-intro__right.serm .big-red-magnet.serm,
.service-intro__right.serm .red-flag.serm,
.service-intro__right.serm .yellow-magnet.serm,
.service-intro__right.serm .flag.serm,
.service-intro__right.serm .red-magnet.serm,
.service-intro__right.serm .text-vostok.serm,
.service-intro__right.serm .text-apollon.serm,
.service-intro__right.serm .text-ussr.serm,
.service-intro__right.serm .text-usa.serm {
  position: absolute;
}

.service-intro__right.serm .stars.serm {
  width: 80%;
  z-index: 1;
  transform: translate(-1%, -83%);
}

.service-intro__right.serm .line.serm {
  width: 0.9%;
  z-index: 1;
  transform: translate(-152%, -63%);
}

.service-intro__right.serm .fs.serm {
  width: 17.1%;
  z-index: 1;
  transform: translate(-19%, -245%);
}

.service-intro__right.serm .big-yellow-magnet.serm {
  width: 7.5%;
  z-index: 3;
  transform: translate(-267%, -678%);
}

.service-intro__right.serm .big-red-magnet.serm {
  width: 7.7%;
  z-index: 3;
  transform: translate(309%, -367%);
}

.service-intro__right.serm .red-flag.serm {
  width: 16.8%;
  z-index: 3;
  transform: translate(-209%, -490%);
}

.service-intro__right.serm .yellow-magnet.serm {
  width: 7%;
  z-index: 4;
  transform: translate(-499%, -837%);
}

.service-intro__right.serm .flag.serm {
  width: 17.6%;
  z-index: 3;
  transform: translate(179%, -513%);
}

.service-intro__right.serm .red-magnet.serm {
  width: 7%;
  z-index: 4;
  transform: translate(441%, -796%);
}

.service-intro__right.serm .text-vostok.serm {
  width: 13%;
  z-index: 2;
  transform: translate(-85%, -889%);
}

.service-intro__right.serm .text-apollon.serm {
  width: 15.5%;
  z-index: 2;
  transform: translate(56%, -995%);
}

.service-intro__right.serm .text-ussr.serm {
  width: 7.78%;
  z-index: 2;
  transform: translate(-507%, -679%);
}

.service-intro__right.serm .text-usa.serm {
  width: 7%;
  z-index: 2;
  transform: translate(168%, -506%);
}

@media (max-width: 1600px) {
  .service-intro.serm {
    padding: 0 10px;
  }
}

@media (max-width: 1500px) {
  .service-intro__items-block {
    width: 100%;
  }
}

@media (max-width: 1400px) {
  .service-intro__items-block.unick {
    width: 96%;
  }
}

@media (max-width: 1250px) {
  .item.unick .item__text {
    margin-left: 25px;
    font-size: 18px;
  }

  .service-intro__items-block.unick .item {
    width: 272px;
  }
}

@media (max-width: 1200px) {
  .service-intro.serm .service-intro__top {
    justify-content: space-between;
  }

  .service-intro__left.serm {
    width: 54.5%;
  }

  .service-intro__left h1.title.serm {
    margin-bottom: 40px;
  }
}

@media (max-width: 1150px) {
  .service-intro__items-block.unick {
    width: 98%;
  }
}

@media (max-width: 1130px) {
  .service-intro__items-block.unick .item {
    width: 251px;
  }

  .item.unick .item__text {
    font-size: 16px;
  }
}

@media (max-width: 1100px) {
  .service-intro__items-block .item.unick {
    width: 250px;
  }

  .item.unick .item__text {
    margin-left: 20px;
    font-size: 18px;
  }

  .service-intro__items-block.unick {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .item.unick .item__text {
    font-size: 18px;
    margin-left: 30px;
  }

  .service-intro__items-block .item.unick {
    width: 45%;
  }
}

@media (max-width: 767px) {
  .service-intro.unick {
    padding-top: 10px;
  }

  .item.unick .item__text {
    font-size: 16px;
  }
}

@media (max-width: 620px) {
  .service-intro__items-block .item.unick .img-wrap {
    padding-right: 10px;
  }

  .service-intro__items-block .item.unick .item__inner {
    display: flex;
    align-items: center;
  }

  .service-intro__items-block .item.unick {
    width: 100%;
  }
}

/* Крауд маркетинг первый блок */
.service-intro__top.crowd {
  justify-content: space-between;
  margin-bottom: 229px;
}

.service-intro__left.crowd {
  width: 29%;
}

.service-intro__left .title.crowd {
  margin-top: 32px;
}

.service-intro__left .subtitle.crowd {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  margin-top: 84px;
  margin-bottom: 24px;
}

.service-intro__left.reveal .subtitle.crowd span {
  animation-delay: 0.8s;
}

.service-intro__left.reveal .item.crowd span {
  animation-delay: 1.2s;
}

.service-intro__right.animate .board.crowd {
  margin-top: 73px;
}

.service-intro__right.crowd {
  width: 49%;
  margin-right: 81px;
}

.item-text.one.crowd {
  margin-bottom: 13px;
}

.service-intro__left .item-text.crowd {
  line-height: 1.7;
}

.service-intro__right.crowd.animate .stars.crowd,
.service-intro__right.crowd.animate .moon.crowd,
.service-intro__right.crowd.animate .yellow-magnet1.crowd,
.service-intro__right.crowd.animate .yellow-magnet2.crowd,
.service-intro__right.crowd.animate .line.crowd,
.service-intro__right.crowd.animate .flag.crowd,
.service-intro__right.crowd.animate .big-red-magnet.crowd,
.service-intro__right.crowd.animate .astronaut.crowd,
.service-intro__right.crowd.animate .red-magnet1.crowd,
.service-intro__right.crowd.animate .red-magnet2.crowd,
.service-intro__right.crowd.animate .true.crowd,
.service-intro__right.crowd.animate .v.crowd,
.service-intro__right.crowd.animate .false.crowd,
.service-intro__right.crowd.animate .text-x.crowd {
  animation: fadeInItem 0.2s ease-out forwards;
  opacity: 0;
}

.service-intro__right.crowd.animate .stars.crowd {
  animation-delay: 1s;
}

.service-intro__right.crowd.animate .moon.crowd {
  animation-delay: 1.2s;
}

.service-intro__right.crowd.animate .yellow-magnet1.crowd {
  animation-delay: 1.3s;
}

.service-intro__right.crowd.animate .yellow-magnet2.crowd {
  animation-delay: 1.4s;
}

.service-intro__right.crowd.animate .line.crowd {
  animation-delay: 1.5s;
}

.service-intro__right.crowd.animate .flag.crowd {
  animation-delay: 1.5s;
}

.service-intro__right.crowd.animate .big-red-magnet.crowd {
  animation-delay: 1.6s;
}

.service-intro__right.crowd.animate .astronaut.crowd {
  animation-delay: 1.6s;
}

.service-intro__right.crowd.animate .red-magnet1.crowd {
  animation-delay: 1.7s;
}

.service-intro__right.crowd.animate .red-magnet2.crowd {
  animation-delay: 1.7s;
}

.service-intro__right.crowd.animate .true.crowd {
  animation-delay: 1.8s;
}

.service-intro__right.crowd.animate .v.crowd {
  animation-delay: 1.9s;
}

.service-intro__right.crowd.animate .false.crowd {
  animation-delay: 1.9s;
}

.service-intro__right.crowd.animate .text-x.crowd {
  animation-delay: 2s;
}

.service-intro__right.crowd .stars.crowd,
.service-intro__right.crowd .moon.crowd,
.service-intro__right.crowd .yellow-magnet1.crowd,
.service-intro__right.crowd .yellow-magnet2.crowd,
.service-intro__right.crowd .line.crowd,
.service-intro__right.crowd .flag.crowd,
.service-intro__right.crowd .big-red-magnet.crowd,
.service-intro__right.crowd .astronaut.crowd,
.service-intro__right.crowd .red-magnet1.crowd,
.service-intro__right.crowd .red-magnet2.crowd,
.service-intro__right.crowd .true.crowd,
.service-intro__right.crowd .v.crowd,
.service-intro__right.crowd .false.crowd,
.service-intro__right.crowd .text-x.crowd {
  position: absolute;
}

.service-intro__right.crowd .stars.crowd {
  width: 77.3%;
  z-index: 2;
  transform: translate(-3%, -88%);
}

.service-intro__right.crowd .moon.crowd {
  width: 43.5%;
  z-index: 2;
  transform: translate(-10%, -61.5%);
}

.service-intro__right.crowd .yellow-magnet1.crowd {
  width: 7.26%;
  z-index: 3;
  transform: translate(-142%, -421.5%);
}

.service-intro__right.crowd .yellow-magnet2.crowd {
  width: 7.26%;
  z-index: 3;
  transform: translate(168%, -113.5%);
}

.service-intro__right.crowd .line.crowd {
  width: 0.9%;
  z-index: 2;
  transform: translate(-124%, -239%);
}

.service-intro__right.crowd .flag.crowd {
  width: 20.3%;
  z-index: 3;
  transform: translate(-36%, -196%);
}

.service-intro__right.crowd .big-red-magnet.crowd {
  width: 7.7%;
  z-index: 3;
  transform: translate(-120%, -621%);
}

.service-intro__right.crowd .astronaut.crowd {
  width: 18.6%;
  z-index: 3;
  transform: translate(89%, -81%);
}

.service-intro__right.crowd .red-magnet1.crowd {
  width: 7%;
  z-index: 3;
  transform: translate(271%, -317%);
}

.service-intro__right.crowd .red-magnet2.crowd {
  width: 7%;
  z-index: 3;
  transform: translate(158%, -601%);
}

.service-intro__right.crowd .true.crowd {
  width: 18.9%;
  z-index: 3;
  transform: translate(-179%, -839%);
}

.service-intro__right.crowd .v.crowd {
  width: 86.7%;
  z-index: 3;
  transform: translate(-0.5%, -30%);
}

.service-intro__right.crowd .false.crowd {
  width: 14.7%;
  z-index: 3;
  transform: translate(224.5%, -883%);
}

.service-intro__right.crowd .text-x.crowd {
  width: 30.3%;
  z-index: 3;
  transform: translate(82%, -66%);
}

/* SEO с гарантией первый блок */
.service-intro.seo-garant {
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 28px;
}

.service-intro__left h1.title.seo-garant {
  margin-bottom: 70px;
}

.service-intro__left .aim.seo-garant {
  margin-bottom: 15px;
}

.service-intro__price .price-description {
  color: #616161;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  margin-top: 8px;
  max-width: 200px;
}

.service-intro__right.animate .board.seo-garant {
  background-image: url(/local/templates/idea-promotion/images/seo-garant/board_seo_garant.png);
}

.service-intro__right.seo-garant .rocket.seo-garant {
  width: 31.5%;
  position: absolute;
  z-index: 2;
}

.service-intro__right.seo-garant.animate .rocket.seo-garant {
  animation: rocketSeoGarantIn 0.4s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
}

@keyframes rocketSeoGarantIn {
  0% {
    transform: translate(-130%, -250%);
    opacity: 1;
  }

  100% {
    transform: translate(-84%, -176%);
    opacity: 1;
  }
}

.service-intro__right.seo-garant.animate .stars.seo-garant,
.service-intro__right.seo-garant.animate .earth.seo-garant,
.service-intro__right.seo-garant.animate .red-magnet1.seo-garant,
.service-intro__right.seo-garant.animate .red-magnet2.seo-garant,
.service-intro__right.seo-garant.animate .red-magnet3.seo-garant,
.service-intro__right.seo-garant.animate .sya.seo-garant,
.service-intro__right.seo-garant.animate .table.seo-garant,
.service-intro__right.seo-garant.animate .chart.seo-garant,
.service-intro__right.seo-garant.animate .text.seo-garant {
  animation: fadeInItem 0.2s ease-out forwards;
  opacity: 0;
}

.service-intro__right.seo-garant.animate .stars.seo-garant {
  animation-delay: 1s;
}

.service-intro__right.seo-garant.animate .earth.seo-garant {
  animation-delay: 1.1s;
}

.service-intro__right.seo-garant.animate .red-magnet1.seo-garant {
  animation-delay: 1.2s;
}

.service-intro__right.seo-garant.animate .red-magnet2.seo-garant {
  animation-delay: 1.3s;
}

.service-intro__right.seo-garant.animate .red-magnet3.seo-garant {
  animation-delay: 1.4s;
}

.service-intro__right.seo-garant.animate .sya.seo-garant {
  animation-delay: 1.5s;
}

.service-intro__right.seo-garant.animate .table.seo-garant {
  animation-delay: 1.6s;
}

.service-intro__right.seo-garant.animate .chart.seo-garant {
  animation-delay: 1.7s;
}

.service-intro__right.seo-garant.animate .text.seo-garant {
  animation-delay: 1.8s;
}

.service-intro__right.seo-garant .stars.seo-garant,
.service-intro__right.seo-garant .earth.seo-garant,
.service-intro__right.seo-garant .red-magnet1.seo-garant,
.service-intro__right.seo-garant .red-magnet2.seo-garant,
.service-intro__right.seo-garant .red-magnet3.seo-garant,
.service-intro__right.seo-garant .sya.seo-garant,
.service-intro__right.seo-garant .table.seo-garant,
.service-intro__right.seo-garant .chart.seo-garant,
.service-intro__right.seo-garant .text.seo-garant {
  position: absolute;
}

.service-intro__right.seo-garant .stars.seo-garant {
  width: 53.5%;
  z-index: 2;
  transform: translate(23%, -182%);
}

.service-intro__right.seo-garant .earth.seo-garant {
  width: 88.2%;
  z-index: 2;
  transform: translate(-0.8%, -74%);
}

.service-intro__right.seo-garant .red-magnet1.seo-garant {
  width: 8.1%;
  z-index: 3;
  transform: translate(-271.5%, -143%);
}

.service-intro__right.seo-garant .red-magnet2.seo-garant {
  width: 8.1%;
  z-index: 3;
  transform: translate(79.5%, -218%);
}

.service-intro__right.seo-garant .red-magnet3.seo-garant {
  width: 8.1%;
  z-index: 3;
  transform: translate(291.5%, -116%);
}

.service-intro__right.seo-garant .sya.seo-garant {
  width: 16.5%;
  z-index: 3;
  transform: translate(-225%, -87%);
}

.service-intro__right.seo-garant .table.seo-garant {
  width: 35%;
  z-index: 3;
  transform: translate(-8%, -122%);
}

.service-intro__right.seo-garant .chart.seo-garant {
  width: 21.6%;
  z-index: 3;
  transform: translate(73%, -323%);
}

.service-intro__right.seo-garant .text.seo-garant {
  width: 74.7%;
  z-index: 3;
  transform: translate(-6%, -113%);
}

/* пРОДВИЖЕНИЕ САЙТОВ ПЕРВЫЙ БЛОК */
.service-intro-block.prodvizh {
  background-color: #ecf0f2;
  overflow: hidden;

  animation: fadeInItem 1s linear forwards;
  opacity: 0;
}

.service-intro__breadcrumbs {
  max-width: 1600px;
  margin: 0 auto;
}

.service-intro__breadcrumbs.prodvizhenie {
  max-width: 1620px;
  padding: 0 10px;
  margin: 0 auto;
  box-sizing: border-box;
}

.service-intro__top.prodvizh {
  position: relative;
}

.service-intro__left.prodvizh {
  width: 79%;
}

.service-intro__bottom.prodvizh {
  width: 80%;
}

.service-intro__left .block-item {
  width: 43%;
  overflow: hidden;
  position: relative;
}

.service-intro__left.reveal .block-item__inner {
  animation: textIn 1s ease-out forwards;
  animation-delay: 4.3s;
  opacity: 0;
}

.service-intro__left.prodvizh.reveal .block-item__inner {
  animation: textIn 1s ease-out forwards;
  animation-delay: 3.6s;
  opacity: 0;
}

.service-intro__left .block-item:last-child {
  margin-top: 16px;
  margin-bottom: 290px;
}

.service-intro__left .block-item__inner {
  display: flex;
  align-items: center;
}

.service-intro__left .block-item-text {
  font-size: 30px;
  line-height: 1;
  color: #616161;
  font-weight: 400;
  margin-left: 54px;
}

.service-intro__left .block-item-list {
  margin-left: 195px;
}

.service-intro__left h1.title.prodvizh {
  margin-bottom: 50px;
}

.service-intro.prodvizh {
  padding-top: 36px;
}

.service-intro__bottom.prodvizh {
  margin-top: 0;
  margin-bottom: 58px;
  border: none;
  box-shadow: none;
  padding: 0;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.service-intro__special-block {
  display: flex;
  position: relative;
}

.service-intro__right.prodvizh {
  align-items: flex-end;
  display: flex;
  position: relative;
}

.service-intro__img-block .description {
  position: absolute;
  right: 31%;
  bottom: 32px;
}

/* .service-intro__img-block.animate .description {
    animation: fadeInItem 0.5s ease forwards;

    animation-delay: 1.5s;
    opacity:0;
} */
.service-intro__img-block .description .description__name {
  font-size: 28px;
  line-height: 1.5;
  color: #ffffff;
  font-weight: 400;
}

.service-intro__img-block.animate .description .description__name {
  animation: fadeInItem 0.5s ease forwards;

  animation-delay: 1.7s;
  opacity: 0;
}

.service-intro__img-block .description .description__position {
  font-size: 14px;
  line-height: 1.5;
  color: #ffffff;
  font-weight: 400;
}

.service-intro__img-block.animate .description .description__position {
  animation: fadeInItem 0.5s ease forwards;

  animation-delay: 2.3s;
  opacity: 0;
}

.service-intro__img-block {
  position: absolute;
  right: -9%;
  bottom: 0;
  z-index: 2;
}

.service-intro__img-block.animate {
  animation: fadeInItem 0.5s ease forwards;

  animation-delay: 1s;
  opacity: 0;
}

.service-intro__bottom.prodvizh .right {
  width: 83%;
}

.service-intro__bottom.prodvizh
  .service-form
  #work-form
  .order
  .order__top
  .red-button {
  width: 24%;
}

.service-intro__bottom.prodvizh
  .service-form
  #work-form
  .order
  .order__top
  .field {
  width: 36%;
}

@media (max-width: 1600px) {
  .service-intro-block.prodvizh {
    padding: 0 10px;
  }
}

@media (max-width: 1300px) {
  .service-intro.prodvizh {
    padding-top: 15px;
  }

  .service-intro__left h1.title.prodvizh {
    margin-bottom: 25px;
  }

  .service-intro__left .block-item-text {
    font-size: 22px;
  }

  .block-item__inner img {
    width: 50px;
  }

  .service-intro__bottom.prodvizh {
    margin-bottom: 23px;
  }

  .service-intro__left .block-item:last-child {
    margin-bottom: 218px;
  }

  .service-intro__left .block-item-list {
    margin-left: 149px;
  }

  .service-intro__img-block img {
    width: 68%;
  }

  .service-intro__img-block {
    right: -18%;
  }

  .service-intro__img-block .description {
    right: 43%;
  }
}

@media (max-width: 1150px) {
  .service-intro__img-block {
    right: -29%;
  }

  .service-intro__bottom.prodvizh {
    width: 88%;
  }
}

@media (max-width: 1023px) {
  .service-intro__img-block {
    display: none;
  }

  .service-intro__bottom.prodvizh {
    width: 100%;
  }

  .service-intro__bottom.prodvizh .right {
    width: 100%;
  }

  .content {
    padding-top: 62px;
  }

  .service-intro__left.prodvizh {
    width: 100%;
  }

  .service-intro__left h1.title.prodvizh {
    text-align: center;
  }

  .service-intro__left .block-item-list {
    margin-left: 51px;
  }

  .service-intro__left .block-item {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .service-intro__left h1.title {
    font-size: 32px;
  }

  .service-intro__bottom.prodvizh .right {
    flex-wrap: wrap;
  }

  .service-intro__bottom.prodvizh
    .service-form
    #work-form
    .order
    .order__top
    .field {
    width: 100%;
  }

  .service-intro__bottom.prodvizh
    .service-form
    #work-form
    .order
    .order__top
    .red-button {
    width: 100%;
  }

  .service-intro__bottom .title {
    font-size: 25px;
    text-align: center;
  }

  .service-intro__bottom .after-title {
    font-size: 16px;
    text-align: center;
  }

  .service-intro__bottom .service-form #work-form .order .order__top {
    flex-wrap: wrap;
  }

  .service-intro__left .block-item:last-child {
    margin-bottom: 427px;
  }

  .service-intro__bottom.prodvizh
    .service-form
    #work-form
    .order
    .order__top
    .field {
    margin-bottom: 20px;
  }

  .service-intro__left .block-item-text {
    font-size: 20px;
  }

  .service-intro__bottom .left {
    align-items: center;
  }
}

#complex-shapka {
  background-image: url(images/complex/complex_marketing_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 20px;
}

.complex-circles {
  margin-top: 85px;
  margin-bottom: 95px;
  padding: 0 45px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.complex-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 422px;
  height: 422px;
  border-radius: 50%;
}

.complex-circle:first-child {
  background-image: url(/local/templates/idea-promotion/images/complex/circle1_1.png);
}

.complex-circle:nth-child(2) {
  background-image: url(/local/templates/idea-promotion/images/complex/circle2_1.png);
}

.complex-circle:nth-child(3) {
  background-image: url(/local/templates/idea-promotion/images/complex/circle3_1.png);
}

#complex-shapka .max1600 {
  max-width: 1600px;
}

.complex-circle .text-block {
  position: absolute;
}

.complex-circle .text-block.left {
  padding: 0 62px;
}

.complex-circle .text-block.mid {
  padding: 0 70px;
}

.complex-circle .text-block.three {
  padding: 0 80px;
}

.complex-circle .text-block__titile {
  margin-bottom: 17px;
  color: #480e53;
  font-size: 25px;
  line-height: 1;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

.complex-circle .text-block__text {
  color: #000000;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  position: relative;
  overflow: hidden;
}

#complex-shapka .service-intro__bottom {
  background-color: #ffffff;
}

.complex-circles.animate .complex-circle {
  animation: fadeInItem 0.3s ease-in forwards;
  opacity: 0;
}

.complex-circles.animate .complex-circle .text-block__titile span {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.complex-circles.animate .complex-circle .text-block__text span {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.complex-circles.animate .complex-circle:nth-child(1) {
  animation-delay: 0.3s;
}

.complex-circles.animate .complex-circle:nth-child(1) .text-block__titile span {
  animation-delay: 0.6s;
}

.complex-circles.animate .complex-circle:nth-child(1) .text-block__text span {
  animation-delay: 0.9s;
}

.complex-circles.animate .complex-circle:nth-child(2) {
  animation-delay: 1.2s;
}

.complex-circles.animate .complex-circle:nth-child(2) .text-block__titile span {
  animation-delay: 1.5s;
}

.complex-circles.animate .complex-circle:nth-child(2) .text-block__text span {
  animation-delay: 1.8s;
}

.complex-circles.animate .complex-circle:nth-child(3) {
  animation-delay: 2.1s;
}

.complex-circles.animate .complex-circle:nth-child(3) .text-block__titile span {
  animation-delay: 2.4s;
}

.complex-circles.animate .complex-circle:nth-child(3) .text-block__text span {
  animation-delay: 2.7s;
}

@media (max-width: 1600px) {
  .complex-circles {
    padding: 0 10px;
  }
}

@media (max-width: 1350px) {
  .complex-circles {
    padding: 0;
  }
}

@media (max-width: 1300px) {
  .complex-circle {
    width: 390px;
    height: 390px;
  }

  .complex-circle .text-block.left {
    padding: 0 25px;
  }

  .complex-circle .text-block.mid {
    padding: 0 25px;
  }

  .complex-circle .text-block.three {
    padding: 0 25px;
  }
}

@media (max-width: 1200px) {
  .complex-circle {
    width: 350px;
    height: 350px;
  }
}

@media (max-width: 1100px) {
  .complex-circle {
    width: 330px;
    height: 330px;
  }

  .complex-circle .text-block__text {
    font-size: 15px;
  }
}

@media (max-width: 1023px) {
  .complex-circles {
    /* flex-direction: column;
    align-items: center; */
    flex-wrap: wrap;
    justify-content: space-around;
    box-sizing: border-box;
  }

  .complex-circle {
    width: 360px;
    height: 360px;
  }

  .complex-circle:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .complex-circle {
    width: 310px;
    height: 310px;
  }

  .complex-circle .text-block__titile {
    font-size: 22px;
    text-align: center;
  }

  .complex-circle .text-block__text {
    font-size: 14px;
    text-align: center;
  }

  .complex-circle:not(:last-child) {
    margin-bottom: 15px;
  }

  .complex-circles {
    margin: 50px 0;
  }
}

.serv {
  width: 100%;
  margin-top: 73px;
}

.serv__inner {
  padding: 70px 40px;
  max-width: 1600px;
  margin: 0 auto;
  border: 10px solid #ffffff;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.serv.animate .serv__inner {
  animation: borderIn 0.3s ease-out forwards;
  animation-delay: 3s;
}

.serv__title {
  margin-top: 64px;
  text-align: left;
  font-size: 55px;
  line-height: 1;
  font-weight: 700;
  color: #3f1a46;
  overflow: hidden;
}

.serv.animate .serv__title span {
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.serv__item {
  display: flex;
  flex-direction: column;
  width: 18%;
}

.serv.animate .serv__item.it1,
.serv.animate .serv__item.it2,
.serv.animate .serv__item.it3 {
  animation: fadeInItem 0.3s ease-out forwards;
  opacity: 0;
}

.serv.animate .serv__item.it1 {
  animation-delay: 0.5s;
}

.serv.animate .serv__item.it2 {
  animation-delay: 0.8s;
}

.serv.animate .serv__item.it3 {
  animation-delay: 1.1s;
}

.serv__subtitle {
  margin-top: 15px;
  margin-bottom: 43px;
  text-align: left;
  font-size: 25px;
  line-height: 1;
  font-weight: 700;
  color: #480e53;
}

.serv__icon {
  width: 64px;
  height: 64px;
  display: block;
}

ul.serv__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  margin-left: 0;
}

.serv ul li:before {
  content: url(/local/templates/idea-promotion/images/complex/v.png);
  display: inline-block;
  margin-right: 22px;
  width: 22px;
  height: 22px;
}

.serv ul li {
  font-size: 16px;
  line-height: 2;
  color: #616161;
  font-weight: 400;
}

@media (max-width: 1600px) {
  .serv__inner {
    margin: 0 10px;
  }

  .serv__title {
    font-size: 53px;
  }

  .serv__item {
    width: 19%;
  }
}

@media (max-width: 1500px) {
  .serv__title {
    font-size: 3vw;
  }

  .serv__inner {
    padding: 60px 25px;
  }

  .serv__item {
    width: 20%;
  }
}

@media (max-width: 1400px) {
  .serv__item {
    width: 22%;
  }
}

@media (max-width: 1300px) {
  .serv__subtitle {
    font-size: 23px;
  }
}

@media (max-width: 1200px) {
  .serv__inner {
    flex-wrap: wrap;
    padding: 40px 25px;
  }

  .serv__title br {
    display: none;
  }

  .serv__title {
    width: 100%;
    text-align: center;
    margin: 10px 0 40px;
  }

  .serv__item {
    width: 25%;
  }
}

@media (max-width: 1050px) {
  .serv__item {
    width: 30%;
  }
}

@media (max-width: 1023px) {
  .serv__item {
    width: 40%;
    align-items: center;
  }

  .serv__inner {
    justify-content: center;
  }

  .serv__title {
    font-size: 35px;
  }

  .serv__subtitle {
    text-align: center;
  }

  .serv__inner {
    padding: 20px 10px;
  }
}

@media (max-width: 767px) {
  .serv__inner {
    padding-bottom: 0;
    border: 10px solid #f7f7f7;
  }

  .serv__item {
    width: 100%;
  }

  ul.serv__list {
    margin-bottom: 15px;
  }

  .serv__subtitle {
    margin-bottom: 35px;
  }
}

#price.complex .price-item__title {
  font-size: 30px;
  line-height: 1.2;
  box-sizing: border-box;
}

#price.complex .price__background {
  height: 488px;
}

#price.complex .price-item__description {
  height: 60px;
}

.complex-podval {
  width: 100%;
}

.complex__inner {
  padding-top: 74px;
  padding-bottom: 156px;
  margin: 0 auto;
  max-width: 1600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.complex__content {
  display: flex;
  justify-content: space-between;
}

.complex__item {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.complex__inner.animate .complex__item {
  animation: fadeInItem 0.3s ease-out forwards;
  opacity: 0;
}

.complex__inner.animate .complex__item:nth-child(1) {
  animation-delay: 0.5s;
}

.complex__inner.animate .complex__item:nth-child(2) {
  animation-delay: 0.8s;
}

.complex__inner.animate .complex__item:nth-child(3) {
  animation-delay: 1.1s;
}

.complex__title {
  text-align: center;
  margin-bottom: 92px;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
}

.complex__inner.animate .complex__title span {
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.complex__text {
  margin-top: 45px;
  text-align: center;
  font-size: 25px;
  line-height: 1;
  color: #534f54;
  font-weight: 700;
}

@media (max-width: 1500px) {
  .complex__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1500px) {
  .complex__inner {
    padding-bottom: 120px;
  }
}

@media (max-width: 1300px) {
  .complex__img {
    width: 170px;
  }
}

@media (max-width: 1200px) {
  .complex__inner {
    padding-bottom: 80px;
  }
}

@media (max-width: 991px) {
  .complex__inner {
    padding: 50px 10px 50px;
  }

  .complex__title {
    font-size: 35px;
    margin-bottom: 55px;
  }

  .complex__img {
    width: 150px;
  }

  .complex__text {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .complex__content {
    flex-direction: column;
    align-items: center;
  }

  .complex__item {
    width: 100%;
  }

  .complex__item:not(:last-child) {
    margin-bottom: 40px;
  }

  .complex__text {
    margin-top: 20px;
  }
}

#price.audit {
  padding-top: 0;
  margin-bottom: 100px;
}

#price.audit .price-item__description {
  height: 107px;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0 50px;
}

#price.audit .price__prices {
  display: flex;
  flex-direction: column;
}

#price.audit .price__prices-item {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  text-align: center;
  padding: 0 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #534f54;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  height: 107px;
  border: 1px solid #e8e8e8;
  border-top: none;
}

#price.audit .price__prices .__radio {
  position: absolute;
  top: 4px;
  left: -20px;
  width: 0;
  height: 0;
}

#price.audit .price__prices .__radio:before {
  position: absolute;
  top: 28px;
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  border: 1px solid #da434d;
  border-radius: 100%;
}

#price.audit .price__prices .__radio:checked:before {
  border-color: #da434d;
}

#price.audit .price__prices .__radio:checked:after {
  position: relative;
  top: 32px;
  left: 4px;
  content: "";
  width: 9px;
  height: 9px;
  display: block;
  background: #da434d;
  border-radius: 100%;
}

#price.audit .price__prices .__title {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#price.audit .price__prices .__text {
  display: flex;
  align-items: center;
  color: #534f54;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.75;
}

#price.audit .price__prices .red-price {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #da434d;
  font-size: 28px;
  line-height: 0.75;
  font-weight: 700;
  cursor: pointer;
}

#price.audit .price__prices .__body .__deadline {
  color: #696969;
  font-size: 12px;
  line-height: 1.75;
}

#price.audit .price__background {
  height: 432px;
}

.marketing-aims {
  width: 100%;
  background: #f7f7f7;
}

.marketing-aims.animate {
  animation: fadeInItem 1s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.marketing-aims__inner {
  max-width: 1620px;
  padding: 0 10px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.marketing-aims__inner.desctop-version {
  display: flex;
}

.marketing-aims__inner.mobile-version {
  display: none;
}

.marketing-aims__title {
  margin-top: 184px;
  margin-bottom: 184px;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  color: #3f1a46;
}

.marketing-aims__content {
  position: relative;
  width: 32%;
}

.marketing-aims__content-block {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.marketing-aims__content-block.show {
  display: flex;
}

.marketing-aims__nav {
  width: 32%;
  /* display: flex;
  flex-direction: column; */
}

.marketing-aims__subtitle {
  margin-bottom: 33px;
  color: #480e53;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
}

ul.marketing-aims__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  margin-left: 0;
}

.marketing-aims ul li {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.1;
  color: #000000;
  font-weight: 400;
}

.marketing-aims ul li:not(:last-child) {
  margin-bottom: 16px;
}

.marketing-aims ul li:before {
  content: url(/local/templates/idea-promotion/images/seo-reputation/v.png);
  display: inline-block;
  margin-right: 15px;
  width: 22px;
  height: 22px;
}

.marketing-aims__nav-wrapper {
  /* display: flex;
  flex-direction: column; */
  margin: 76px 0 0;
  padding: 0 0 0 30px;
  position: relative;
  border-left: 1px solid #d6d6d6;
}

.marketing-aims__nav-item {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3vw;
  line-height: 100%;
  color: #63236f;
  cursor: pointer;
  margin-bottom: 44px;
}

.marketing-aims__nav-item:last-child {
  margin-bottom: 0;
}

.marketing-aims__nav-item.show {
  font-weight: 700;
}

.marketing-aims__polzunok {
  position: absolute;
  top: 0;
  left: -2px;
  width: 4px;
  height: 42px;
  min-height: 42px;
  background-color: brown;
  transition: 0.3s;
}

@media (max-width: 1500px) {
  .marketing-aims__title {
    font-size: 3.75vw;
  }

  .marketing-aims__nav {
    width: 21%;
  }

  .marketing-aims__content {
    width: 49%;
  }

  .marketing-aims__item {
    width: 80%;
  }
}

@media (max-width: 1300px) {
  .marketing-aims__item {
    width: 90%;
  }
}

@media (max-width: 1200px) {
  .marketing-aims ul li {
    font-size: 14px;
  }

  .marketing-aims__item {
    width: 100%;
  }

  .marketing-aims__title {
    font-size: 35px;
  }
}

@media (max-width: 1023px) {
  .marketing-aims__inner.desctop-version {
    display: none;
  }

  .marketing-aims__inner.mobile-version {
    display: block;
    padding: 0 10px;
  }

  .marketing-aims__title {
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .marketing-aims__swiper-title {
    margin-bottom: 33px;
    color: #480e53;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
  }

  .marketing-aims__pagination {
    transform: translateX(44%);
  }
}

.tarifs-section {
  padding-top: 85px;
  width: 100%;
  background-color: #ffffff;
  /* overflow: hidden; */
}

.tarifs-section.tarifs-section-service .swiper-pagination {
  display: none;
}

.tarifs-section.serm .swiper-pagination {
  display: none;
}

.tarifs-section.crowd .swiper-pagination {
  display: none;
}

.tarifs-section__wrapper {
  display: flex;
  flex-direction: column;
}

.tarifs-section__title {
  margin-bottom: 150px;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  padding: 0 10px;
  overflow: hidden;
}

.tarifs-section.animated .tarifs-section__title span {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 0.5s;
  opacity: 0;
  display: inline-block;
}

.tarifs-section__inner {
  position: relative;
  display: flex;
  justify-content: center;
}

.tarifs-section.animated .tarifs-section__background,
.tarifs-section.animated .tarifs-section__left {
  opacity: 0;
}

.tarifs-section.animated .tarifs-section__background {
  animation: fadeInItem 0.5s linear forwards;
  animation-delay: 0.5s;
}

.tarifs-section.animated .tarifs-section__left {
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 1s;
}

.tarifs-section__background {
  width: 100%;
  height: 626px;
}

.tarifs-section__content {
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: -90px;
}

.tarifs-section__content-extra-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.tarifs-section__bottom.support {
  padding-bottom: 20px;
}

.tarifs-section__right.support {
  padding-bottom: 40px;
}

.tarifs-section__content.support {
  flex-direction: column;
}

.tarifs-section__right {
  width: 74.2%;
  padding-bottom: 10px;
}

.tarifs-section__right.serm {
  overflow: hidden;
}

.tarifs-section__left {
  width: 25.8%;
}

.tarifs-section__item {
  width: 24%;
}

.tarifs-section.animated .tarifs-section__item {
  animation: textIn 0.5s ease-out forwards;
  opacity: 0;
}

.tarifs-section.animated .tarifs-section__item:first-child {
  animation-delay: 1.5s;
}

.tarifs-section.animated .tarifs-section__item:nth-child(2) {
  animation-delay: 2s;
}

.tarifs-section.animated .tarifs-section__item:nth-child(3) {
  animation-delay: 2.5s;
}

.tarifs-section.animated .tarifs-section__item:nth-child(4) {
  animation-delay: 3s;
}

.tarifs-section.animated .tarifs-section__footer.support {
  opacity: 0;
  animation: fadeInItem 0.3s linear forwards;
  animation-delay: 3.5s;
}

.tarifs-section__subtitle {
  display: flex;
  width: 100%;
  align-items: center;
  height: 90px;
  color: #534f54;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  background: transparent;
}

.tarifs-section__price-title {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 90px;
  color: #ffffff;
  font-size: 40px;
  line-height: 0.4;
  font-weight: 700;
  background: linear-gradient(#6d0092 0%, #3e2360 100%);
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}

.tarifs-section__desc {
  display: flex;
  width: 100%;
  height: 60px;
  align-items: center;
  color: #ffffff;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  border-bottom: 1px solid #ffffff;
  box-sizing: border-box;
}

.tarifs-section__subdesc {
  display: flex;
  width: 100%;
  height: 52px;
  align-items: center;
  color: #ffffff;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  box-sizing: border-box;
}

.tarifs-section__desc-header {
  height: 64px;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  color: #ffffff;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  box-sizing: border-box;
  border-bottom: 1px solid #ffffff;
}

.tarifs-section__desc-header.desc-mar {
  margin-top: 30px;
}

.tarifs-section__desc-header .subdesc {
  color: #ffffff;
  background: transparent;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
  box-sizing: border-box;
  margin-top: 7px;
}

.tarifs-section__desc-line {
  display: flex;
  align-items: center;
  height: 34px;
  color: #ffffff;
  background: transparent;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
  box-sizing: border-box;
  border-bottom: 1px solid #ffffff;
}

.tarifs-section__desc-line.desc-line--last {
  height: 54px;
  border-bottom: none;
}

.tarifs-section__desc.big-line {
  height: 103px;
}

.tarifs-section__desc.mid-line {
  height: 82px;
}

.tarifs-section__price-box {
  background: transparent;
  display: flex;
  align-items: center;
  color: #3f1a46;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  height: 90px;
}

.tarifs-section__price-box.price-sm {
  height: 68px;
}

.tarifs-section__price {
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #da434d;
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
  height: 90px;
  border: 1px solid #e8e8e8;
  border-top: none;
}

.tarifs-section__price.price-sm {
  font-size: 20px;
  height: 68px;
}

.tarifs-section__plus-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tarifs-section__plus {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 400;
}

.tarifs-section__plus:before {
  content: "+";
  color: #03b80a;
  font-size: 24px;
  margin-right: 10px;
}

.tarifs-section__minus {
  color: #da434d;
  font-size: 24px;
}

.tarifs-section__line {
  background-color: #ffffff;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 400;
  color: #534f54;
  height: 60px;
  border: 1px solid #e8e8e8;
  border-top: none;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
}

.tarifs-section__line.big-line {
  height: 103px;
}

.tarifs-section__line.mid-line {
  height: 82px;
  text-align: center;
}

.tarifs-section__top {
  box-shadow: 0px 32px 39px rgb(73 13 94/ 10%);
}

.tarifs-section__bottom {
  display: flex;
  text-align: center;
  padding-top: 31px;
  background-color: transparent;
}

.tarifs-section__button {
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: white;
  text-decoration: none;
  /* border-radius: 8px; */
  transition: transform 0.2s linear;
  cursor: pointer;
}

.tarifs-section__button.support a {
  width: 100%;
  /* max-width: 125px; */
  padding: 14px 23px;
}

.tarifs-section__button a {
  color: #ffffff;
  text-decoration: none;
  padding: 14px 70px;
  background-color: #da434d;
  border-radius: 8px;
  max-width: 218px;
  display: inline-block;
  box-sizing: border-box;
}

.tarifs-section__button:hover {
  transform: scale(1.1);
}

.tarifs-section__title.tarifs-section__title--service {
  text-align: start;
  margin: 0 auto;
  max-width: 1600px;
  margin-bottom: 150px;
  width: 100%;
}

.tarifs-section__desc.super-big-line {
  height: 145px;
}

.tarifs-section__line.super-big-line {
  height: 145px;
  text-align: center;
}

.tarifs-section__line.big-line {
  text-align: center;
}

.tarifs-section__background.tarifs-section__background--service {
  height: 890px;
}

.tarifs-section__background.support {
  height: 732px;
}

.tarifs-section__subtitle.tarifs-section__subtitle--service {
  color: #490d5e;
  font-size: 40px;
  line-height: 0.5;
  font-weight: 400;
}

.tarifs-section.tarifs-section-service {
  padding-bottom: 250px;
}

.tarifs-section__subline {
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  border-top: none;
}

.tarifs-section__line-header {
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: end;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  border-top: none;
  background: white;
  padding-bottom: 10px;
}

.tarifs-section__line-header.tarifs-section__line-header--mid {
  height: 94px;
}

.tarifs-section__line.line-sm {
  height: 34px;
}

.tarifs-section__line.line-sm--last {
  padding-top: 10px;
  height: 54px;
  justify-content: flex-start;
}

.line-plus {
  width: 12px;
  height: 11px;
}

.line-minus {
  color: #da434d;
  font-size: 24px;
  line-height: 0.68;
  font-weight: 400;
  text-align: center;
}

.tarifs-section.support {
  margin-bottom: 220px;
}

.tarifs-section__left.support {
  width: 31%;
}

.tarifs-section__right.support {
  width: 69%;
}

.tarifs-section__footer.support {
  font-size: 14px;
  color: #534f54;
  line-height: 1.55;
  font-weight: 400;
}

@media (max-width: 1600px) {
  .tarifs-section__content {
    padding: 0 10px;
    box-sizing: border-box;
  }
}

@media (max-width: 1599px) {
  .tarifs-section.serm .swiper-pagination {
    display: block;
    bottom: -50px;
    width: 100%;
    /* transform: translateX(-24%); */
  }
}

@media (max-width: 1500px) {
  .tarifs-section__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1400px) {
  .tarifs-section__left.serm {
    width: 28%;
  }

  .tarifs-section__price-title,
  .tarifs-section__subtitle.tarifs-section__subtitle--service {
    height: 70px;
  }

  .tarifs-section__line.big-line,
  .tarifs-section__desc.big-line {
    height: 90px;
  }

  .tarifs-section__line,
  .tarifs-section__desc {
    height: 50px;
  }

  .tarifs-section__line.super-big-line,
  .tarifs-section__desc.super-big-line {
    height: 103px;
  }

  .tarifs-section__price,
  .tarifs-section__price-box {
    height: 70px;
  }

  .tarifs-section__content {
    top: -70px;
  }

  .tarifs-section__subtitle.tarifs-section__subtitle--service {
    font-size: 35px;
  }

  .tarifs-section__price-title {
    font-size: 35px;
  }

  .tarifs-section__background.tarifs-section__background--service {
    height: 804px;
  }

  .tarifs-section__background.serm {
    height: 625px;
  }
}

.tarifs-section.tarifs-section-service {
  padding-bottom: 180px;
}

@media (max-width: 1200px) {
  .tarifs-section__subtitle.serm {
    font-size: 18px;
  }
}

@media (max-width: 1100px) {
  .tarifs-section__desc {
    font-size: 19px;
  }

  .tarifs-section__left.serm {
    width: 32%;
  }
}

@media (max-width: 1023px) {
  .tarifs-section__left {
    width: 40%;
  }

  .tarifs-section__right {
    width: 60%;
    overflow: hidden;
  }

  .tarifs-section__subtitle.serm {
    font-size: 11px;
  }

  .tarifs-section__left.serm {
    width: 25%;
  }

  .tarifs-section__plus:before {
    font-size: 14px;
  }

  .tarifs-section__plus {
    font-size: 10px;
  }

  .tarifs-section__right.serm {
    width: 75%;
  }

  .tarifs-section__background.serm {
    height: 423px;
  }

  .tarifs-section__title.serm {
    font-size: 35px;
    margin-bottom: 85px;
  }

  .tarifs-section.tarifs-section-service .swiper-pagination {
    display: block;
    bottom: -15px;
  }
}

@media (max-width: 1023px) {
  .tarifs-section__desc {
    font-size: 11px;
  }

  .tarifs-section__line {
    font-size: 10px;
    padding: 0px 10px;
  }

  .tarifs-section__line,
  .tarifs-section__desc {
    height: 35px;
  }

  .tarifs-section__line.big-line,
  .tarifs-section__desc.big-line {
    height: 50px;
  }

  .tarifs-section__line.super-big-line,
  .tarifs-section__desc.super-big-line {
    height: 60px;
  }

  .tarifs-section__price-box {
    font-size: 12px;
  }

  .tarifs-section__price {
    font-size: 18px;
  }

  .tarifs-section__price,
  .tarifs-section__price-box {
    height: 40px;
  }

  .tarifs-section__subtitle.tarifs-section__subtitle--service {
    font-size: 22px;
  }

  .tarifs-section__price-title {
    font-size: 25px;
  }

  .tarifs-section__price-title,
  .tarifs-section__subtitle.tarifs-section__subtitle--service {
    height: 45px;
  }

  .tarifs-section__content {
    top: -45px;
  }

  .tarifs-section__button a {
    font-size: 18px;
    padding: 10px 45px;
  }

  .tarifs-section__background.tarifs-section__background--service {
    height: 474px;
  }

  .tarifs-section__top {
    box-shadow: none;
  }

  .tarifs-section__title {
    font-size: 32px;
    text-align: center;
  }

  .tarifs-section__title.tarifs-section__title--service {
    text-align: center;
    margin-bottom: 85px;
  }

  .tarifs-section {
    padding-top: 34px;
  }
}

@media (max-width: 767px) {
  .tarifs-section__background.serm {
    height: 379px;
  }

  .tarifs-section__right.serm {
    width: 60%;
  }

  .tarifs-section__left.serm {
    width: 40%;
  }

  .tarifs-section.serm .swiper-pagination {
    display: block;
    bottom: -33px;
    width: 100%;
    /* transform: translateX(-42%); */
  }

  .tarifs-section.crowd .swiper-pagination {
    display: block;
  }

  .tarifs-section__subtitle.serm {
    font-size: 10px;
  }

  .tarifs-section__title.support {
    margin-bottom: 90px;
  }
}

@media (max-width: 450px) {
  .tarifs-section__footer.support br {
    display: none;
  }

  .tarifs-section__footer.support {
    font-size: 12px;
  }

  .tarifs-section__left.support {
    width: 57%;
  }

  .tarifs-section__right.support {
    width: 33%;
  }
}

@media (max-width: 420px) {
  .tarifs-section__button a {
    padding: 10px 25px;
  }
}

.serm-idea {
  margin-top: 250px;
  width: 100%;
  background: #f7f7f7;
  padding: 80px 0;
  transition: opacity 0.5s ease-out;
}

.serm-idea-wrap.animate .serm-idea {
  opacity: 0;
  animation: fadeInItem 0.5s linear forwards;
  animation-delay: 0.2s;
}

.serm-idea__inner {
  max-width: 1600px;
  margin: 0 auto;
}

.serm-idea__title {
  text-align: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  color: #3f1a46;
  padding: 0 10px;
  overflow: hidden;
}

.serm-idea-wrap.animate .serm-idea__title span,
.serm-idea-wrap.animate .serm-idea__subtitle span {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.serm-idea-wrap.animate .serm-idea__title span {
  animation-delay: 0.3s;
}

.serm-idea__subtitle {
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 400;
  color: #534f54;
  padding: 0 10px;
  overflow: hidden;
}

.serm-idea-wrap.animate .serm-idea__subtitle span {
  animation-delay: 0.8s;
}

.serm-idea__content {
  width: 100%;
  display: flex;
  justify-content: center;
}

.serm-idea__left {
  margin-right: 7.5%;
  display: flex;
  width: 38%;
  justify-content: center;
  align-items: center;
}

.serm-idea-wrap.animate .serm-idea__left {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 1.2s;
  opacity: 0;
}

.serm-idea__left img {
  max-width: 100%;
}

.img-mob {
  display: none;
}

.serm-idea__right {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.serm-idea__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
}

ul.serm-idea__list li {
  padding-left: 43px;
  position: relative;
  font-size: 25px;
  line-height: 1.2;
  color: #534f54;
  font-weight: 400;
}

.serm-idea-wrap.animate ul.serm-idea__list li {
  animation: fadeInItem 0.3s ease-out forwards;
  opacity: 0;
}

.serm-idea-wrap.animate ul.serm-idea__list li:nth-child(1) {
  animation-delay: 1.7s;
}

.serm-idea-wrap.animate ul.serm-idea__list li:nth-child(2) {
  animation-delay: 2s;
}

.serm-idea-wrap.animate ul.serm-idea__list li:nth-child(3) {
  animation-delay: 2.3s;
}

.serm-idea-wrap.animate ul.serm-idea__list li:nth-child(4) {
  animation-delay: 2.5s;
}

ul.serm-idea__list li:not(:last-child) {
  margin-bottom: 31px;
}

ul.serm-idea__list li:before {
  position: absolute;
  left: 0;
  top: 4px;
  content: url(/upload/service/serm/marker.png);
  display: inline-block;
  margin-right: 15px;
  width: 23px;
  height: 23px;
}

ul.serm-idea__list li span.serm-idea__cursive {
  font-size: 16px;
  line-height: 1.3;
  color: #534f54;
  font-weight: 400;
  font-style: italic;
}

@media (max-width: 1600px) {
  .serm-idea__title {
    font-size: 3.75vw;
  }

  ul.serm-idea__list li {
    font-size: 1.5vw;
  }

  ul.serm-idea__list li span.serm-idea__cursive {
    font-size: 1vw;
  }
}

@media (max-width: 1400px) {
  ul.serm-idea__list li span.serm-idea__cursive {
    font-size: 14px;
  }
}

@media (max-width: 1200px) {
  .serm-idea__subtitle {
    font-size: 16px;
  }

  ul.serm-idea__list li {
    font-size: 16px;
  }

  .serm-idea__right {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 991px) {
  .img-desc {
    display: none;
  }

  .img-mob {
    display: block;
  }
}

@media (max-width: 767px) {
  .serm-idea {
    margin-top: 180px;
    padding: 50px 0;
    opacity: 1;
  }

  .serm-idea__content {
    flex-wrap: wrap;
  }

  .serm-idea__title {
    font-size: 29px;
  }

  .serm-idea__left img {
    max-width: 50%;
  }

  .serm-idea__left,
  .serm-idea__right {
    width: 100%;
  }

  .serm-idea__right {
    padding: 0 10px;
  }
}

@media (max-width: 600px) {
  .serm-idea__left img {
    max-width: 70%;
  }
}

@media (max-width: 480px) {
  .serm-idea__left img {
    max-width: 80%;
  }
}

.strategy {
  padding-top: 88px;
  padding-bottom: 96px;
  width: 100%;
  background: #ffffff;
}

.strategy__inner {
  margin: 0 auto;
  max-width: 1600px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.strategy__title {
  margin-top: 66px;
  margin-bottom: 77px;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  color: #3f1a46;
  font-weight: 700;
  overflow: hidden;
}

.strategy.animate .strategy__title span {
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 2.4s;
  opacity: 0;
  display: inline-block;
}

.strategy__subtitle {
  text-align: center;
  font-size: 48px;
  line-height: 1;
  color: #3f1a46;
  font-weight: 700;
  overflow: hidden;
}

.strategy.animate .strategy__subtitle span {
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.strategy__hr {
  height: 4px;
  width: 100%;
}

.strategy.animate .strategy__hr,
.strategy.animate .strategy__bottom,
.strategy.animate .strategy__item {
  animation: fadeInItem 0.3s ease-out forwards;
}

.strategy.animate .strategy__hr,
.strategy.animate .strategy__item {
  opacity: 0;
}

.strategy.animate .strategy__hr {
  animation-delay: 2.4s;
}

.strategy__top {
  padding: 73px 10px 105px 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  box-sizing: border-box;
}

.strategy__bottom {
  display: flex;
  width: 100%;
  justify-content: center;
}

.strategy.animate .strategy__bottom {
  animation-delay: 2.7s;
  opacity: 0;
}

.strategy__bottom img {
  max-width: 100%;
}

.strategy__item {
  box-sizing: border-box;
  padding: 15px;
  width: 13.4%;
  box-shadow: 0 32px 39px rgba(73 13 94 / 10%);
}

.strategy.animate .strategy__item:nth-child(1) {
  animation-delay: 0.3s;
}

.strategy.animate .strategy__item:nth-child(2) {
  animation-delay: 0.6s;
}

.strategy.animate .strategy__item:nth-child(3) {
  animation-delay: 0.9s;
}

.strategy.animate .strategy__item:nth-child(4) {
  animation-delay: 1.2s;
}

.strategy.animate .strategy__item:nth-child(5) {
  animation-delay: 1.5s;
}

.strategy.animate .strategy__item:nth-child(6) {
  animation-delay: 1.8s;
}

.strategy.animate .strategy__item:nth-child(7) {
  animation-delay: 2.1s;
}

.strategy__item-text {
  font-size: 16px;
  line-height: 1.4;
  color: #000000;
  font-weight: 400;
}

@media (max-width: 1600px) {
  .strategy__title {
    font-size: 3.75vw;
  }

  .strategy__subtitle {
    font-size: 3vw;
  }
}

@media (max-width: 1400px) {
  .strategy__item {
    font-size: 13px;
  }
}

@media (max-width: 1300px) {
  .strategy__top {
    flex-wrap: wrap;
  }

  .strategy__item {
    width: 23%;
  }

  .strategy__item:nth-child(1),
  .strategy__item:nth-child(2),
  .strategy__item:nth-child(3),
  .strategy__item:nth-child(4) {
    margin-bottom: 40px;
  }

  .strategy__item:last-child {
    margin-right: 25.5%;
  }
}

@media (max-width: 1000px) {
  .strategy__item {
    width: 32%;
  }

  .strategy {
    padding-top: 60px;
  }

  .strategy__item:nth-child(5),
  .strategy__item:nth-child(6) {
    margin-bottom: 40px;
  }

  .strategy__top {
    padding: 73px 10px 70px 10px;
  }
}

@media (max-width: 767px) {
  .strategy {
    padding-bottom: 20px;
  }

  .strategy__top {
    padding: 60px 10px 80px 10px;
  }

  .strategy__title {
    font-size: 26px;
    margin-bottom: 40px;
  }

  .strategy__subtitle {
    font-size: 22px;
  }

  .strategy__item {
    width: 49%;
  }
}

@media (max-width: 600px) {
  .strategy__top {
    padding: 40px 10px 60px 10px;
  }

  .strategy__item {
    width: 100%;
  }

  .strategy__item:last-child {
    margin-right: 0;
  }
}

.what-u-get {
  width: 100%;
  background: #ffffff;
  margin-bottom: 270px;
  box-sizing: border-box;
  padding: 0 10px;
}

.what-u-get__inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1600px;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
  border: 1px solid #ffffff;
  /* box-shadow: 0 32px 39px rgba(73 13 94/ 10%); */
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.what-u-get.animate .what-u-get__inner {
  animation: boxShadowIn 0.5s ease-out forwards;
}

.what-u-get__title {
  text-align: center;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  color: #3f1a46;
  margin-bottom: 86px;
  overflow: hidden;
}

.what-u-get.animate .what-u-get__title span {
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.what-u-get__content {
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 768px) {
  .what-u-get__content {
    padding: 0 10px;
  }
}

.what-u-get__item {
  box-sizing: border-box;
  position: relative;
  width: 22%;
  margin-right: 2.5%;
}

.what-u-get.animate .what-u-get__item {
  animation: fadeInItem 0.3s ease-in-out forwards;
  opacity: 0;
}

.what-u-get.animate .what-u-get__item:nth-child(1) {
  animation-delay: 0.3s;
}

.what-u-get.animate .what-u-get__item:nth-child(2) {
  animation-delay: 0.6s;
}

.what-u-get.animate .what-u-get__item:nth-child(3) {
  animation-delay: 0.9s;
}

.what-u-get.animate .what-u-get__item:nth-child(4) {
  animation-delay: 1.2s;
}

.what-u-get.animate .what-u-get__item:nth-child(5) {
  animation-delay: 1.5s;
}

.what-u-get.animate .what-u-get__item:nth-child(6) {
  animation-delay: 1.8s;
}

.what-u-get.animate .what-u-get__item:nth-child(7) {
  animation-delay: 2.1s;
}

.what-u-get.animate .what-u-get__item:nth-child(8) {
  animation-delay: 2.4s;
}

.what-u-get__item:nth-child(4n) {
  margin-right: 0;
}

.what-u-get__item:nth-child(-n + 4) {
  margin-bottom: 86px;
}

.what-u-get__item:last-child {
  margin-bottom: 0;
}

.what-u-get__item::before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: linear-gradient(#e9275d 0%, #e34955 100%);
  border-radius: 50%;
}

.what-u-get__text {
  margin-left: 40px;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  color: #534f54;
}

@media (max-width: 1600px) {
  .what-u-get__title {
    font-size: 3.75vw;
  }

  .what-u-get {
    margin-bottom: 150px;
  }
}

@media (max-width: 1400px) {
  .what-u-get__content {
    justify-content: center;
  }

  .what-u-get__item {
    width: 30%;
  }

  .what-u-get__item,
  .what-u-get__item:nth-child(4n) {
    margin-right: 3.3%;
  }

  .what-u-get__item:last-child {
    margin-right: 33.3%;
  }

  .what-u-get__item:nth-child(3n) {
    margin-right: 0;
  }

  .what-u-get__item:nth-child(-n + 4) {
    margin-bottom: 45px;
  }

  .what-u-get__inner {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}

@media (max-width: 1300px) {
  .what-u-get {
    margin-bottom: 130px;
  }
}

@media (max-width: 1000px) {
  .what-u-get {
    margin-bottom: 60px;
  }

  .what-u-get__inner {
    padding: 60px 10px 100px 10px;
  }

  .what-u-get__item:last-child {
    margin-right: 4%;
  }

  .what-u-get__item:nth-child(3n),
  .what-u-get__item:nth-child(4n) {
    margin-right: auto;
  }

  .what-u-get__item {
    width: 48%;
    margin-right: 4%;
  }

  .what-u-get__item:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 45px;
  }

  .what-u-get__item:last-child {
    margin-bottom: 0;
  }

  .what-u-get__title {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .what-u-get__title {
    font-size: 35px;
    margin-bottom: 50px;
  }

  .what-u-get__inner {
    border: 1px solid #e8e8e8;
    box-shadow: 0 32px 39px rgb(73 13 94 / 10%);
  }
}

@media (max-width: 600px) {
  .what-u-get__inner {
    padding: 40px 10px 60px 10px;
  }

  .what-u-get__item {
    width: 100%;
  }

  .what-u-get__item br {
    display: none;
  }

  .what-u-get__item:nth-child(-n + 4),
  .what-u-get__item:nth-child(2n),
  .what-u-get__item {
    margin-bottom: 30px;
  }

  .what-u-get__item:last-child {
    margin-bottom: 0;
  }
}

/* .statistics {
  width: 100%;
  padding-bottom: 110px;
}
.statistics__inner {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.statistics__title {
  color: #3f1a46;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}
.statistics__text {
  margin-top: 46px;
  display: flex;

  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  color: #534f54;
}
.statistics__left {
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.statistics__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45%;
} */
.statistics {
  width: 100%;
  padding-bottom: 110px;
}

.statistics__inner {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

.statistics__title {
  color: #3f1a46;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
}

.statistics__text {
  margin-top: 46px;
  display: flex;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  color: #534f54;
  overflow: hidden;
}

.statistics.animate .statistics__title,
.statistics.animate .statistics__text {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.statistics.animate .statistics__title {
  animation-delay: 0.3s;
}

.statistics.animate .statistics__text {
  animation-delay: 0.6s;
}

.statistics__left {
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 5%;
}

.statistics.animate .statistics__left {
  animation: fadeInItem 0.3s ease-out forwards;
  opacity: 0;
}

.statistics__left img {
  max-width: 100%;
}

.statistics__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45%;
}

@media (max-width: 1600px) {
  .statistics__title {
    font-size: 3vw;
  }

  .statistics {
    padding-bottom: 60px;
  }
}

@media (max-width: 1200px) {
  .statistics__text {
    font-size: 16px;
  }
}

@media (max-width: 1100px) {
  .statistics__title {
    font-size: 35px;
  }
}

@media (max-width: 1000px) {
  .statistics__inner {
    flex-wrap: wrap;
    padding: 0 10px;
  }

  .statistics__right {
    padding: 0 40px;
  }

  .statistics__text {
    font-size: 20px;
  }

  .statistics__left img {
    width: 500px;
    margin-bottom: 30px;
  }

  .statistics__left,
  .statistics__right {
    width: 100%;
  }

  .statistics__title br,
  .statistics__text br {
    display: none;
  }
}

@media (max-width: 767px) {
  .statistics__title {
    font-size: 26px;
  }

  .statistics__text {
    margin-top: 30px;
  }
}

@media (max-width: 600px) {
  .statistics__left img {
    width: 90%;
  }

  .statistics__right {
    padding: 0;
  }
}

/* .crowd-bonus {
  width: 100%;
  background: #ffffff;
  padding-top: 110px;
  padding-bottom: 108px;
}
.crowd-bonus__inner {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.crowd-bonus__left {
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.crowd-bonus__right {
  display: flex;
  width: 54%;
}
.crowd-bonus__title {
  margin-bottom: 46px;
  color: #3f1a46;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}
.crowd-bonus__text {
  display: flex;
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
}
.crowd-bonus__text:last-child {
  margin-top: 40px;
}
.crowd-bonus__red {
  color: #da434d;
} */
.crowd-bonus {
  width: 100%;
  background: #ffffff;
  padding: 110px 10px 108px 10px;
  box-sizing: border-box;
}

.crowd-bonus__inner {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.crowd-bonus__left {
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.crowd-bonus__right {
  display: flex;
  align-items: center;
  width: 54%;
}

.crowd-bonus__inner.animate .crowd-bonus__right {
  animation: fadeInItem 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
}

.crowd-bonus__right img {
  max-width: 100%;
}

.crowd-bonus__title {
  margin-bottom: 46px;
  color: #3f1a46;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
}

.crowd-bonus__text {
  display: flex;
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  overflow: hidden;
}

.crowd-bonus__inner.animate .tx1,
.crowd-bonus__inner.animate .tx2,
.crowd-bonus__inner.animate .animtext {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.crowd-bonus__inner.animate .animtext {
  animation-delay: 0.3s;
}

.crowd-bonus__inner.animate .tx1 {
  animation-delay: 0.6s;
}

.crowd-bonus__inner.animate .tx2 {
  animation-delay: 0.9s;
}

.crowd-bonus__text:last-child {
  margin-top: 40px;
}

.crowd-bonus__red {
  color: #da434d;
}

@media (max-width: 1700px) {
  .crowd-bonus__left {
    padding-left: 50px;
  }
}

@media (max-width: 1650px) {
  .crowd-bonus__right {
    width: 50%;
  }

  .crowd-bonus__left {
    width: 40%;
  }

  .crowd-bonus__right img {
    max-width: 700px;
  }

  .crowd-bonus {
    padding-top: 80px;
  }
}

@media (max-width: 1600px) {
  .crowd-bonus__title {
    font-size: 3vw;
  }
}

@media (max-width: 1400px) {
  .crowd-bonus__right img {
    max-width: 650px;
  }
}

@media (max-width: 1300px) {
  .crowd-bonus__right img {
    max-width: 560px;
  }

  .crowd-bonus__left {
    width: 45%;
  }
}

@media (max-width: 1200px) {
  .crowd-bonus__text {
    font-size: 16px;
  }

  .crowd-bonus__right img {
    max-width: 490px;
  }

  .crowd-bonus__right {
    width: 46%;
  }
}

@media (max-width: 1100px) {
  .crowd-bonus__right img {
    max-width: 450px;
  }

  .crowd-bonus__left {
    padding-left: 25px;
  }
}

@media (max-width: 1000px) {
  .crowd-bonus {
    padding: 60px 10px 60px 10px;
  }

  .crowd-bonus__title {
    font-size: 35px;
  }

  .crowd-bonus__left {
    padding: 0 40px;
  }

  .crowd-bonus__text {
    font-size: 18px;
  }

  .crowd-bonus__inner {
    flex-wrap: wrap;
  }

  .crowd-bonus__left,
  .crowd-bonus__right {
    width: 100%;
  }

  .crowd-bonus__title,
  .crowd-bonus__text:last-child {
    margin-bottom: 30px;
  }

  .crowd-bonus__text:last-child {
    margin-top: 30px;
  }

  .crowd-bonus__title br {
    display: none;
  }

  .crowd-bonus__right img {
    width: 60%;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .crowd-bonus__title {
    font-size: 26px;
  }

  .crowd-bonus__left {
    padding: 0;
  }
}

@media (max-width: 600px) {
  .crowd-bonus {
    padding: 40px 10px 60px 10px;
  }

  .crowd-bonus__right img {
    width: 90%;
    margin: 0 5%;
  }
}

.tarifs-section__right-crowd {
  padding-bottom: 20px;
}

.crowd-work {
  padding-top: 42px;
  padding-bottom: 94px;
  width: 100%;
  background: #ffffff;
}

.crowd-work__inner {
  max-width: 1620px;
  padding: 0 10px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.crowd-work__title {
  margin-bottom: 70px;
  font-size: 60px;
  font-weight: 700;
  color: #3f1a46;
  line-height: 1;
  text-align: center;
  overflow: hidden;
}

.crowd-work.animate .crowd-work__title span {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.crowd-work__content {
  display: flex;
  justify-content: space-between;
}

.crowd-work__item {
  width: 22%;
  display: flex;
  flex-direction: column;
}

.crowd-work.animate .crowd-work__item.it1,
.crowd-work.animate .crowd-work__arrow.it2,
.crowd-work.animate .crowd-work__item.it3,
.crowd-work.animate .crowd-work__arrow.it4,
.crowd-work.animate .crowd-work__item.it5 {
  animation: fadeInItem 0.3s ease-out forwards;
  opacity: 0;
}

.crowd-work.animate .crowd-work__item.it1 {
  animation-delay: 0.6s;
}

.crowd-work.animate .crowd-work__arrow.it2 {
  animation-delay: 0.9s;
}

.crowd-work.animate .crowd-work__item.it3 {
  animation-delay: 1.2s;
}

.crowd-work.animate .crowd-work__arrow.it4 {
  animation-delay: 1.5s;
}

.crowd-work.animate .crowd-work__item.it5 {
  animation-delay: 1.8s;
}

.crowd-work__item-top {
  margin-bottom: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crowd-work__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 146px;
  height: 146px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0px 32px 39px rgba(73 13 94 / 10%);
  border: 1px solid #e8e8e8;
}

.crowd-work__item-text {
  text-align: center;
  font-size: 20px;
  line-height: 1.55;
  color: #534f54;
  font-weight: 400;
}

.crowd-work__arrow {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65px;
}

.crowd-work__arrow img {
  position: absolute;
  transform: translateY(-304%);
}

@media (max-width: 1500px) {
  .crowd-work__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1300px) {
  .crowd-work__item-text {
    font-size: 19px;
  }
}

@media (max-width: 1200px) {
  .crowd-work__item-text {
    font-size: 17px;
  }
}

@media (max-width: 1100px) {
  .crowd-work__item {
    width: 30%;
  }
}

@media (max-width: 1000px) {
  .crowd-work__content {
    flex-direction: column;
  }

  .crowd-work__title {
    font-size: 35px;
  }

  .crowd-work__arrow {
    width: 100%;
  }

  .crowd-work__arrow img {
    transform: rotate(90deg);
    width: 65px;
    top: -70px;
  }

  .crowd-work__item {
    width: 100%;
  }

  .crowd-work__item:not(:last-child) {
    margin-bottom: 130px;
  }
}

.crowd-areas {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 47px;
}

.crowd-areas__inner {
  max-width: 1620px;
  padding: 0 10px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

.crowd-areas__left {
  box-sizing: border-box;
  padding-right: 6.5%;
  display: flex;
  flex-direction: column;
  width: 47%;
  justify-content: center;
}

.crowd-areas__right {
  width: 44%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crowd-areas.animate .crowd-areas__right {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.crowd-areas__title {
  margin-bottom: 35px;
  width: 100%;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  color: #3f1a46;
  overflow: hidden;
}

.crowd-areas__text {
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  color: #534f54;
  overflow: hidden;
}

.crowd-areas.animate .crowd-areas__title span,
.crowd-areas.animate .crowd-areas__text span {
  animation: textIn 0.3s ease-out forwards;
  opacity: 0;
  display: inline-block;
}

.crowd-areas.animate .crowd-areas__title span {
  animation-delay: 2.1s;
}

.crowd-areas.animate .crowd-areas__text span {
  animation-delay: 2.4s;
}

@media (max-width: 1650px) {
  .crowd-areas__right {
    width: 42%;
  }

  .crowd-areas__inner {
    justify-content: space-evenly;
  }
}

@media (max-width: 1500px) {
  .crowd-areas__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1200px) {
  .crowd-areas__left {
    width: 50%;
  }
}

@media (max-width: 1100px) {
  .crowd-areas__text {
    font-size: 18px;
  }
}

@media (max-width: 1000px) {
  .crowd-areas__inner {
    flex-direction: column;
  }

  .crowd-areas__left {
    width: 100%;
    padding: 0 40px;
    margin-bottom: 30px;
  }

  .crowd-areas__title {
    font-size: 35px;
    text-align: center;
  }

  .crowd-areas__title br {
    display: none;
  }

  .crowd-areas__right {
    width: 100%;
  }

  .crowd-areas__right img {
    width: 430px;
  }
}

@media (max-width: 767px) {
  .crowd-areas__left {
    padding: 0;
  }
}

.tarifs-section.crowd .tarifs-section__background {
  height: 484px;
}

.tarifs-section.crowd {
  margin-bottom: 250px;
}

.tarifs-section__right-crowd {
  width: 69%;
  overflow: hidden;
}

.tarifs-section__left.tarifs-section__left-crowd {
  width: 31%;
}

@media (max-width: 1400px) {
  .tarifs-section.crowd {
    padding-top: 60px;
  }

  .tarifs-section__subtitle {
    height: 70px;
  }

  .tarifs-section__subtitle.support,
  .tarifs-section__desc-header,
  .tarifs-section__subdesc {
    font-size: 18px;
  }

  .tarifs-section.crowd .tarifs-section__background.crowd {
    height: 493px;
  }
}

@media (max-width: 1200px) {
  .tarifs-section__subtitle.support,
  .tarifs-section__desc-header,
  .tarifs-section__subdesc {
    font-size: 16px;
  }

  .tarifs-section__price.price-sm {
    font-size: 18px;
  }

  .tarifs-section__subdesc,
  .tarifs-section__subline {
    height: 45px;
  }

  .tarifs-section__desc-header,
  .tarifs-section__line-header {
    height: 55px;
  }

  .tarifs-section__desc-header.desc-mar {
    margin-top: 20px;
  }

  .tarifs-section__line-header.tarifs-section__line-header--mid {
    height: 75px;
  }

  .tarifs-section__desc-line.desc-line--last,
  .tarifs-section__line.line-sm--last {
    height: 45px;
  }

  .tarifs-section__price-box.price-sm,
  .tarifs-section__price.price-sm {
    height: 60px;
  }

  .tarifs-section__background.support {
    height: 669px;
  }
}

@media (max-width: 1120px) {
  .tarifs-section__left.support {
    width: 36%;
  }

  .tarifs-section__right.support {
    width: 64%;
  }
}

@media (max-width: 1023px) {
  .tarifs-section__subtitle {
    height: 45px;
  }

  .tarifs-section.crowd .tarifs-section__background.crowd {
    height: 348px;
  }

  .tarifs-section.crowd {
    padding-top: 30px;
  }

  .tarifs-section__title.crowd {
    margin-bottom: 100px;
  }

  .tarifs-section.crowd {
    margin-bottom: 160px;
  }

  .tarifs-section__subtitle.support,
  .tarifs-section__desc-header,
  .tarifs-section__subdesc {
    font-size: 14px;
  }

  .tarifs-section__desc-line,
  .tarifs-section__desc-header .subdesc {
    font-size: 12px;
  }

  .tarifs-section__button.support {
    padding: 10px;
    max-width: 125px;
    margin: 0 auto;
  }

  .tarifs-section__price-box.price-sm,
  .tarifs-section__price.price-sm {
    height: 40px;
  }

  .tarifs-section__price.price-sm {
    font-size: 16px;
  }
}

@media (max-width: 1000px) {
  .tarifs-section.crowd .tarifs-section__background.crowd {
    height: 348px;
  }
}

@media (max-width: 767px) {
  .tarifs-section__right-crowd {
    width: 60%;
  }

  .tarifs-section__left.tarifs-section__left-crowd {
    width: 40%;
  }

  .tarifs-section__desc.mid-line,
  .tarifs-section__line.mid-line {
    height: 60px;
  }

  .tarifs-section__desc.big-line.crowd,
  .tarifs-section__line.big-line.crowd {
    height: 70px;
  }

  .tarifs-section.crowd .tarifs-section__background.crowd {
    height: 346px;
  }

  .tarifs-section.crowd {
    padding-top: 0;
  }

  .tarifs-section__title.crowd {
    margin-bottom: 80px;
    font-size: 35px;
  }

  .tarifs-section.crowd {
    margin-bottom: 130px;
  }

  .tarifs-section__left.support {
    width: 55%;
  }

  .tarifs-section__right.support {
    width: 45%;
  }

  .tarifs-section__subtitle.support br {
    display: none;
  }

  .tarifs-section__subtitle.support {
    font-size: 10px;
  }

  .tarifs-section__desc-line,
  .tarifs-section__desc-header .subdesc {
    font-size: 11px;
  }

  .tarifs-section__price.price-sm {
    font-size: 14px;
  }

  .tarifs-section__subtitle.support,
  .tarifs-section__desc-header,
  .tarifs-section__subdesc {
    font-size: 12px;
  }

  .tarifs-section__subdesc,
  .tarifs-section__subline {
    height: 35px;
  }

  .tarifs-section__desc-header,
  .tarifs-section__line-header {
    height: 40px;
  }

  .tarifs-section__desc-header.desc-mar {
    margin-top: 13px;
  }

  .tarifs-section__line-header.tarifs-section__line-header--mid {
    height: 53px;
  }

  .tarifs-section__background.support {
    height: 600px;
  }
}

@media (max-width: 450px) {
  .tarifs-section__subtitle.support {
    font-size: 10px;
  }
}

/* .seo-what-u-get {
  padding-top: 40px;
  width: 100%;
  background: #f7f7f7;
}
.seo-what-u-get__inner {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  justify-content: space-evenly;
}
.seo-what-u-get__left {
  width: 38%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.seo-what-u-get__right {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.seo-what-u-get__title {
  margin-bottom: 21px;
  color: #3f1a46;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}
.seo-what-u-get__text {
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
} */
.seo-what-u-get {
  padding-top: 40px;
  width: 100%;
  background: #f7f7f7;
}

.seo-what-u-get.sozdanie-saytov {
  padding-bottom: 100px;
  padding-top: 130px;
}

.seo-what-u-get__inner {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  justify-content: space-evenly;
  box-sizing: border-box;
}

.seo-what-u-get__left {
  width: 38%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.seo-what-u-get__inner.animate .seo-what-u-get__right {
  animation: fadeInItem 1s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.seo-what-u-get__right {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.seo-what-u-get__right img {
  max-width: 100%;
}

.seo-what-u-get__title {
  margin-bottom: 21px;
  color: #3f1a46;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
}

.seo-what-u-get__inner.animate .seo-what-u-get__title span {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 1.5s;
  opacity: 0;
  display: inline-block;
}

.seo-what-u-get__text {
  color: #534f54;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
  overflow: hidden;
}

.seo-what-u-get__inner.animate .seo-what-u-get__text span {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 2.8s;
  opacity: 0;
  display: inline-block;
}

@media (max-width: 1600px) {
  .seo-what-u-get__title {
    font-size: 3.75vw;
  }

  .seo-what-u-get.sozdanie-saytov .seo-what-u-get__title {
    font-size: 3vw;
  }
}

@media (max-width: 1023px) {
  .seo-what-u-get.sozdanie-saytov .seo-what-u-get__title {
    font-size: 35px;
  }

  .seo-what-u-get__inner {
    flex-wrap: wrap;
    padding: 0 10px;
  }

  .seo-what-u-get__title {
    text-align: center;
  }

  .seo-what-u-get__left,
  .seo-what-u-get__right {
    width: 100%;
  }

  .seo-what-u-get__right img {
    margin-top: 40px;
    width: 340px;
  }
}

@media (max-width: 767px) {
  .seo-what-u-get__title {
    font-size: 35px;
  }

  .seo-what-u-get__text {
    font-size: 16px;
  }

  .seo-what-u-get__right img {
    width: 320px;
  }
}

#price .price-item__description.price-item__description-big {
  height: 69px;
}

#price.price-seo {
  margin-bottom: 220px;
}

.promotion-schema {
  box-sizing: border-box;
  /* padding-top: 100px; */
  padding: 100px 10px 0;
  width: 100%;
  background: #ffffff;
  margin-bottom: 136px;
}

.promotion-schema__inner {
  padding-top: 67px;
  padding-bottom: 103px;
  width: 100%;
  max-width: 1600px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  /* border: 5px solid #ececec; */
  border: 5px solid #ffffff;
}

.promotion-schema__title {
  text-align: center;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  overflow: hidden;
}

.promotion-schema.animated .promotion-schema__title span {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 0.5s;
  display: inline-block;
  opacity: 0;
}

.promotion-schema__content {
  box-sizing: border-box;
  padding: 0 50px;
  margin-top: 89px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.promotion-schema__item {
  width: 26%;
  display: flex;

  align-items: center;
  box-sizing: border-box;
  transition: transform 0.2s linear;
  cursor: pointer;
}

.promotion-schema__item:hover .promotion-schema__img {
  transform: scale(1.1);
}

.promotion-schema.animated .promotion-schema__item:nth-child(1) {
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 1.5s;
  opacity: 0;
}

.promotion-schema.animated .promotion-schema__item:nth-child(2) {
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 2s;
  opacity: 0;
}

.promotion-schema.animated .promotion-schema__item:nth-child(3) {
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 2.5s;
  opacity: 0;
}

.promotion-schema.animated .promotion-schema__item:nth-child(4) {
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 3s;
  opacity: 0;
}

.promotion-schema.animated .promotion-schema__item:nth-child(5) {
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 3.5s;
  opacity: 0;
}

.promotion-schema.animated .promotion-schema__item:nth-child(6) {
  animation: fadeInItem 0.5s ease-out forwards;
  animation-delay: 4s;
  opacity: 0;
}

.promotion-schema.animated .promotion-schema__inner {
  animation: borderIn 0.5s ease-out forwards;
  animation-delay: 4.5s;
}

@keyframes borderIn {
  0% {
    border-color: #ffffff;
  }

  100% {
    border-color: #ececec;
  }
}

.promotion-schema__item:not(:nth-last-child(-n + 3)) {
  margin-bottom: 93px;
}

.promotion-schema__img {
  margin-right: 53px;
  width: 112px;
  height: 94px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.promotion-schema__text {
  color: #616161;
  font-size: 25px;
  line-height: 1;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}

.content-wrap1600 {
  max-width: 1600px;
}

@media (max-width: 1600px) {
  .promotion-schema__item {
    width: 29%;
  }
}

@media (max-width: 1500px) {
  .promotion-schema__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1400px) {
  .promotion-schema {
    padding-top: 0;
    margin-bottom: 80px;
  }

  .promotion-schema__inner {
    padding: 60px 0;
  }

  .promotion-schema__content {
    padding: 0 30px;
  }

  .promotion-schema__item {
    width: 32%;
  }
}

@media (max-width: 1300px) {
  .promotion-schema__img {
    margin-right: 40px;
    width: 95px;
    height: auto;
  }

  .promotion-schema__text {
    font-size: 23px;
  }

  .promotion-schema__item {
    width: 31%;
  }
}

@media (max-width: 1200px) {
  .service-intro__left.sozdanie-saitov .item.align-left {
    font-size: 18px;
  }

  .promotion-schema {
    margin-bottom: 50px;
  }

  .promotion-schema__img {
    width: 80px;
    margin-right: 25px;
  }

  .promotion-schema__text {
    font-size: 23px;
    display: flex;
  }

  .promotion-schema__item {
    width: 32%;
  }
}

@media (max-width: 1100px) {
  .promotion-schema__content {
    margin-top: 70px;
  }

  .promotion-schema__img {
    width: 75px;
    margin-right: 20px;
  }
}

@media (max-width: 1023px) {
  .promotion-schema__content {
    padding: 0 10%;
  }

  .promotion-schema__item {
    width: 50%;
  }

  .promotion-schema__item:not(:nth-last-child(-n + 3)) {
    margin-bottom: 0;
  }

  .promotion-schema__item:not(:nth-last-child(-n + 2)) {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .promotion-schema {
    margin-bottom: 0;
  }

  .promotion-schema__title {
    font-size: 32px;
  }

  .promotion-schema__content {
    padding: 0 5%;
  }

  .promotion-schema__item {
    display: flex;
    flex-direction: column;
  }

  .promotion-schema__text {
    text-align: center;
  }

  .promotion-schema__inner {
    border: 5px solid #f7f7f7;
  }
}

@media (max-width: 660px) {
  .service-intro__left.sozdanie-saitov .item-half {
    width: 49%;
  }
}

@media (max-width: 600px) {
  .service-intro__left.sozdanie-saitov .item-half {
    width: 100%;
  }

  .service-intro__left.sozdanie-saitov .item.align-left {
    font-size: 16px;
  }

  .service-intro__left.sozdanie-saitov .item.align-left br {
    display: none;
  }
}

@media (max-width: 550px) {
  .promotion-schema__item {
    width: 100%;
  }

  .promotion-schema__item:not(:nth-last-child(-n + 2)) {
    margin-bottom: 0;
  }

  .promotion-schema__item:not(:nth-last-child(-n + 1)) {
    margin-bottom: 40px;
  }

  .promotion-schema__text {
    font-size: 25px;
  }

  .promotion-schema__img {
    margin-right: 0;
  }
}

.service-intro.serm {
  box-sizing: border-box;
}

@media (max-width: 1700px) {
  .service-intro__left .title.crowd {
    margin-top: 10px;
  }

  .service-intro__left .item-text.crowd {
    line-height: 1.55;
  }
}

@media (max-width: 1650px) {
  .service-intro__left.crowd {
    width: 40%;
  }
}

@media (max-width: 1600px) {
  .service-intro__bottom .title {
    font-size: 3vw;
  }

  .service-intro__right.crowd {
    margin-right: 50px;
  }

  .service-intro.serm {
    padding-top: 30px;
  }
}

@media (max-width: 1500px) {
  .service-intro__left.crowd {
    width: 44%;
  }

  .service-intro__left h1.title {
    font-size: 3.75vw;
  }

  .service-intro__left .subtitle {
    font-size: 2.25vw;
    margin-bottom: 3.25vw;
  }

  .service-intro__right .board.audit {
    margin-top: 58px;
  }

  .service-intro__left.audit .item:last-child {
    margin-bottom: 140px;
  }

  .service-intro__left .subtitle.crowd {
    font-size: 42px;
  }

  .service-intro__right.crowd {
    margin-right: 30px;
  }

  .service-intro__top.crowd {
    margin-bottom: 90px;
  }
}

@media (max-width: 1400px) {
  .service-intro__items-block {
    margin-bottom: 50px;
  }

  .service-intro {
    padding-top: 2.8vw;
  }

  .service-intro__bottom {
    margin-top: 4.25vw;
    margin-bottom: 4vw;
  }

  .service-intro__left .item-text.item-special {
    margin-bottom: 35px;
  }

  .service-intro__right.crowd {
    margin-right: 20px;
  }
}

@media (max-width: 1300px) {
  .item.serm .item__title {
    font-size: 24px;
  }

  .service-intro__left h1.title.serm {
    margin-bottom: 60px;
  }

  .service-intro__left .service-intro__price {
    margin-top: 3.25vw;
  }

  .service-intro__left h1.title {
    font-size: 3.3vw;
  }

  .service-intro__bottom {
    flex-direction: column;
    padding: 25px;
  }

  .service-intro__bottom .left {
    margin-bottom: 15px;
  }

  .service-intro__bottom .right {
    width: 100%;
  }

  .service-intro__left h1.title.by-position {
    margin-bottom: 5vw;
  }
}

@media (max-width: 1200px) {
  .service-intro__left .aim {
    font-size: 22px;
  }

  .service-intro__left.crowd {
    width: 49%;
  }
}

@media (max-width: 1150px) {
  .service-intro__left .item-text.audit {
    font-size: 18px;
  }

  .service-intro__left .item.audit {
    font-size: 18px;
  }

  .service-intro__left .item-text.item-special.audit {
    font-size: 18px;
  }

  .service-intro__left.audit .item:last-child {
    margin-bottom: 80px;
  }

  .service-intro__left .item-text.crowd {
    font-size: 18px;
  }

  .service-intro__left .item.crowd {
    font-size: 18px;
  }

  .service-intro__left .subtitle.crowd {
    font-size: 35px;
  }

  .service-intro__items-block .item {
    width: 265px;
  }
}

@media (max-width: 1023px) {
  .service-intro__right .board.serm {
    margin-top: 0;
  }

  .service-intro__left.serm {
    width: 98%;
  }

  .service-intro__left h1.title {
    font-size: 33px;
  }

  .service-intro__left .subtitle {
    font-size: 27px;
  }

  .service-intro__top {
    flex-direction: column-reverse;
    align-items: center;
  }

  .service-intro__right,
  .service-intro__left.regions,
  .service-intro__right.regions,
  .service-intro__right.by-position,
  .service-intro__right.shops,
  .service-intro__right.trafik,
  .service-intro__right.audit,
  .service-intro__right.serm,
  .service-intro__right.crowd {
    width: 90%;
  }

  .service-intro__left {
    width: 100%;
  }

  .service-intro__left.crowd {
    width: 100%;
  }

  .service-intro__left.audit {
    width: 100%;
  }

  .service-intro__bottom {
    padding: 15px;
  }
}

@media (max-width: 767px) {
  /* .service-intro__right,
  .service-intro__left.regions,
  .service-intro__right.regions,
  .service-intro__right.by-position,
  .service-intro__right.shops,
  .service-intro__right.trafik,
  .service-intro__right.audit,
  .service-intro__right.serm,
  .service-intro__right.crowd {
    width: 100%;
  } */
  .service-intro__bottom .title {
    font-size: 25px;
  }

  .service-intro__bottom .after-title {
    font-size: 16px;
  }

  .service-intro__bottom .service-form #work-form .order .order__top .field {
    width: 100%;
  }

  .service-intro__bottom .service-form #work-form .order .order__top .field {
    margin-bottom: 20px;
  }

  .service-intro__bottom
    .service-form
    #work-form
    .order
    .order__top
    .red-button {
    width: 100%;
  }

  .service-intro__left .item {
    font-size: 16px;
  }

  .service-intro__left h1.title.audit {
    margin-bottom: 28px;
  }

  .service-intro__left .aim.audit {
    font-size: 20px;
  }

  .service-intro__left .item-text.audit {
    font-size: 12px;
  }

  .service-intro__left .item-text.item-special.audit {
    font-size: 12px;
  }

  .service-intro__left .item.audit {
    font-size: 12px;
  }

  .service-intro__left.audit .item:last-child {
    margin-bottom: 50px;
  }

  .service-intro__left .item-text.crowd {
    font-size: 16px;
  }

  .service-intro__left .item.crowd {
    font-size: 16px;
  }

  .service-intro__left .subtitle.crowd {
    font-size: 30px;
    margin-top: 35px;
  }

  .service-intro__top.crowd {
    margin-bottom: 40px;
  }

  .service-intro__items-block {
    margin-bottom: 0;
  }

  .service-intro__left h1.title.serm {
    margin-bottom: 40px;
    margin-top: 20px;
  }

  .service-intro__right {
    display: none;
  }

  .service-intro__price .span {
    display: flex;
    width: 100%;
  }
}

@media (max-width: 600px) {
  .service-intro__items-block .item {
    width: 100%;
  }

  .item.serm .item__title br {
    display: none;
  }
}

#price.complex {
  margin-bottom: 240px;
}

#price .price-item.audit {
  width: 28%;
}

@media (max-width: 1500px) {
  #price .price__title {
    font-size: 3.75vw;
  }

  #price .price__inner {
    margin-top: 13vw;
  }

  .service-intro__left .subtitle.crowd {
    margin-top: 50px;
  }
}

@media (max-width: 1400px) {
  #price .price-item.audit {
    width: 30%;
  }
}

@media (max-width: 1300px) {
  .service-intro__right.crowd {
    margin-right: 0;
  }

  #price.complex {
    margin-bottom: 100px;
  }

  #price.audit .price-item__description {
    padding: 0 30px;
  }

  #price .price__background.shops {
    height: 280px;
  }

  #price .price__background.price-seo {
    height: 349px;
  }

  #price .price__background.trafik {
    height: 336px;
  }

  #price.complex .price-item__title {
    font-size: 25px;
    padding: 12px 0;
  }

  #price.complex .price-item__description {
    height: 40px;
  }

  #price.complex .price__block {
    top: -54px;
  }

  #price .price__background.complex {
    height: 384px;
  }

  #price.complex .price-item__bottom {
    padding-top: 45px;
  }

  #price .price-item__title {
    padding: 15px 0;
  }

  #price .price-item__description {
    height: 55px;
  }

  #price .price-item__price {
    padding: 20px 0;
  }

  #price .price__block {
    top: -66px;
  }

  #price .price__background {
    height: 331px;
  }

  #price .price-item__bottom {
    padding-top: 65px;
  }

  #price .price__inner {
    margin-top: 11vw;
  }

  #price .price__background.pos {
    height: 361px;
  }
}

@media (max-width: 1200px) {
  #price .price-item {
    width: 29%;
  }

  #price .price-item-solo {
    width: 35%;
  }

  /* #price .price-item__button {
    padding: 13px 50px;
  } */

  #price .price-item__bottom {
    padding-top: 55px;
  }
}

@media (max-width: 1100px) {
  #price.audit .price-item__description {
    padding: 0 10px;
  }
}

@media (max-width: 1000px) {
  #price .price-item.price-seo:not(:first-child) {
    margin-top: 29px;
  }

  #price .price__inner {
    margin-top: 130px;
  }

  #price .price__block {
    justify-content: center;
    flex-wrap: wrap;
  }

  #price .price__background.shops:not(:first-child) {
    height: 280px;
  }

  #price .price-item.shops:not(:first-child) {
    margin-top: 31px;
  }

  #price .price-item.trafik:not(:first-child) {
    margin-top: 31px;
  }

  #price .price-item.complex:not(:first-child) {
    margin-top: 109px;
  }

  .price__background {
    height: 260px;
  }

  #price .price__background.reg {
    height: 305px;
  }

  #price .price__background:not(:first-child) {
    display: block;
    margin-top: 260px;
  }

  #price .price-item:not(:first-child) {
    margin-top: 88px;
  }

  #price .price-item.reg:not(:first-child) {
    margin-top: 31px;
  }

  #price .price-item {
    width: 55%;
  }

  #price .price-item-solo {
    width: 43%;
  }

  #price .price-item.audit {
    width: 60%;
  }
}

@media (max-width: 846px) {
  #price.complex {
    margin-bottom: 50px;
  }

  #price .price-item-solo {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #price .price__title {
    font-size: 35px;
  }

  #price .price-item-solo {
    width: 58%;
  }

  #price .price__title.kontekst {
    font-size: 33px;
  }
}

@media (max-width: 700px) {
  #price .price-item-solo {
    width: 68%;
  }
}

@media (max-width: 600px) {
  #price .price__block.price__block__one-item {
    padding: 0 0 60px 0;
  }

  #price.kontekst {
    margin-bottom: 100px;
  }

  #price .price__block {
    padding-bottom: 60px;
  }

  #price .price-item {
    width: 80%;
  }

  #price .price-item-solo {
    width: 75%;
  }

  #price .price-item.audit {
    width: 80%;
  }

  .price-influence.trafik {
    margin-top: 70px;
  }

  #price,
  #price.reg,
  #price.trafik {
    padding-top: 70px;
  }

  .reg-payment {
    padding-top: 60px;
  }

  #price.price-seo {
    margin-bottom: 87px;
  }

  #price.audit {
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  #price .price-item {
    width: 90%;
  }

  #price .price-item-solo {
    width: 93%;
  }

  #price .price-item.audit {
    width: 90%;
  }
}

@media (max-width: 350px) {
  #price .price-item-solo .price-item__description {
    font-size: 13px;
  }

  #price .price-item__title.kontekst {
    font-size: 33px;
    padding: 18px 0;
  }

  #price .price__background.kontekst {
    height: 353px;
  }
}

/*анимации**********************/
.advantage.animated {
  /* animation: fadeInItem 1s linear; */
  animation: fadeInItem 0.3s linear;
  animation-delay: 0.3s;
  opacity: 0;
}

.slideranim .big-title {
  overflow: hidden;
}

.slideranim.animated .big-title span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.slideranim.animated .seo-slider {
  /* animation: fadeInItem 1s ease-out forwards; */
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.formanim.animated {
  /* animation: fadeInItem 1s ease-out forwards; */
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.clientsanim {
  overflow: hidden;
}

.clientsanim .big-title {
  overflow: hidden;
}

.clientsanim.animated .big-title span {
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
  display: inline-block;
}

.clientsanim.animated .slider {
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 0.7s;
  opacity: 0;
}

.revanim .big-title {
  overflow: hidden;
}

.revanim.animated .big-title span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.revanim {
  overflow: hidden;
}

.revanim.animated .review-slider {
  /* animation: fadeInItem 1s ease-out forwards; */
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.commercial-help.animated .commercial-help__title span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.commercial-help.animated .commercial-help__img {
  /* animation: fadeInItem 0.5s ease-in forwards; */
  animation: fadeInItem 0.3s ease-in forwards;
  animation-delay: 0.3s;
  opacity: 0;
}

.commercial-help__arrow {
  transform: translate(47%, -46%);
}

.commercial-help.animated .commercial-help__arrow {
  /* animation: commercialArrawIn 1s ease-in forwards; */
  animation: commercialArrawIn 0.3s ease-in forwards;
  animation-delay: 0.6s;
  opacity: 0;
}

@keyframes commercialArrawIn {
  0% {
    opacity: 1;
    transform: translate(120%, -120%);
  }

  100% {
    transform: translate(47%, -46%);
    opacity: 1;
  }
}

.commercial-help.animated .commercial-help__text span {
  /* animation: textIn 1s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.9s;
  opacity: 0;
  display: inline-block;
}

.commercial-help.animated .commercial-help__button {
  /* animation: fadeInItem 1s ease-out forwards; */
  animation: fadeInItem 0.3s ease-out forwards;
  animation-delay: 1.2s;
  opacity: 0;
}

.tarifs-section__right {
  overflow: hidden;
}

/*анимации**********************/
.complex-shapka {
  overflow: hidden;
}

.complex-shapka-wrap .complex-shapka {
  opacity: 0;
  animation: fadeInItem 0.5s ease-in forwards;
  animation-delay: 0.2s;
}

.complex-shapka-wrap.animate .service-intro__bottom.cir {
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 3s;
  opacity: 0;
}

.tarifs-section .swiper-pagination {
  bottom: -20px;
}

.tarifs-section .swiper-pagination.support {
  bottom: -36px;
  right: 50%;
}

@media (max-width: 450px) {
  .tarifs-section .swiper-pagination.support {
    bottom: -36px;
    right: 30%;
  }
}

.main-smm {
  color: #411a45;
  /* padding: 30px 0;
	background-image: url(/local/templates/idea-promotion/images/smm-new/bg-sm.png); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.main-smm .title {
  text-align: center;
  padding: 0;
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 26px;
  color: #411a45;
  margin-right: 20px;
  margin-left: 20px;
}

.main-smm .description {
  text-align: center;
  max-width: 300px;
  margin: 20px auto;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  color: #411a45;
}

/* .main-smm a {
	font-weight: bold;
	font-size: 21px;
	line-height: 28px;
	text-align: center;
	color: #FFFFFF;
	padding: 11px 9px;
	display: block;
	max-width: 300px;
	background-color: #429eda;
	border: 2px solid #429eda;
	cursor: pointer;
	margin: 0 auto;
	text-decoration: none;
} */

.main-smm a:hover {
  background-color: #fff;
  border: 2px solid #429eda;
  color: #429eda;
  transition: all 0.5s ease;
}

.work-part {
  background-color: #ffffff;
  padding: 30px 0;
}

.work-part h3 {
  font-weight: bold;
  font-size: 26px;
  line-height: 100%;
  text-align: center;
  color: #411a45;
  margin: 0 37px 80px 38px;
  overflow: hidden;
}

.work-part.animate h3 span {
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
  display: inline-block;
  animation-delay: 0.2s;
}

.work-part.animate .work-part_items {
  opacity: 0;
  animation: fadeInItem 0.3s linear forwards;
  animation-delay: 0.4s;
}

.service-intro__right.seo-smm img {
  position: absolute;
  opacity: 0;
}

.service-intro__right.seo-smm.animate img {
  animation: fadeInItem 0.2s ease-in forwards;
}

.service-intro__right.seo-smm img.ufo {
  animation-delay: 0.2s;
  width: 75%;
  transform: translate(-4%, -80%);
}

.service-intro__right.seo-smm img.people {
  animation-delay: 0.4s;
  width: 85%;
  transform: translate(-2%, -42%);
}

.service-intro__right.seo-smm img.sticker1 {
  animation-delay: 1s;
  width: 10%;
  transform: translate(-186%, -231%);
}

.service-intro__right.seo-smm img.sticker2 {
  animation-delay: 1s;
  width: 10%;
  transform: translate(-75%, -423%);
}

.service-intro__right.seo-smm img.sticker3 {
  animation-delay: 1s;
  width: 10%;
  transform: translate(-28%, -278%);
}

.service-intro__right.seo-smm img.sticker4 {
  animation-delay: 1s;
  width: 10%;
  transform: translate(136%, -402%);
}

.service-intro__right.seo-smm img.sticker5 {
  animation-delay: 1s;
  width: 10%;
  transform: translate(220%, -246%);
}

.service-intro__right.seo-smm img.star1 {
  animation-delay: 0.6s;
  width: 5%;
  transform: translate(-759%, -1159%);
}

.service-intro__right.seo-smm img.star2 {
  animation-delay: 0.6s;
  width: 4%;
  transform: translate(-940%, -802%);
}

.service-intro__right.seo-smm img.star3 {
  animation-delay: 0.8s;
  width: 4%;
  transform: translate(-619%, -1002%);
}

.service-intro__right.seo-smm img.star4 {
  animation-delay: 0.8s;
  width: 4%;
  transform: translate(168%, -727%);
}

.service-intro__right.seo-smm img.star5 {
  animation-delay: 0.8s;
  width: 4%;
  transform: translate(860%, -1542%);
}

.service-intro__right.seo-smm img.heart1 {
  animation-delay: 0.9s;
  width: 5%;
  transform: translate(-650%, -870%);
}

.service-intro__right.seo-smm img.heart2 {
  animation-delay: 0.9s;
  width: 5%;
  transform: translate(-455%, -1217%);
}

.service-intro__right.seo-smm img.heart3 {
  animation-delay: 1s;
  width: 5%;
  transform: translate(425%, -1396%);
}

.service-intro__right.seo-smm img.heart4 {
  animation-delay: 1s;
  width: 5%;
  transform: translate(765%, -715%);
}

.service-intro__right.seo-smm img.like1 {
  animation-delay: 1.2s;
  width: 5%;
  transform: translate(-800%, -445%);
}

.service-intro__right.seo-smm img.like2 {
  animation-delay: 1.2s;
  width: 5%;
  transform: translate(600%, -673%);
}

.service-intro__right.seo-smm img.magnet1 {
  animation-delay: 1.3s;
  width: 6%;
  transform: translate(-300%, -420%);
}

.service-intro__right.seo-smm img.magnet2 {
  animation-delay: 1.4s;
  width: 6%;
  transform: translate(-133%, -752%);
}

.service-intro__right.seo-smm img.magnet3 {
  animation-delay: 1.4s;
  width: 6%;
  transform: translate(-47%, -497%);
}

.service-intro__right.seo-smm img.magnet4 {
  animation-delay: 1.5s;
  width: 6%;
  transform: translate(186%, -586%);
}

.service-intro__right.seo-smm img.magnet5 {
  animation-delay: 1.6s;
  width: 6%;
  transform: translate(416%, -419%);
}

.service-intro__right.seo-smm img.magnet6 {
  animation-delay: 1.7s;
  width: 6%;
  transform: translate(550%, -802%);
}

.service-intro__right.seo-smm .work-part_items {
  background-size: 25%;
  margin-top: 20px;
}

.work-part_items_item {
  display: flex;
  justify-content: center;
}

.items-flex-reverse {
  flex-direction: row-reverse;
}

.work-part.animate .item-flex {
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 1s;
}

.item-flex {
  text-align: center;
}

.item-flex .title {
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #411a45;
  font-weight: bold;
  padding-bottom: 6px;
}

.item-flex .title.text-align-center {
  text-align: center;
  font-size: 15px;
}

.item-line {
  padding-top: 11px;
  margin-right: 6px;
  margin-left: 11px;
}

.item-flex-big {
  flex-basis: 143px;
}

.item-flex-mid {
  flex-basis: 130px;
}

.item-flex-sm {
  flex-basis: 104px;
}

.item-flex-xl {
  flex-basis: 124px;
}

.work-steps {
  padding: 30px 0;
  background-image: url(/local/templates/idea-promotion/images/smm-new/Group20.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.work-steps h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
  color: #411a45;
  margin-right: 37px;
  margin-left: 38px;
}

.work-steps .slider {
  margin-top: 20px;
}

.container {
  max-width: 700px;
  margin: 0 auto;
}

.slider__container {
  padding-left: 0;
  padding-right: 0;
}

.slider__item {
  flex: 0 0 100%;
  max-width: 100%;
}

.slider__item-container {
  line-height: 18px;
  font-size: 14px;
  color: #fff;
  height: 100%;
}

.slider__item-content {
  margin: 0 auto;
  position: relative;
  max-width: 610px;
  min-width: 285px;
  width: 80%;
  display: flex;
  justify-content: center;
}

.work-steps .slider__item-content-text {
  padding-left: 10px;
}

.slider__item-content-count {
  font-size: 72px;
  line-height: 92px;
  color: #66bc46;
  font-weight: bold;
}

.slider__item-content-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  color: #411a45;
  padding-top: 19px;
}

.slider__item-content-descr {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #411a45;
}

.slider__item-content-descr ul {
  padding-bottom: 0;
}

.slider__indicators {
  position: relative;
  padding: 0;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}

.slider__indicators li {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #c4c4c4;
  padding: 0;
  margin: 0;
  margin-right: 20px;
  border: none;
}

.slider__indicators li:last-child {
  margin-right: 0;
}

.slider__indicators li.active {
  background-color: #66bc46;
}

.work-steps .podrobnee,
.tarif-detail .zakazat {
  font-weight: bold;
  font-size: 21px;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
  padding: 11px 9px;
  display: block;
  max-width: 300px;
  background-color: #da434d;
  cursor: pointer;
  margin: 0 auto;
  text-decoration: none;
  border-radius: 8px;
}

/* .work-steps .podrobnee:hover,
.tarif-detail .zakazat:hover {
	background-color: #fff;
	border: 2px solid #429eda;
	color: #429eda;
	transition: all .5s ease;
} */

.tarif-detail .zakazat {
  margin-top: 20px;
  margin-bottom: 12px;
}

.tarif-part {
  padding: 120px 0 210px 0;
}

.tarif-part .title {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
  color: #411a45;
  margin-right: 37px;
  margin-left: 38px;
}

.tarif-part .description {
  margin: 20px 37px 80px 38px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  color: #411a45;
}

.tarif-part.animate .title,
.tarif-part.animate .description,
.tarif-part.animate .tarif_item {
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
}

.tarif-part .tarif_item {
  position: relative;
  padding: 0 10px;
  margin: 0 37px 0 38px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1);
  border: 1px solid #e8e8e8;
  background-color: #ffffff;
}

.tarif-part .tarif_item:nth-child(1) {
  border-left: 4px solid #e9275d;
}

.tarif-part .tarif_item:nth-child(2) {
  border-left: 4px solid #ff9f00;
}

.tarif-part .tarif_item:nth-child(3) {
  border-left: 4px solid #54d100;
}

.tarif-part.animate .tarif_item:nth-child(1) {
  animation-delay: 0.5s;
}

.tarif-part.animate .tarif_item:nth-child(2) {
  animation-delay: 0.7s;
}

.tarif-part.animate .tarif_item:nth-child(3) {
  animation-delay: 0.9s;
}

.tarif-item-wrap {
  display: flex;
  /* align-items: stretch; */
  align-items: center;
}

.tarif_item-text {
  width: 100%;
}

.tarif-part .tarif_item:last-child {
  margin-bottom: 0;
}

.tarif_item-text-hover {
  cursor: pointer;
  height: 100%;
}

.tarif-part .tarif_item .tarif_item_title {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  color: #411a45;
  margin-top: 30px;
}

.tarif-part .tarif_item .tarif_item_title_name {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  text-transform: uppercase;
  color: #480e53;
}

.tarif-part .tarif_item .tarif_item_descr {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #411a45;
  padding-top: 6px;
}

.tarif_item-text__price {
  margin: 20px 0 30px 0;
  font-weight: 700;
  font-size: 24px;
}

.tarif_item:nth-child(1) .tarif_item-text__price {
  color: #da434d;
}

.tarif_item:nth-child(2) .tarif_item-text__price {
  color: #ff9f00;
}

.tarif_item:nth-child(3) .tarif_item-text__price {
  color: #54d100;
}

.tarif_item_plus {
  padding-left: 35px;
  cursor: pointer;
  padding-top: 0px;
  display: flex;
  align-items: center;
}

.tarif_item_plus-xl {
  display: none;
}

.work-together {
  padding: 30px 0;
}

.work-together .title {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 100%;
  text-align: center;
  color: #411a45;
  margin-bottom: 20px;
}

.work-together .slider__item-content-img {
  width: 25%;
  max-width: 90px;
  min-width: 60px;
  align-self: center;
}

.work-together .slider__item-content-text {
  padding-left: 20px;
  width: 75%;
}

.work-together .slider__item-content-title,
.work-together .slider__item-content-descr {
  padding-left: 0;
  padding-top: 0;
}

.work-together .slider__item-content-descr {
  padding-top: 10px;
}

.work-together .slider__item-content {
  max-width: 610px;
  min-width: 285px;
  width: 80%;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  top: 50%;
}

.work-warning {
  padding: 120px 0 140px 0;
  background-color: #f7f7f7;
  /* background-image: url(/local/templates/idea-promotion/images/smm-new/Component1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; */
}

.work-warning .title {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
  color: #411a45;
}

.work-warning.animate .title {
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
}

.work-warning-container {
  margin-top: 90px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.work-warning-container-item {
  width: 22%;
  margin-bottom: 20px;
  margin-right: 37px;
  margin-left: 38px;
  display: flex;
  flex-direction: column;
}

.work-warning.animate .work-warning-container-item {
  opacity: 0;
  animation: textIn 0.3s ease-out forwards;
}

.work-warning.animate .work-warning-container-item:nth-child(1) {
  animation-delay: 0.5s;
}

.work-warning.animate .work-warning-container-item:nth-child(2) {
  animation-delay: 0.7s;
}

.work-warning.animate .work-warning-container-item:nth-child(3) {
  animation-delay: 0.9s;
}

.work-warning.animate .work-warning-container-item:nth-child(4) {
  animation-delay: 1.1s;
}

.work-warning-container-item:last-child {
  margin-bottom: 0;
}

.work-warning-container-item-point {
  /* margin-right: 10px; */
  margin-bottom: 20px;
}

.work-warning-container-item-point img {
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.work-warning-container-item-text-title {
  height: 46px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #da434d;
  margin-bottom: 30px;
}

.work-warning-container-item-text-descr {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #411a45;
}

.best-project {
  padding: 30px 0;
}

.best-project .title {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 34px;
  text-align: center;
  color: #411a45;
}

.best-project .container {
  margin-top: 20px;
}

.slider__item-content-text-title {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #411a45;
}

.slider__item-content-text-descr {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #411a45;
}

.slider__item-content-media {
  margin-top: 10px;
  display: flex;
}

.slider__item-content-media-graph {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #411a45;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}

.best-project .slider__item-content {
  max-width: none;
}

.best-project .container {
  max-width: none;
}

.best-project .slider__item-content {
  width: 100%;
}

.best-project .slider__item-content-media-graph .text {
  color: #776978;
  font-weight: normal;
  text-align: left;
}

.best-project .slider__item-content-media-graph .text .name {
  font-size: 18px;
  line-height: 25px;
  color: #da424d;
  text-transform: uppercase;
}

.best-project .slider__item-content-media-graph .prop-list {
  margin-bottom: 15px;
}

.best-project .slider__item-content-media-graph .prop-list b {
  color: #411a45;
}

.best-project .slider__item-content-media-graph .req-list {
  margin-bottom: 25px;
  clear: both;
}

.best-project .slider__item-content-media-graph .req-list .main-rosea li {
  color: red;
}

.best-project .slider__item-content-media-graph .req-list .main-rosea li span {
  color: #776978;
}

.best-project .slider__item-content-media {
  flex-direction: column;
  align-items: center;
}

.best-project .slider__item-content-media-graph .links {
  text-align: center;
}

.best-project .title {
  font-size: 26px;
  line-height: 26px;
}

.best-project .slider__control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  width: auto;
  height: auto;
  display: none;
}

.best-project .slider__control[data-slide="next"]::before {
  background-image: url(/local/templates/idea-promotion/images/smm-new/r.svg);
  width: 30px;
  height: 30px;
}

.slider__control[data-slide="prev"]::before {
  background-image: url(/local/templates/idea-promotion/images/smm-new/l.svg);
  width: 30px;
  height: 30px;
}

.work-part .work-part_items_item .descr {
  display: none;
}

.work-together-static,
.work-steps-static {
  display: none;
}

.tarif-detail {
  display: none;
  font-size: 12px;
  line-height: 16px;
  color: #411a45;
  margin-top: 20px;
}

.tarif-detail-basic__active,
.tarif-detail-optima__active,
.tarif-detail-komplex__active {
  display: block;
}

.tarif_item_plus-basic,
.tarif_item_plus-optima,
.tarif_item_plus-komplex {
  display: flex;
}

/*изначально все минусы не видны*/
.tarif_item_plus .minus {
  display: none;
}

/*если нажат плюс, список раскрыт, плюсы делаются не видимыми*/
.tarif_item_plus-basic__minus .tarif_item_plus-sm,
.tarif_item_plus-optima__minus .tarif_item_plus-sm,
.tarif_item_plus-komplex__minus .tarif_item_plus-sm,
.tarif_item_plus-basic__minus .tarif_item_plus-xl,
.tarif_item_plus-optima__minus .tarif_item_plus-xl,
.tarif_item_plus-komplex__minus .tarif_item_plus-xl {
  display: none;
}

/*если нажат плюс, список раскрыт, минусы делаются видимыми*/
.tarif_item_plus-basic__minus .minus,
.tarif_item_plus-optima__minus .minus,
.tarif_item_plus-komplex__minus .minus {
  display: block;
}

/*но при этом на малых разрешениях большие минусы скрыты*/
.tarif_item_plus-basic__minus .minus-xl,
.tarif_item_plus-optima__minus .minus-xl,
.tarif_item_plus-komplex__minus .minus-xl {
  display: none;
}

/*а малые видны*/
.tarif_item_plus-basic__minus .minus-sm,
.tarif_item_plus-optima__minus .minus-sm,
.tarif_item_plus-komplex__minus .minus-sm {
  display: block;
}

.tarif-detail-title {
  color: #411a45;
  font-weight: bold;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 23px;
}

.tarif-detail-descr {
  color: #ed2224;
  font-weight: bold;
}

.tarif-detail-price {
  text-transform: uppercase;
  color: #ed2224;
  font-weight: bold;
}

.tarif-detail ul {
  list-style: disc;
}

.tarif-detail ol {
  list-style: decimal;
  padding-bottom: 0;
}

.tarif-detail .circle-list {
  list-style: circle;
  padding-bottom: 0;
}

@media (min-width: 320px) {
  .work-part_items {
    opacity: 1;
  }
}

@media (max-width: 374px) {
  .main-smm .title,
  .work-part h3,
  .tarif-part .tarif_item,
  .tarif-part .description,
  .tarif-part .title,
  .work-warning .title,
  .work-warning-container-item {
    margin-right: calc(50% - 150px);
    margin-left: calc(50% - 150px);
  }

  .work-steps h3 {
    margin-right: calc(50% - 158px);
    margin-left: calc(50% - 158px);
  }
}

@media (min-width: 375px) {
  .best-project .slider__item-content-media {
    margin-left: 38px;
    margin-right: 37px;
  }

  .item-flex .title.text-align-center {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  /* .main-smm {
		padding: 50px 0;
		background-image: url(/local/templates/idea-promotion/images/smm-new/bg-xl.png);
	} */

  .main-smm .title {
    font-size: 30px;
    line-height: 36px;
    text-align: left;
    margin-left: 77px;
  }

  .main-smm .description {
    text-align: left;
    font-size: 18px;
    line-height: 23px;
    max-width: 390px;
    margin-left: 77px;
  }

  /* .main-smm a {
		font-size: 22px;
		line-height: 28px;
		max-width: 320px;
		margin-left: 77px;
	} */

  .work-part_items_item {
    justify-content: space-between;
  }

  .work-part_items {
    margin-right: 77px;
    margin-left: 75px;
  }

  .work-part .work-part_items {
    margin-right: 20px;
    margin-left: 20px;
  }

  #how-we-make .work-part_items {
    margin-right: 20px;
    margin-left: 20px;
  }

  .item-line,
  .red-line {
    display: none;
  }

  .work-part .work-part_items_item .descr {
    display: block;
    text-align: left;
  }

  .work-part .work-part_items_item .descr.text-align-center {
    text-align: center;
  }

  .item-flex-big,
  .item-flex-mid {
    flex-basis: 340px;
    display: flex;
  }

  .item-flex-sm,
  .item-flex-xl {
    flex-basis: 307px;
    display: flex;
  }

  .item-flex-sm img,
  .item-flex-xl img {
    align-self: start;
    margin-right: 10px;
  }

  .item-flex .title,
  .item-flex-xl .title {
    text-align: left;
  }

  .work-part h3 {
    font-size: 30px;
    line-height: 39px;
  }

  .tarif_item_plus-xl {
    display: block;
  }

  .tarif_item_plus-sm {
    display: none;
  }

  /*а на больших разрешениях наоборот,
	если нажата кнопка плюс и блок с детальной информацией открыт
	плюс становится невидим, минус - видимым
	но при этом большие видны - */
  .tarif_item_plus-basic__minus .minus-xl,
  .tarif_item_plus-optima__minus .minus-xl,
  .tarif_item_plus-komplex__minus .minus-xl {
    display: block;
  }

  /*а маленькие нет*/
  .tarif_item_plus-basic__minus .minus-sm,
  .tarif_item_plus-optima__minus .minus-sm,
  .tarif_item_plus-komplex__minus .minus-sm {
    display: none;
  }

  .tarif-part .title,
  .best-project .title {
    font-size: 30px;
    line-height: 39px;
  }

  .tarif-part .description {
    font-size: 16px;
    line-height: 19px;
    margin-left: 75px;
    margin-right: 77px;
  }

  .tarif-part .tarif_item {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 75px;
    margin-right: 77px;
  }

  .tarif-detail .zakazat {
    margin-bottom: 30px;
  }

  .tarif-part .tarif_item .tarif_item_title {
    font-size: 24px;
    line-height: 31px;
    /* padding-top: 30px; */
  }

  .tarif-part .tarif_item .tarif_item_title_name {
    font-size: 24px;
    line-height: 31px;
  }

  .tarif-part .tarif_item .tarif_item_descr,
  .tarif-detail {
    font-size: 14px;
    line-height: 18px;
  }

  /* .tarif-part .tarif_item .tarif_item_descr span {
		font-style: italic;
	} */

  .slider__item-content-text-title {
    font-size: 16px;
    line-height: 21px;
  }

  .slider__item-content-text-descr {
    font-size: 14px;
    line-height: 18px;
  }

  .slider__item-content-media-graph {
    font-size: 16px;
    line-height: 21px;
  }

  /* .work-warning-container-item {
		margin-left: 75px;
		margin-right: 77px;
		margin-bottom: 42px;
	} */

  .work-warning .title {
    font-size: 30px;
    line-height: 39px;
  }

  .work-warning-container-item-text-title {
    font-size: 16px;
    line-height: 21px;
  }

  .work-warning-container-item-text-descr {
    font-size: 14px;
    line-height: 18px;
  }

  .work-together-static,
  .work-steps-static {
    display: block;
    margin-left: 75px;
    margin-right: 77px;
  }

  .work-together-slider,
  .work-steps-slider {
    display: none;
  }

  .work-together .title {
    font-size: 30px;
    line-height: 39px;
  }

  .work-together-static .plus {
    margin-top: 60px;
  }

  .work-together-static .row {
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .work-together-static .plus-item {
    display: flex;
    width: 510px;
    margin-bottom: 60px;
  }

  .work-together-static .plus-item img {
    min-width: 64px;
    width: 64px;
    height: 64px;
    margin-right: 40px;
  }

  .work-steps-static .plus {
    margin-top: 60px;
  }

  .work-steps-static .row {
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .work-steps-static .plus-item {
    display: flex;
    width: 300px;
    margin-bottom: 60px;
  }

  .work-steps-static .plus-item .count {
    font-size: 72px;
    line-height: 62px;
    color: #66bc46;
    font-weight: bold;
  }

  .work-part_items_item {
    margin-bottom: 30px;
  }

  .items-flex-reverse {
    margin-bottom: 0;
  }

  /* .work-warning {
		background-image: url(/local/templates/idea-promotion/images/smm-new/Component1bg.png);
	} */

  .work-steps {
    background-image: url(/local/templates/idea-promotion/images/smm-new/Group20bg.png);
  }

  .tarif-part .tarif_item {
    min-height: 157px;
  }

  .tarif_item-text {
    min-height: 141px;
  }

  .tarif-detail {
    margin-top: 0;
  }

  .best-project .slider__item-content-media-prew,
  .best-project .slider__item-content-media-graph {
    width: 50%;
  }

  .best-project .slider__item-content-media {
    flex-direction: row;
    align-items: center;
  }

  .best-project .slider__item-content-media-graph .links {
    text-align: left;
  }

  .best-project .slider__control {
    display: block;
  }

  .best-project .slider__control[data-slide="next"]::before {
    width: 40px;
    height: 40px;
  }

  .best-project .slider__control[data-slide="prev"]::before {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 900px) {
  #how-we-make .work-part_items {
    margin-right: 50px;
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  #how-we-make .work-part_items {
    margin-right: 10px;
    margin-left: 10px;
  }

  #how-we-make .work-part_items {
    background-image: url(/local/templates/idea-promotion/images/dev/circle-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 34%;
  }

  .work-part_items {
    background-image: url(/local/templates/idea-promotion/images/smm-new/circle-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
  }

  .work-part.animate .work-part_items {
    opacity: 0;
    animation: fadeInItem 0.3s linear forwards;
    animation-delay: 0.2s;
  }

  .item-flex-big,
  .item-flex-mid {
    flex-basis: 330px;
  }

  .work-together-static .row,
  .work-steps-static .row {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
  }
}

@media (min-width: 1180px) {
  .work-part_items {
    background-image: url(/local/templates/idea-promotion/images/smm-new/circle-bg.png);
  }

  #how-we-make .work-part_items {
    background-size: 40%;
  }

  #how-we-make .work-part_items {
    margin-left: 75px;
    margin-right: 75px;
  }

  .main-smm .title,
  .main-smm .description,
  .main-smm a,
  .work-part_items,
  .tarif-part .description,
  .tarif-part .tarif_item,
  .work-together-static,
  .work-steps-static,
  .work-warning-container-item {
    margin-left: 0;
  }

  .tarif-part .tarif_item,
  .work-together-static,
  .work-steps-static,
  .work-warning-container-item {
    margin-right: 0;
  }

  .work-part,
  .work-steps,
  .work-together {
    padding: 50px 0;
  }

  .main-smm .title,
  .work-part h3,
  .work-steps h3,
  .tarif-part .title,
  .title-1,
  .work-warning .title,
  .work-together .title,
  .big-title,
  .best-project .title {
    font-size: 42px;
    line-height: 54px;
  }

  .main-smm .description {
    max-width: 800px;
  }

  .main-smm .description {
    font-size: 24px;
    line-height: 31px;
  }

  .work-part .work-part_items_item .descr,
  .tarif-detail {
    font-size: 16px;
    line-height: 21px;
  }

  .item-flex-sm img,
  .item-flex-xl img {
    width: 106px;
    height: 106px;
    margin-right: 20px;
  }

  .item-flex-mid {
    flex-basis: 330px;
  }

  .item-flex-xl,
  .item-flex-sm {
    flex-basis: 416px;
  }

  .tarif-part .description {
    font-size: 18px;
    line-height: 22px;
  }

  .tarif-part .tarif_item .tarif_item_title_name,
  .tarif-part .tarif_item .tarif_item_title {
    font-size: 30px;
    line-height: 39px;
  }

  .tarif-part .tarif_item .tarif_item_descr,
  .work-warning-container-item-text-descr {
    font-size: 16px;
    line-height: 21px;
  }

  .work-warning-container-item-text-title {
    font-size: 18px;
    line-height: 23px;
  }

  .work-warning-container-item {
    margin-bottom: 50px;
  }

  .work-part_items_item {
    margin-bottom: 100px;
  }

  .items-flex-reverse {
    margin-bottom: 0;
  }

  .tarif-part .tarif_item {
    min-height: 153px;
  }

  .work-part_items {
    margin-right: 0;
  }
}

@media (min-width: 1280px) {
  .item-flex .title.text-align-center {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 20px;
  }

  .item-flex-big,
  .item-flex-mid {
    flex-basis: 345px;
  }
}

@media (max-width: 1000px) {
  .work-warning-container-item {
    width: 40%;
  }
}

@media (max-width: 768px) {
  .work-warning-container-item {
    width: 100%;
  }
}

/* PRICE_TIME UNIkalnye-sayty */
.unic-price-time {
  padding: 100px 0 140px 0;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}

.unic-price-time.animate .unic-price-time__title span {
  animation: textIn 0.3s ease-in forwards;
  animation-delay: 0.2s;
  opacity: 0;
  display: inline-block;
}

.unic-price-time__inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1320px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

.unic-price-time__title {
  margin: 0 auto;
  text-align: center;
  max-width: 1600px;
  color: #3f1a46;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 77px;
  overflow: hidden;
}

.unic-price-time.animate .unic-price-time__title span {
  /* animation: textIn 0.5s ease-out forwards; */
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.2s; */
  opacity: 0;
  display: inline-block;
}

.unic-price-time__inner {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
}

.unic-price-time__item {
  width: 27%;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 32px 39px rgba(73, 13, 94, 0.1);
  transition: transform 0.2s linear;
  cursor: pointer;
  box-sizing: border-box;
}

.unic-price-time__item:hover {
  transform: scale(1.05);
}

.unic-price-time__item-inner {
  padding: 15px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

@keyframes advItemIn {
  0% {
    opacity: 1;
    transform: translateY(50%);
  }

  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

.unic-price-time.animate .unic-price-time__item {
  animation: fadeInItem 0.3s ease-in forwards;
}

.unic-price-time.animate .unic-price-time__item:nth-child(1) {
  animation-delay: 0.3s;
  opacity: 0;
}

.unic-price-time.animate .unic-price-time__item:nth-child(2) {
  animation-delay: 0.6s;
  opacity: 0;
}

.unic-price-time.animate .unic-price-time__item:nth-child(3) {
  animation-delay: 0.9s;
  opacity: 0;
}

.unic-price-time__icon {
  margin-bottom: 15px;
  height: 64px;
}

.unic-price-time__subtitle {
  font-weight: 700;
  font-size: 25px;
  line-height: 1;
  color: #480e53;
  margin-bottom: 15px;
}

.unic-price-time__text {
  color: #616161;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
}

@media (max-width: 1605px) {
  .unic-price-time {
    padding: 6.3vw 10px 5.4vw;
  }

  .unic-price-time__inner {
    padding: 0 40px;
    justify-content: space-between;
  }

  .unic-price-time__item {
    width: 30%;
  }
}

@media (max-width: 1500px) {
  .unic-price-time__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1280px) {
  .unic-price-time__inner {
    justify-content: center;
  }

  .unic-price-time {
    padding: 80px 0;
  }

  .unic-price-time__title {
    margin-bottom: 60px;
  }

  .unic-price-time__item {
    width: 47%;
  }

  .unic-price-time__item:first-child {
    margin-right: 30px;
  }

  .unic-price-time__item:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media (max-width: 1023px) {
  .unic-price-time__title {
    font-size: 35px;
  }

  .unic-price-time__subtitle {
    font-size: 20px;
  }

  .unic-price-time__item-inner {
    padding: 15px 15px 25px;
  }

  .unic-price-time__icon img {
    width: 55px;
  }
}

@media (max-width: 768px) {
  .unic-price-time__inner {
    padding: 0 10px;
  }

  .unic-price-time__item {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .unic-price-time {
    padding: 70px 0;
  }

  .unic-price-time__item:first-child {
    margin-right: 0;
  }

  .unic-price-time__title {
    margin-bottom: 20px;
  }
}

@media (max-width: 500px) {
  .unic-price-time__title {
    font-size: 40px;
    margin-bottom: 60px;
  }
}

@media (max-width: 400px) {
  .unic-price-time__title {
    font-size: 35px;
  }
}

/* PRICE_TIME UNIkalnye-sayty */

/* поддержка сайтов */

.service-intro.support,
.service-intro.prodvizhenie {
  padding-top: 60px;
}

.service-intro__top.support {
  align-items: center;
}

.service-intro__left.support,
.service-intro__left.prodvizhenie {
  width: 46.8%;
}

.service-intro__left.support .extra-text {
  display: none;
}

.service-intro__left .item-text.item-special.support {
  margin-bottom: 30px;
}

.service-intro__left h1.title.support {
  margin-bottom: 40px;
}

.service-intro__right.support {
  width: 49.3%;
}

.service-intro__right .board.support {
  margin-top: 0;
}

.service-intro__right.support .rocket-left.support {
  width: 12.3%;
  position: absolute;
  z-index: 1;
}

.service-intro__right.support.animate .rocket-left.support {
  animation: rocketSupportLeftIn 1s ease-out forwards;
  animation-delay: 1.3s;
  opacity: 0;
}

.service-intro__bottom.prodvizhenie {
  background-color: #ffffff;
}

@keyframes rocketSupportLeftIn {
  0% {
    transform: translate(76%, -719%);
    opacity: 1;
  }

  100% {
    transform: translate(-244%, -146%);
    opacity: 1;
  }
}

.service-intro__right.support .rocket-right.support,
.service-intro__right.prodvizhenie .rocket-right.prodvizhenie {
  width: 11.5%;
  position: absolute;
  z-index: 2;
}

.service-intro__right.support.animate .rocket-right.support,
.service-intro__right.prodvizhenie.animate .rocket-right.prodvizhenie {
  animation: rocketSupportRightIn 1s ease-out forwards;
  animation-delay: 1.3s;
  opacity: 0;
}

@keyframes rocketSupportRightIn {
  0% {
    transform: translate(515%, 115%);
    opacity: 1;
  }

  100% {
    transform: translate(299%, -148%);
    opacity: 1;
  }
}

.service-intro__right.support .stars.support {
  width: 79.2%;
  position: absolute;
  z-index: 2;
  transform: translate(-3%, -65%);
}

.service-intro__right.support.animate .stars.support,
.service-intro__right.support.animate .red-magnet1.support,
.service-intro__right.support.animate .red-magnet2.support,
.service-intro__right.support.animate .glass.support,
.service-intro__right.support.animate .text.support,
.service-intro__right.support.animate .olga.support,
.service-intro__right.support.animate .phone.support {
  animation: fadeInItem 0.2s ease-out forwards;
  opacity: 0;
}

.service-intro__right.support.animate .stars.support {
  animation-delay: 1s;
}

.service-intro__right.support.animate .red-magnet1.support {
  animation-delay: 1.2s;
}

.service-intro__right.support.animate .red-magnet2.support {
  animation-delay: 1.3s;
}

.service-intro__right.support.animate .olga.support {
  animation-delay: 1.5s;
}

.service-intro__right.support.animate .text.support {
  animation-delay: 1.7s;
}

.service-intro__right.support.animate .phone.support {
  animation-delay: 1.9s;
}

.service-intro__right.support .red-magnet1.support,
.service-intro__right.support .red-magnet2.support,
.service-intro__right.support .phone.support,
.service-intro__right.support .text.support,
.service-intro__right.support .olga.support {
  position: absolute;
}

.service-intro__right.support .red-magnet1.support {
  width: 5.8%;
  z-index: 3;
  transform: translate(-667%, -352%);
}

.service-intro__right.support .red-magnet2.support {
  width: 5.3%;
  z-index: 3;
  transform: translate(649%, -984%);
}

.service-intro__right.support .text.support {
  width: 30.8%;
  z-index: 5;
  transform: translate(-92%, -258%);
}

.service-intro__right.support .phone.support {
  width: 14.3%;
  z-index: 5;
  transform: translate(121%, -165%);
}

.service-intro__right.support .olga.support {
  width: 66.2%;
  z-index: 5;
  transform: translate(12%, -24%);
}

.service-intro__bottom.support {
  background: #ffffff;
  position: relative;
}

.service-intro__bottom.prodvizhenie {
  background: #ffffff;
  position: relative;
  z-index: 2;
}

.service-intro.prodvizhenie {
  max-width: 1620px;
  padding: 40px 10px 0;
  box-sizing: border-box;
}

.service-intro__left h1.title.prodvizhenie {
  margin: 70px 0 0;
}

.service-intro__right.prodvizhenie .stars.prodvizhenie {
  width: 81.2%;
  position: absolute;
  z-index: 2;
  transform: translate(0%, -66%);
}

.service-intro__right.prodvizhenie .photo.prodvizhenie {
  width: 61.2%;
  z-index: 1;
  transform: translate(3%, -27%);
}

.service-intro__right.prodvizhenie .text.prodvizhenie {
  width: 32%;
  transform: translate(-86%, -287%);
  z-index: 1;
}

.service-intro__right.prodvizhenie .yandex.prodvizhenie {
  width: 17%;
  transform: translate(-143%, -81%);
  z-index: 1;
}

.service-intro__right.prodvizhenie .google.prodvizhenie {
  width: 17%;
  transform: translate(137%, -255%);
  z-index: 1;
}

.service-intro__right.prodvizhenie .red-magnet1.prodvizhenie {
  width: 5.5%;
  transform: translate(-766%, -1056%);
  z-index: 1;
}

.service-intro__right.prodvizhenie .stars.prodvizhenie,
.service-intro__right.prodvizhenie .red-magnet1.prodvizhenie,
.service-intro__right.prodvizhenie .google.prodvizhenie,
.service-intro__right.prodvizhenie .yandex.prodvizhenie,
.service-intro__right.prodvizhenie .text.prodvizhenie,
.service-intro__right.prodvizhenie .photo.prodvizhenie {
  position: absolute;
}

.service-intro__right.prodvizhenie.animate .stars.prodvizhenie,
.service-intro__right.prodvizhenie.animate .red-magnet1.prodvizhenie,
.service-intro__right.prodvizhenie.animate .google.prodvizhenie,
.service-intro__right.prodvizhenie.animate .yandex.prodvizhenie,
.service-intro__right.prodvizhenie.animate .text.prodvizhenie,
.service-intro__right.prodvizhenie.animate .photo.prodvizhenie {
  animation: fadeInItem 0.2s ease-out forwards;
  opacity: 0;
}

.service-intro__right.prodvizhenie.animate .stars.prodvizhenie {
  animation-delay: 1s;
}

.service-intro__right.prodvizhenie.animate .photo.prodvizhenie {
  animation-delay: 1.2s;
}

.service-intro__right.prodvizhenie.animate .red-magnet1.prodvizhenie {
  animation-delay: 1.5s;
}

.service-intro__right.prodvizhenie.animate .text.prodvizhenie {
  animation-delay: 1.7s;
}

.service-intro__right.prodvizhenie.animate .google.prodvizhenie {
  animation-delay: 1.8s;
}

.service-intro__right.prodvizhenie.animate .yandex.prodvizhenie {
  animation-delay: 2s;
}

@media (max-width: 1400px) {
  .service-intro__left.support .item-text span,
  .service-intro__left.support .item.support span {
    font-size: 18px;
  }
}

@media (max-width: 1300px) {
  .service-intro__left.support {
    width: 49.8%;
  }

  .service-intro__left h1.title.prodvizhenie {
    margin-top: 50px;
  }
}

@media (max-width: 1150px) {
  .service-intro__left.support .item-text span,
  .service-intro__left.support .item.support span {
    font-size: 16px;
  }
}

@media (max-width: 1110px) {
  .service-intro__right.support .olga.support {
    transform: translate(12%, -20%);
  }
}

@media (max-width: 1023px) {
  .service-intro.support,
  .service-intro.prodvizhenie {
    padding-top: 20px;
  }

  .service-intro__right.support,
  .service-intro__right.prodvizhenie {
    width: 80%;
  }

  .service-intro__left.support,
  .service-intro__left.prodvizhenie {
    width: 98%;
  }

  .service-intro__right.support .board.support {
    width: 100%;
  }

  .service-intro__left h1.title.support,
  .service-intro__left h1.title.prodvizhenie {
    margin-top: 95px;
  }

  .service-intro__right.prodvizhenie .photo.prodvizhenie {
    width: 55.2%;
    z-index: 1;
    transform: translate(3%, -34%);
  }
}

@media (max-width: 767px) {
  .service-intro__left h1.title.support,
  .service-intro__left h1.title.prodvizhenie {
    margin-top: 0;
  }

  .service-intro__left.support {
    width: 100%;
  }

  .service-intro__left.support .item-text span,
  .service-intro__left.support .item.support span {
    display: none;
  }

  .service-intro__left.support .extra-text {
    display: block;
    font-size: 16px;
    color: #534f54;
    font-weight: 400;
    line-height: 1.55;
  }

  .service-intro__left.support .extra-text {
    margin-bottom: 20px;
  }

  .service-intro__left h1.title.support {
    margin-bottom: 0;
  }
}

.site-support-wrapper {
  padding-bottom: 90px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.site-support {
  padding-top: 45px;
  padding-bottom: 96px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 10px solid #ffffff;
  box-sizing: border-box;
}

.site-support-wrapper.animate .site-support {
  animation: borderIn 0.2s ease-in forwards;
  animation-delay: 1.2s;
}

.site-support__title {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  color: #3f1a46;
  text-align: center;
  overflow: hidden;
}

.site-support-wrapper.animate .site-support__title span {
  animation: textIn 0.3s ease-out forwards;
  /* animation-delay: 0.3s; */
  opacity: 0;
  display: inline-block;
}

.site-support__inner {
  max-width: 1342px;
  padding-top: 96px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.site-support__item {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 20%;
  padding: 0 10px;
  box-sizing: border-box;
}

.site-support-wrapper.animate .site-support__item {
  animation: fadeInItem 0.3s ease-in forwards;
  opacity: 0;
}

.site-support-wrapper.animate .site-support__item:nth-child(1) {
  animation-delay: 0.3s;
}

.site-support-wrapper.animate .site-support__item:nth-child(2) {
  animation-delay: 0.6s;
}

.site-support-wrapper.animate .site-support__item:nth-child(3) {
  animation-delay: 0.9s;
}

.site-support-wrapper.animate .site-support__item:nth-child(4) {
  animation-delay: 1.2s;
}

.site-support__item:not(:last-child) {
  margin-right: 13.5%;
}

.site-support__icon {
  margin-bottom: 15px;
}

.site-support__text {
  color: #da434d;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  display: flex;
}

@media (max-width: 1600px) {
  .site-support {
    margin: 0 10px;
  }
}

@media (max-width: 1500px) {
  .site-support {
    padding-bottom: 80px;
  }

  .site-support__title {
    font-size: 3vw;
  }

  .site-support__item {
    width: 25%;
  }

  .site-support__text {
    font-size: 1.6vw;
  }

  .site-support__item:not(:last-child) {
    margin-right: 0;
  }

  .site-support__inner {
    justify-content: space-evenly;
  }
}

@media (max-width: 1200px) {
  .site-support {
    padding-bottom: 60px;
  }

  .site-support__icon img {
    width: 100px;
  }

  .site-support__inner {
    padding-top: 70px;
  }

  .site-support__item {
    width: 30%;
  }

  .site-support__text {
    font-size: 18px;
  }
}

@media (max-width: 1000px) {
  .site-support__inner {
    flex-wrap: wrap;
    padding: 96px 10px 0 10px;
  }

  .site-support__item:not(:last-child) {
    margin-right: 4%;
    margin-bottom: 60px;
  }

  .site-support__item:nth-child(2n) {
    margin-right: 0;
  }

  .site-support__item {
    width: 42%;
    align-items: center;
  }

  .site-support__text {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .site-support__text {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .site-support {
    border: 10px solid #f7f7f7;
  }
}

@media (max-width: 600px) {
  .site-support__text {
    font-size: 20px;
  }

  .site-support__inner {
    justify-content: center;
    padding: 60px 10px 0 10px;
  }

  .site-support__item:not(:last-child) {
    margin-right: 0;
  }

  .site-support__item {
    width: 90%;
  }

  .site-support__text br {
    display: none;
  }
}

@media (max-width: 500px) {
  .site-support {
    padding-bottom: 60px;
  }

  .site-support__title {
    font-size: 33px;
  }
}

@media (max-width: 400px) {
  .site-support__title {
    font-size: 29px;
  }
}

.we-offer-wrapper {
  padding: 118px 0 149px;
  background: #f7f7f7;
  width: 100%;
  display: flex;
  justify-content: center;
}

.we-offer-anim-wrap.animate .we-offer-wrapper {
  opacity: 0;
  animation: fadeInItem 0.5s linear forwards;
  animation-delay: 0.2s;
}

.we-offer {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1620px;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}

.we-offer__title {
  margin-bottom: 70px;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  color: #480e53;
  text-align: center;
  overflow: hidden;
}

.we-offer-anim-wrap.animate .we-offer__title span {
  animation: textIn 0.3s ease-out forwards;
  animation-delay: 0.8s;
  opacity: 0;
  display: inline-block;
}

.we-offer__inner {
  width: 100%;
  max-width: 910px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.we-offer__item {
  padding: 15px;
  /* border: 1px solid #e8e8e8; */
  box-shadow: 0px 32px 39px rgb(73 13 94 / 10%);
  box-sizing: border-box;
  width: 364px;
  background: #ffffff;
}

.we-offer-anim-wrap.animate .we-offer__item {
  opacity: 0;
  animation: fadeInItem 0.3s linear forwards;
}

.we-offer-anim-wrap.animate .we-offer__item:nth-child(1) {
  animation-delay: 1.3s;
}

.we-offer-anim-wrap.animate .we-offer__item:nth-child(2) {
  animation-delay: 1.7s;
}

.we-offer__item-title {
  color: #480e53;
  font-size: 25px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 15px;
}

ul.we-offer__list {
  color: #534f54;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  padding-bottom: 0;
  margin-left: 23px;
}

ul.we-offer__list li {
  margin-bottom: 3px;
}

@media (max-width: 1500px) {
  .we-offer-wrapper {
    padding: 120px 0;
  }

  .we-offer__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1300px) {
  .we-offer-wrapper {
    padding: 100px 0;
  }
}

@media (max-width: 1050px) {
  .we-offer-wrapper {
    padding: 80px 0;
  }
}

@media (max-width: 1023px) {
  .we-offer__title {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .we-offer__title {
    margin-bottom: 40px;
  }

  .we-offer__inner {
    flex-direction: column;
    align-items: center;
  }

  .we-offer__item:first-child {
    margin-bottom: 30px;
  }

  .we-offer__item {
    width: 100%;
  }

  .we-offer-wrapper {
    padding: 40px 0;
  }

  .we-offer__item-title {
    font-size: 20px;
  }
}

.portfolio-slider-wrapper {
  padding: 131px 10px 55px;
  width: 100%;
  background: url("/upload/service/portfolio-slider-bg.png") no-repeat;
  box-sizing: border-box;
  background-size: cover;
}

.portfolio-animation-wrapper.animate .portfolio-slider-wrapper {
  opacity: 0;
  animation: fadeInItem 0.5s linear forwards;
  animation-delay: 0.2s;
}

.portfolio-slider__title {
  margin: 0 auto 70px;
  color: #ffffff;
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  text-align: center;
  max-width: 1600px;
}

.portfolio-animation-wrapper.animate .portfolio-slider__title span {
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 0.5s;
  display: inline-block;
  opacity: 0;
}

.portfolio-slider__inner {
  margin: 0 auto;
  max-width: 1350px;
  box-sizing: border-box;
  position: relative;
}

.portfolio-slider__inner #portfolio .no-transform {
  width: 50%;
  height: auto;
  box-sizing: border-box;
  float: none;
}

.portfolio-slider__slider {
  /* max-height: 390px; */
  overflow: hidden;
}

.portfolio-slider__inner #portfolio .item .offset {
  height: auto;
  margin: 0;
  display: block;
}

.portfolio-slider__buttons {
  box-sizing: border-box;
  margin: 130px auto 0;
  width: 100%;
  max-width: 340px;
  display: flex;
  justify-content: space-between;
}

.portfolio-slider__buttons a {
  padding: 14px 30px;
  background: #ffffff;
  border-radius: 8px;
  color: #da434d;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: transform 0.3s linear;
}

.portfolio-slider__buttons a:hover {
  transform: scale(1.05);
}

.portfolio-slider__inner .swiper-pagination {
  bottom: -84px;
}

@media (max-width: 1500px) {
  .portfolio-slider__title {
    font-size: 3.75vw;
  }
}

@media (max-width: 1400px) {
  .portfolio-slider-wrapper {
    padding: 100px 10px 55px;
  }
}

@media (max-width: 1300px) {
  .portfolio-slider-wrapper {
    padding: 80px 10px 55px;
  }
}

@media (max-width: 1200px) {
  .portfolio-slider__title {
    margin-bottom: 60px;
  }

  .portfolio-slider__buttons {
    margin: 100px auto 0;
  }

  .portfolio-slider__inner .swiper-pagination {
    bottom: -70px;
  }
}

@media (max-width: 1023px) {
  .portfolio-slider__title {
    font-size: 35px;
  }
}

@media (max-width: 768px) {
  .portfolio-slider__inner #portfolio .no-transform {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .portfolio-slider__buttons a {
    font-size: 16px;
    padding: 14px 20px;
  }

  .tarifs-section__right.support {
    padding-bottom: 10px;
  }
}

.photo-block__right .swiper-button-next:after,
.photo-block__right .swiper-button-prev:after {
  display: none;
}

#contact {
  background: linear-gradient(0deg, #f3f3f3 0%, rgba(217, 217, 217, 0) 91.1%);
}

.contact__info {
  display: grid;
  grid-template: 160px auto auto / 2fr 1fr 1fr;
  grid-template-areas:
    "contact-roman . ."
    "contact-roman contact-contacts contact-about"
    "contact-roman contact-legal-address contact-legal-address";
  grid-gap: 20px;
}

@media (max-width: 1200px) {
  .contact__info {
    display: grid;
    grid-template: auto auto auto / 1fr 1fr;
    grid-template-areas:
      "contact-roman contact-roman"
      "contact-contacts contact-about"
      "contact-legal-address contact-legal-address";
  }
}

@media (max-width: 600px) {
  .contact__info {
    display: grid;
    grid-template: auto auto auto auto / 1fr;
    grid-template-areas:
      "contact-roman"
      "contact-contacts"
      "contact-about"
      "contact-legal-address";
  }
}

.contact__roman {
  grid-area: contact-roman;
  position: relative;
  display: flex;
  align-items: flex-end;
}

.contact__info.animate .contact__roman {
  animation: fadeInItem 0.3s linear forwards;
}

.contact__roman img {
  width: 80%;
  max-width: 532px;
}

.contact__roman-info {
  position: absolute;
  top: 180px;
  left: 400px;
}

@media (max-width: 1400px) {
  .contact__roman-info {
    left: 60%;
  }
}

@media (max-width: 1200px) {
  .contact__roman-info {
    left: 40%;
  }
}

@media (max-width: 1000px) {
  .contact__roman-info {
    left: 50%;
  }
}

@media (max-width: 800px) {
  .contact__roman-info {
    left: 60%;
  }
}

@media (max-width: 600px) {
  .contact__roman {
    align-items: flex-start;
    flex-direction: column;
  }

  .contact__roman-info {
    position: static;
  }
}

.contact__roman-info h3 {
  font-weight: 700;
  color: #000000;
  font-size: 20px;
}

.contact__roman-info h4 {
  font-weight: 400;
  color: #909090;
  font-size: 20px;
  font-style: italic;
}

.contact__contacts {
  grid-area: contact-contacts;
  color: #000000;
  font-size: 24px;
}

.contact__info.animate .contact__contacts {
  animation: fadeInItem 0.3s linear forwards;
}

.contact__contacts a {
  color: #000000;
  text-decoration: none;
}

.contact__about {
  grid-area: contact-about;
  color: #000000;
  font-size: 20px;
}

.contact__info.animate .contact__about {
  animation: fadeInItem 0.3s linear forwards;
}

.contact__legal-address {
  grid-area: contact-legal-address;
  color: #000000;
  font-size: 24px;
}

.contact__info.animate .contact__legal-address {
  animation: fadeInItem 0.3s linear forwards;
}

.contact__legal-address .contact__fade-line {
  width: 80%;
  height: 1px;
  background: linear-gradient(90deg, #000000 0%, rgba(106, 106, 106, 0) 96.54%);
  margin-bottom: 15px;
}

@media (max-width: 1400px) {
  .contact__roman-info h3 {
    font-size: 16px;
  }

  .contact__roman-info h4 {
    font-size: 16px;
  }

  .contact__contacts {
    font-size: 20px;
  }

  .contact__about {
    font-size: 16px;
  }

  .contact__legal-address {
    font-size: 20px;
  }
}

.yellow-selector .top-block {
  margin: 0 auto;
  max-width: 1600px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px 0;
  background: #ebebeb;
  margin-bottom: 40px;
}

.yellow-selector .top-block a {
  font-weight: 700;
  color: #534f54;
  background-color: #ffffff;
}

.yellow-selector .top-block a:hover,
.yellow-selector .top-block a.active {
  background: #da434d;
  color: white;
  outline: none;
}

.yellow-selector .bottom-block {
  margin: 0 auto;
  max-width: 1600px;
}

#portfolio {
  margin: 0 auto;
  max-width: 1600px;
}

#portfolio .item {
  width: 25%;
  float: left;
  position: relative;
  /* opacity: 0; */
}

#portfolio .item.animate {
  animation: fadeInItem 0.3s linear forwards;
}

#portfolio .item.half-g {
  width: 12.5%;
}

#portfolio .item .offset {
  margin: 5px;
  background: no-repeat center;
  height: 330px;
  background-size: cover;
}

#portfolio .item .item {
  width: 50%;
}

#portfolio .item.d .item {
  width: 100%;
}

#portfolio .item.q .item .offset,
#portfolio .item.half-v .offset {
  height: 160px;
}

#portfolio .item .bg {
  display: block;
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease;
  height: 330px;
  line-height: 330px;
  text-align: center;
  text-decoration: none;
}

#portfolio .item .bg .name {
  color: white;
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  font-size: 18px;
}

#portfolio .item.q .item .offset .bg,
#portfolio .item.half-v .offset .bg {
  height: 160px;
  line-height: 160px;
}

#portfolio .item:hover > .offset > .bg {
  background: rgba(0, 0, 0, 0.7);
}

#portfolio .item .bg img {
  max-width: 95%;
  max-height: 320px;
  vertical-align: middle;
  transition: all 0.5s ease;
  transform: scale(0.8);
}

#portfolio .item:hover > .offset > .bg img {
  transform: scale(1);
}

#portfolio .item.q .item .offset .bg img,
#portfolio .item.half-v .offset .bg img {
  max-height: 150px;
}

#portfolio .button {
  text-align: center;
  padding: 15px 0;
}

#portfolio .button .red-button {
  text-transform: none;
  background-image: url(images/eye.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
  padding-left: 75px;
}

@media screen and (max-width: 1150px) {
  #portfolio .item {
    width: 50%;
  }

  #portfolio .item.half-g {
    width: 25%;
  }
}

@media screen and (max-width: 700px) {
  #portfolio .item,
  #portfolio .item.half-g {
    width: 100%;
  }

  #portfolio .item.half-g {
    width: 50%;
  }

  #portfolio .item .bg {
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
  }

  #portfolio .item .bg img {
    transform: scale(1);
  }
}

#portfolio2 .item {
  width: 30%;
  float: left;
  position: relative;
}

#portfolio2 .item.half-g {
  width: 20%;
}

#portfolio2 .item .offset {
  margin: 5px;
  background: no-repeat center;
  height: 330px;
  background-size: cover;
}

#portfolio2 .item .item {
  width: 50%;
}

#portfolio2 .item.d .item {
  width: 100%;
}

#portfolio2 .item.q .item .offset,
#portfolio2 .item.half-v .offset {
  height: 160px;
}

#portfolio2 .item .bg {
  display: block;
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease;
  height: 330px;
  line-height: 330px;
  text-align: center;
  text-decoration: none;
}

#portfolio2 .item .bg .name {
  color: white;
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  font-size: 18px;
}

#portfolio2 .item.q .item .offset .bg,
#portfolio2 .item.half-v .offset .bg {
  height: 160px;
  line-height: 160px;
}

#portfolio2 .item:hover > .offset > .bg {
  background: rgba(0, 0, 0, 0.7);
}

#portfolio2 .item .bg img {
  max-width: 95%;
  max-height: 320px;
  vertical-align: middle;
  transition: all 0.5s ease;
  transform: scale(0.8);
}

#portfolio2 .item:hover > .offset > .bg img {
  transform: scale(1);
}

#portfolio2 .item.q .item .offset .bg img,
#portfolio2 .item.half-v .offset .bg img {
  max-height: 150px;
}

#portfolio2 .button {
  text-align: center;
  padding: 15px 0;
}

#portfolio2 .button .red-button {
  text-transform: none;
  background-image: url(images/eye.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
  padding-left: 75px;
}

@media screen and (max-width: 1150px) {
  #portfolio2 .item {
    width: 50%;
  }

  #portfolio2 .item.half-g {
    width: 25%;
  }
}

@media screen and (max-width: 700px) {
  #portfolio2 .item,
  #portfolio2 .item.half-g {
    width: 100%;
  }

  #portfolio2 .item.half-g {
    width: 50%;
  }

  #portfolio2 .item .bg {
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
  }

  #portfolio2 .item .bg img {
    transform: scale(1);
  }
}

.invisible-tab {
  display: none !important;
}

.portfolio-slider #price {
  background: none;
}

#portfolio .no-transform {
  width: 33.33%;
}

#portfolio .item .offset {
  height: 390px;
}

#portfolio .item .bg {
  height: 390px;
}

#portfolio .no-transform .item-info {
  position: absolute;
  bottom: 5px;
  color: white;
  left: 5px;
  right: 5px;
  display: flex;
}

#portfolio .no-transform .item-info .item-info__left,
#portfolio .no-transform .item-info .item-info__right {
  width: 50%;
}

#portfolio .no-transform .item-info .item-info__left {
  padding-left: 15px;
  /*height: 140px;*/
  padding-bottom: 20px;
}

#portfolio .no-transform .item-info .item-info__right {
  padding-right: 15px;
  padding-top: 25px;
  border-top: 3px solid #6d509d;
  border-left: 3px solid #6d509d;
  border-radius: 5px 0 0 0;
  line-height: 32px;
  font-size: 18px;
  /*width: 300px;*/
  /*min-width: 300px;*/
  /*height: 140px;*/
  min-height: 192px;
  box-sizing: border-box;
  padding-bottom: 20px;
}

.item-info__left__title {
  font-weight: 400;
  font-size: 20px;
  padding-bottom: 10px;
}

.item-info__right .highlight {
  font-weight: 400;
  font-size: 24px;
}

#portfolio .item .offset .bg {
  /*background: rgba(0, 0, 0, 0);*/
  line-height: 280px;
}

.tematika-item {
  background-color: #ff1717;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  border-radius: 21px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
}

.item-info__left__tematika {
  display: flex;
}

.item-info__left__tematika .tematika-items {
  max-width: 153px;
}

.item-info__left__tematika .target {
  align-self: flex-end;
  margin-left: 10px;
}

#portfolio .no-transform .item-info .item-info__right ul {
  list-style: none;
  padding-bottom: 0;
}

/*#portfolio .item .offset .bg{
	position: absolute;
    left: 5px;
    right: 5px;
    z-index: 10;

}*/

@media (max-width: 1400px) {
  #portfolio .no-transform {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #portfolio .no-transform {
    width: 100%;
  }

  .item-info__left__title {
    font-size: 14px;
    line-height: 15px;
  }

  #portfolio .no-transform .item-info .item-info__left {
    padding-left: 5px;
    padding-right: 5px;
    padding-right: 10px;
  }

  .tematika-item {
    font-size: 12px;
  }

  #portfolio .no-transform .item-info .item-info__right {
    font-size: 14px;
    line-height: 16px;
  }

  .item-info__right .highlight {
    font-size: 18px;
  }

  .target-sm {
    display: inline-block;
  }

  .target {
    display: none;
  }

  #portfolio .no-transform .item-info .item-info__right ul li {
    margin-bottom: 10px;
  }
}

@media (min-width: 425px) {
  .item-info__left__title {
    font-size: 18px;
    line-height: 20px;
  }

  .tematika-item {
    font-size: 14px;
  }

  #portfolio .no-transform .item-info .item-info__right {
    font-size: 18px;
    line-height: 20px;
  }

  #portfolio .no-transform .item-info .item-info__right ul li {
    margin-bottom: 10px;
  }

  .item-info__right .highlight {
    font-size: 20px;
  }

  #portfolio .no-transform .item-info .item-info__left {
    padding-left: 10px;
    padding-right: 5px;
  }
}

@media (min-width: 768px) {
  .item-info__right .highlight {
    font-size: 22px;
  }

  .target-sm {
    display: inline-block;
  }

  .target {
    display: none;
  }
}

@media (min-width: 1200px) {
  .item-info__left__title {
    font-size: 20px;
    line-height: 22px;
  }

  .target-sm {
    display: none;
  }

  .target {
    display: block;
  }

  .item-info__left__tematika .tematika-items {
    max-width: 172px;
  }

  .tematika-item {
    font-size: 16px;
  }

  #portfolio .no-transform .item-info .item-info__right {
    font-size: 20px;
    line-height: 22px;
  }

  .item-info__right .highlight {
    font-size: 24px;
  }

  #portfolio .no-transform .item-info .item-info__left {
    padding-left: 15px;
  }
}

.service-intro__left h1.title.prices {
  margin-bottom: 30px;
}

#price.prices {
  padding-top: 120px;
  padding-bottom: 240px;
}

.tarifs-section.prices {
  padding-bottom: 300px;
}

.tarifs-section.prices {
  padding-bottom: 200px;
}

.tarifs-section.prices {
  padding-top: 240px;
  padding-bottom: 120px;
}

@media (max-width: 1400px) {
  .tarifs-section.prices {
    padding-top: 220px;
  }
}

@media (max-width: 1200px) {
  .tarifs-section.prices {
    padding-top: 180px;
  }
}

.tarif-part.prices {
  padding-bottom: 100px;
}

.prices .service-intro__left.reveal .item span {
  animation-delay: 0.5s;
}

.service-intro.animated.prices .service-intro__bottom {
  animation-delay: 1s;
}

.color-dot-bg.animate {
  opacity: 0;
  animation: textIn 0.5s ease-out forwards;
  animation-delay: 0.5s;
}

.price-influence.prices {
  margin-top: 100px;
}

#price.tarif-part.prices {
  padding-bottom: 60px;
}

.tarifs-section.crowd.prices {
  margin-bottom: 60px;
}

#price.audit.prices {
  margin-bottom: 0;
}

#zakaz.zakaz-bottom .max1600 {
  margin: 0 auto;
  align-items: center;
}

#zakaz.zakaz-bottom .order .field {
  margin: 12px 0;
}

#zakaz.zakaz-bottom .order {
  margin-bottom: 12px;
}

#zakaz.zakaz-bottom .zakaz__item:nth-child(2) {
  width: 50%;
  max-width: 789px;
  min-height: 300px;
  height: 100vh;
  max-height: 632px;
  background-size: contain;
  background-position: bottom;
  margin: auto auto 0 auto;
}

@media (max-width: 767px) {
  #zakaz.zakaz-bottom .zakaz__item:nth-child(2) {
    width: 100%;
    height: 100%;
    background-size: contain;
  }
}

.detailed-card {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100vh;

  position: fixed;
  left: 0;
  top: 0;

  padding: 10px;

  background: rgba(0, 0, 0, 0.75);

  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 100;
}

.detailed-card__content {
  max-height: 100vh;

  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 80%;

  padding: 65px;

  background-color: #ffffff;
}

.detailed-card__big-scan {
  max-width: 50%;

  margin: 0 80px 0 0;
}

.detailed-card__text {
}

.detailed-card__text h2 {
}

.detailed-card__text h3 {
  font-weight: 400;
  font-size: 16px;
}

@media (max-width: 1024px) {
  .detailed-card__content {
    flex-direction: column;

    width: 100%;

    padding: 30px;
  }

  .detailed-card__big-scan {
    max-height: 300px;

    margin: 0 0 20px 0;
  }

  .detailed-card__text h2 {
    font-size: 20px;
    line-height: 20px;
  }

  .detailed-card__text h3 p {
    font-size: 16px;
    line-height: 16px;
  }
}

@media (max-width: 600px) {
  .detailed-card__content {
    padding: 20px;
  }

  .detailed-card__text h2 {
    font-size: 18px;
    line-height: 18px;
  }

  .detailed-card__text h3 p {
    font-size: 14px;
    line-height: 14px;
  }
}

@media (max-width: 480px) {
  .detailed-card__text h2 {
    font-size: 16px;
    line-height: 16px;
  }

  .detailed-card__text h3 p {
    font-size: 12px;
    line-height: 14px;
  }
}

.otzyvy__select-block {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 20px 0 0 0;
}

.otzyvy__select-button {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 33.33%;

  padding-bottom: 15px;

  border-bottom: 2px solid #e8e8e8;
}

.otzyvy__select-button button {
  font-weight: 400;
  font-size: 36px;
  line-height: 48px;
  color: #534f54;

  border: none;
  background: transparent;
  cursor: pointer;
}

.otzyvy__select-button.selected {
  border-bottom: 2px solid #6d0092;
}

.otzyvy__select-button.selected button {
  color: #480e53;
}

@media (max-width: 1400px) {
  .otzyvy__select-button button {
    font-size: 24px;
    line-height: 28px;
  }
}

@media (max-width: 1024px) {
  .otzyvy__select-button button {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width: 800px) {
  .otzyvy__select-button button {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 600px) {
  .otzyvy__select-button button {
    height: 28px;
    font-size: 14px;
    line-height: 14px;
  }
}

.review-list {
  display: block;
}

.review-list.hidden {
  display: none;
}

.otzyvy-clients {
  display: block;
}

.otzyvy-clients.hidden {
  display: none;
}

.otzyvy-workers {
  display: block;
}

.otzyvy-workers.hidden {
  display: none;
}


/* Портфолио Сантехмаркетт, Фурнитура 32 */

#case .santeh .work-info {
  border-bottom: none;
}

#case .santeh .description,
#case .hoco .description {
  padding: 50px 0 0 0;
}

#case .santeh .description .title,
#case .hoco .description .title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  color: #000000;
  text-transform: uppercase;
}

#case .santeh .description p,
#case .hoco .description p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #534f54;
}

#case .santeh .link a {
  color: #534f54;
  background: url(/local/templates/idea-promotion/images/portfolio/santeh/link.png)
    no-repeat center left;
}

#case .santeh_work-info,
#case .furnitura_work-info {
  margin: 110px 0 0 0;
  padding: 140px 10px 180px 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #f1f1f1;
}

#case .santeh_work-info .wrap,
#case .furnitura_work-info .wrap {
  width: 100%;
  max-width: 1200px;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

#case .santeh_work-info .item,
#case .furnitura_work-info .item {
  width: calc(50% - 10px);

  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 60px;
}

#case .santeh_work-info .item h2,
#case .furnitura_work-info .item h2 {
  padding: 0;
}

#case .santeh .work-results,
#case .santeh .what-we-did,
#case .hoco .work-results,
#case .hoco .what-we-did {
  padding: 50px 0;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

#case .santeh .work-results .left,
#case .santeh .work-results .right,
#case .santeh .what-we-did .left,
#case .santeh .what-we-did .right,
#case .hoco .work-results .left,
#case .hoco .work-results .right,
#case .hoco .what-we-did .left,
#case .hoco .what-we-did .right {
  width: 50%;
}

#case .santeh .work-results .right img,
#case .hoco .work-results .right img {
  margin-top: 90px;
}

#case .santeh .work-results h2,
#case .santeh .what-we-did p.title-1,
#case .hoco .work-results h2,
#case .hoco .what-we-did p.title-1 {
  font-weight: 700;
  font-size: 50px;
  line-height: 48px;
  color: #000000;
}

#case .santeh .what-we-did p.title,
#case .hoco .what-we-did p.title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  color: #480e53;
}

#case .santeh .flex_audit .item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#case .santeh .flex_audit .item .img {
  width: 47px;
  min-width: 47px;
}

#case .santeh .title {
  font-weight: 700;
  font-size: 42px;
  line-height: 48px;
  text-align: left;
  color: #000000;
  text-transform: initial;
}

#case .santeh_targeted-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  padding: 100px 10px 130px 10px;

  background: #f7f7f7;
}

#case .santeh_targeted-actions .wrap {
  width: 100%;
  max-width: 1200px;
}

#case .santeh_targeted-actions .title {
  width: 100%;

  margin-bottom: 70px;

  font-weight: 700;
  font-size: 42px;
  line-height: 48px;
  color: #000000;
  text-align: left;
  text-transform: initial;
}

#case .santeh_targeted-actions .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

#case .santeh_targeted-actions .item {
  width: calc(50% - 10px);

  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}

#case .santeh .tz_santeh {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

#case .santeh .tz_santeh .item {
  width: 100%;

  display: flex;
  flex-direction: column;
}

#case .santeh .tz_santeh .text {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  margin-bottom: 20px;
}

#case .santeh .tz_santeh .text p {
  padding-bottom: 0;

  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  text-transform: initial;
  color: #534F54;
}

#case .santeh .tz_santeh .num {
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;

  margin-bottom: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  float: none;
}

#case .santeh .tz_santeh .additional {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

#case .santeh .tz_santeh .additional .right,
#case .santeh .tz_santeh .additional .left {
  width: 50%;

  display: flex;
  flex-direction: column;
  align-items: center;

  float: none;
}

#case .santeh .tz_santeh .additional .right p,
#case .santeh .tz_santeh .additional .left p {
  font-weight: 400;
  font-size: 30px;
  line-height: 100%;
  color: #534f54;
  text-align: center;
}

@media (max-width: 1200px) {
  #case .santeh .what-we-did .left,
  #case .hoco .what-we-did .left {
    width: 45%;
  }
  #case .santeh .what-we-did .right,
  #case .hoco .what-we-did .right {
    width: 55%;
  }
}

@media (max-width: 1024px) {
  #case .santeh .description .title,
  #case .santeh .tz_santeh .text p,
  #case .hoco .description .title {
    font-size: 28px;
  }

  #case .santeh .description p,
  #case .hoco .description p {
    font-size: 16px;
  }

  #case .santeh_work-info,
  #case .furnitura_work-info {
    margin: 80px 0 0 0;
    padding: 80px 10px 80px 10px;
  }

  #case .santeh_work-info .item,
  #case .furnitura_work-info .item {
    gap: 20px;
  }

  #case .santeh .work-results,
  #case .santeh .what-we-did,
  #case .hoco .work-results,
  #case .hoco .what-we-did {
    flex-direction: column;
  }

  #case .santeh .work-results .right img,
  #case .hoco .work-results .right img {
    margin-top: 0;
  }

  #case .santeh .work-results h2,
  #case .santeh .what-we-did p.title-1,
  #case .santeh .title,
  #case .santeh_targeted-actions .title,
  #case .hoco .work-results h2,
  #case .hoco .what-we-did p.title-1 {
    font-size: 38px;
    line-height: 1;
  }

  #case .santeh_targeted-actions .title {
    margin-bottom: 20px;
  }

  #case .santeh .what-we-did p.title,
  #case .hoco .what-we-did p.title {
    font-size: 22px;
  }

  #case .santeh .work-results .left,
  #case .santeh .work-results .right,
  #case .santeh .what-we-did .left,
  #case .santeh .what-we-did .right,
  #case .hoco .work-results .left,
  #case .hoco .work-results .right,
  #case .hoco .what-we-did .left,
  #case .hoco .what-we-did .right {
    width: 100%;
  }

  #case .santeh .tz_santeh .additional .left,
  #case .santeh .tz_santeh .additional .right {
    width: 100%;
  }

  #case .santeh_targeted-actions {
    padding: 80px 10px;
  }
}

@media (max-width: 800px) {
  #case .santeh .work-results h2,
  #case .santeh .what-we-did p.title-1,
  #case .santeh .title,
  #case .santeh_targeted-actions .title,
  #case .hoco .work-results h2,
  #case .hoco .what-we-did p.title-1 {
    font-size: 28px;
  }

  #case .santeh .what-we-did p.title,
  #case .hoco .what-we-did p.title {
    font-size: 18px;
  }

  #case .santeh_work-info .item,
  #case .furnitura_work-info .item {
    width: 100%;
  }

  #case .santeh_targeted-actions .item {
    width: 100%;
  }

  #case .santeh .tz_santeh .text p {
    font-size: 18px;
  }

  #case table.phrases th {
    width: 50%;
    padding: 11px 40px 11px 20px;
  }
  #case table.phrases td {
    width: 50%;
    padding: 11px 40px 11px 20px;
  }

  #case .santeh .tz_santeh .num {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }
}

@media (max-width: 600px) {
  #case .santeh .work-results h2,
  #case .santeh .what-we-did p.title-1,
  #case .santeh .title,
  #case .santeh_targeted-actions .title,
  #case .hoco .work-results h2,
  #case .hoco .what-we-did p.title-1 {
    font-size: 24px;
  }

  #case table.phrases th {
    width: 50%;
    padding: 11px 20px;
  }
  #case table.phrases td {
    width: 50%;
    padding: 11px 20px;
  }

  #case .santeh_targeted-actions {
    padding: 40px 10px;
  }

  #case .santeh_targeted-actions .item {
    gap: 10px;
  }
}

.requests-statistics {
  display: flex;
  flex-direction: column;
}

.requests-statistics .top,
.requests-statistics ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;

  position: relative;
}

.requests-statistics ul {
  margin-left: 20px;
}

#case .santeh .work-results .requests-statistics .top .left,
#case .santeh .work-results .requests-statistics .top .right,
#case .hoco .work-results .requests-statistics .top .left,
#case .hoco .work-results .requests-statistics .top .right {
  width: auto;
}

.requests-statistics ul li::before {
  content: "";

  width: 13px;
  height: 16px;

  position: absolute;
  left: -18px;
  top: 4px;

  background: url("./images/portfolio/santeh/yandex-ico.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.requests-statistics ul li {
  margin-top: 12px;
}

.requests-statistics ul li .left,
.requests-statistics ul li .right {
  width: auto !important;

  white-space: nowrap;
}

.requests-statistics ul li .border-bottom {
  width: 98%;
  
  margin: 12px 1% 0 1%;

  border-bottom: 1px dotted #000;
}

.right_furnitura {
  max-width: 510px !important;
}

@media (max-width: 1200px) {
  .left_furnitura {
    margin-right: 30px !important;
  }

  .right_furnitura {
    max-width: 460px !important;
  }
}