/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body, html {
    margin: 0;
    font-family: "Proxima Nova";
    font-size: 18px;
    padding: 0 /*!important*/;
    min-width: 1200px; /*1332px;*/
/*    overflow: -moz-scrollbars-horizontal;
    overflow: auto;*/
}
.mobile-device {
    display: none;
}
.desktop {
    display: block;
}
.flex-center
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
ul li {
    list-style-type: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    margin: .67em 0;
    font-size: 2em;
}
mark {
    color: #000;
    background: #ff0;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
img {
    border: 0;
}
img {
    max-width: 100% !important;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}
legend {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}
@font-face {
    font-family: "px-light";
    src: url(/assets/fonts/ProximaNovaLight.otf);
}
@font-face {
    font-family: "px-regular";
    src: url(/assets/fonts/ProximaNovaRegular.otf);
}
@font-face {
    font-family: "px-bold";
    src: url(/assets/fonts/ProximaNovaBold.otf);
}
@font-face {
    font-family: "px-extrabold";
    src: url(/assets/fonts/ProximaNovaExtrabold.otf);
}
@font-face {
    font-family: "px-regular-italic";
    src: url(/assets/fonts/ProximaNovaRegularItalic.otf);
}
@font-face {
    font-family: "px-semibold";
    src: url(/assets/fonts/ProximaNovaSemibold.otf);
}
@font-face {
    font-family: "px-thin";
    src: url(/assets/fonts/ProximaNovaThin.otf);
}
@font-face {
    font-family: "px-black";
    src: url(/assets/fonts/ProximaNovaBlack.otf);
}
@font-face {
    font-family: "px-ExCnRegular";
    src: url(/assets/fonts/ProximaNovaExCn-Reg.otf);
}
@font-face {
    font-family: "px-ExCnLightlt";
    src: url(/assets/fonts/ProximaNovaExCn-LightIt.otf);
}
@font-face {
    font-family: "px-ExCnBold";
    src: url(/assets/fonts/ProximaNovaExCn-Bold.otf);
}
@font-face {
    font-family: "px-ExCnBlack";
    src: url(/assets/fonts/ProximaNovaExCn-Black.otf);
}
@font-face {
    font-family: "px-ExCnLight";
    src: url(/assets/fonts/ProximaNovaExCn-Light.otf);
}
@font-face {
    font-family: "px-ExCnSemiBold";
    src: url(/assets/fonts/ProximaNovaExCn-Sbold.otf);
}
@font-face {
    font-family: "px-novaCondReg";
    src: url(/assets/fonts/ProximaNovaCond-Reg.otf);
}
@font-face {
    font-family: "px-novaCondBold";
    src: url(/assets/fonts/ProximaNovaCond-Bold.otf);
}
@font-face {
    font-family: "MyriadProRegular";
    src: url(/assets/fonts/MyriadPro-Regular.otf);
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/assets/fonts/proxima/ProximaNova-Regular.eot');
    src: url('/assets/fonts/proxima/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/proxima/ProximaNova-Regular.woff') format('woff'),
    url('/assets/fonts/proxima/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/assets/fonts/proxima/ProximaNova-Bold.eot');
    src: url('/assets/fonts/proxima/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/proxima/ProximaNova-Bold.woff') format('woff'),
    url('/assets/fonts/proxima/ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/assets/fonts/proxima/ProximaNova-LightIt.eot');
    src: url('/assets/fonts/proxima/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/proxima/ProximaNova-LightIt.woff') format('woff'),
    url('/assets/fonts/proxima/ProximaNova-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/assets/fonts/proxima/ProximaNova-Light.eot');
    src: url('/assets/fonts/proxima/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/proxima/ProximaNova-Light.woff') format('woff'),
    url('/assets/fonts/proxima/ProximaNova-Light.ttf') format('truetype'),
    url('/assets/fonts/proxima/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
p {
    margin: 10px 0;
}

input.bad,
textarea.bad {
    box-shadow: 0 0 2px 2px red !important;
}
.margin-blocks {
    margin: 40px 0;
}
.clearfix {
    clear: both;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
    background: transparent;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 30px;
    right: -14px;
    top: 0;
    height: 100%;
}
.ui-resizable-e:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #00d688;
    right: 14px;
}
.ui-resizable-e:after {
    content: url("/assets/img/dragable-pin.png");
    position: absolute;
    right: 0;
    top:50%;
    width: 30px;
    height: 59px;
    margin-top: -29.5px;
    margin-left: -15.5px;
}
/* custom scratch */
.wrapper {
    width: 1200px;
}
.wrapper-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.wrapper {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.wrapper:after, .line:after {
    clear: both;
}
.line {
    margin-right: -15px;
    margin-left: -15px;
}
.line:after, .line:before, .wrapper:before {
    display: table;
    content: " ";
}
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   /* text-transform: uppercase;*/
}
section {
    padding: 50px 0;
    position: relative;
}
.flex-vertical-centering,
.flex-vertical-centering-desktop {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;
}
.s-pseudo-link {
    cursor: pointer;
    text-decoration: underline;
}
.s-pseudo-link:hover {
    text-decoration: none;
}
.s-pseudo-link-invert {
    cursor: pointer;
    text-decoration: none;
}
.s-pseudo-link-invert:hover {
    text-decoration: underline;
}
.no-decoration {
    text-decoration: none;
}
/*WWAVES*/
section:before {
    content: "";
    position: absolute;
    top: -9px;
    height: 10px;
    width: 100%;
    -webkit-mask: url(/assets/img/waves.svg) 0 0;
    mask: url(/assets/img/waves.svg) 0 0;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    z-index: 5;
}
section:after {
    content: "";
    position: absolute;
    bottom: -9px;
    height: 10px;
    width: 100%;
    -webkit-mask: url(/assets/img/waves.svg) 0 -15px;
    mask: url(/assets/img/waves.svg) 0 -15px;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    z-index: 5;
}
section.map:before, section.thanks-letters.raskrutka:before, section.faces.raskrutka:before  {
    top: 0px;
    background-color: #fff;
    -webkit-mask: url(/assets/img/waves.svg) 0 -15px;
    mask: url(/assets/img/waves.svg) 0 -15px;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    z-index: 5;
}
section.seolution.kontext:after, section.rise-money.magazin:after {
    background-color: #e9eff0;
    bottom: 0px;
    -webkit-mask: url(/assets/img/waves.svg) 0 0;
    mask: url(/assets/img/waves.svg) 0 0;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    z-index: 10;
}
section.blog-title.item:after, section.map:after, section.big-title.yandex:after {
    bottom: 0;
    background-color: #fff;
    -webkit-mask: url(/assets/img/waves.svg) 0 0;
    mask: url(/assets/img/waves.svg) 0 0;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    z-index: 7;
}
section.seolution.yandex:before, section.yandex-count:before {
    background-color: #fff;
    top: 0;
    -webkit-mask: url(/assets/img/waves.svg) 0 -16px;
    mask: url(/assets/img/waves.svg) 0 -16px;
    -webkit-mask-size: 21px;
    mask-size: 21px;
}
section.seolution.yandex:after {
    background-color: #e5e5e4;
    -webkit-mask: url(/assets/img/waves.svg) 0 0;
    mask: url(/assets/img/waves.svg) 0 0;
    -webkit-mask-size: 21px;
    mask-size: 21px;
}
section.blog-title.item:before {
    background-color: #bababa;
    top: 0;
    -webkit-mask: url(/assets/img/waves.svg) 0 -15px;
    mask: url(/assets/img/waves.svg) 0 -15px;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    z-index: 10;
}
section.main-info:before {
    background-color: #285163;
}
section.magazine-functions:before {
    background-color: #e9eff1;
}
section.main-info.kontext:after, section.main-info.magazin:after, section.main-info.support:after {
    background-color: #51595d;
}
section.big-title-simple:before, section.big-title-simple:after {
    background-color: #374752;
    z-index: 5;
}
section.big-title:before {
    background-color: #384853;
}
section.big-title:after {
    background-color: #384853;
}
/* section.why-all-bitrix:before {
  background-color: #eaeded;
} */
section.why-all-bitrix:after, section.cooperation:after, section.type-of-work:after, section.type-of-work:before {
    background-color: #eaeded;
}
section.benefits:after {
    background-color: #e8eff1;
}
section.how-spin:before, section.socials-smm:after, section.socials-smm:before {
    background-color: #2c2e2d;
}
section.thanks-letters.bitrix:after, section.another-articles:before, section.thanks-letters.clients:after, section.how-we-work.offer:after, section.rise-money.magazin:before, section.how-we-work.video:after    {
    background-color: #ececeb;
}
section.how-we-work .big-title,
section.how-we-work li p.blue {
    text-transform: uppercase;
}
section.how-we-work.video {
    background-color: #ececeb;
}
section.how-we-work.video .items-block {
    margin: 50px 0
}
section.how-we-work.video .cl-3 {
    text-align: center;
}
section.how-we-work.video .item.round {
    width: 260px;
    height: 260px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 20px;
}
section.how-we-work.video .item.round p.title {
    margin-top: 15px;
    line-height: 26px;
    font-size: 24px;
    color: #434343;
}
section.how-spin:after, section.targeting:after {
    bottom: 0;
    background-color: #fff;
    -webkit-mask: url(/assets/img/waves.svg) 0 0;
    mask: url(/assets/img/waves.svg) 0 0;
    -webkit-mask-size: 21px;
    mask-size: 21px;
}
section.tech-audit:before, section.seo-audit:before, section.steps.car-bg:before {
    background-color: #f3f4f4;
}
section.steps.car-bg.top-wave-disabled:before {
    background-color: transparent;
}
section.tech-audit:after, section.seo-audit:after, section.why-should-seonity:after, section.steps.car-bg:after {
    bottom: 0;
    background-color: #fff;
    -webkit-mask: url(/assets/img/waves.svg) 0 0;
    mask: url(/assets/img/waves.svg) 0 0;
    -webkit-mask-size: 21px;
    mask-size: 21px;
}
section.complex-audit:before {
    background-color: #363933;
}
section.complex-audit:after {
    background-color: #363933;
}
section.full-complex:before {
    background-color: #292b2b;
}
section.full-complex:after {
    background-color: #383b35;
}
section.faces.team:before {
    background-color: #e9edee;
}
section.happy:after {
    background-color: #f8f8f8;
}
section.presentation:after, section.order:after, section.prices-table:after {
    background-color: #333532;
}
.page-promo-video section.prices-table:after {
    background-color: transparent;
}
section.presentation:before, section.order:before, section.prices-table:before {
    background-color: #333532;
}
section.portfolio-seonity:after {
    background-color: #2b3742;
}
section.calculator.raskrutka:after {
    background-color: #fdfdfd;
}
section.calculator:after {
    background-color: #ebebeb;
}
section.position-site:after, section.position-site:before {
    background-color: #f5f7f6;
}
section.audience:before {
    background-color: #ebf0ee;
}
section.targeting:before {
    background-color: #0f0117;
}
section.portfolio-seonity:before {
    background-color: rgb(54, 71, 84);
}
section.portfolio-item:after {
    background-color: #2b3843;
}
section.prices-smm:after, section.prices-smm:before, section.create.offer:after, section.create.offer:before {
    background-color: #2a2d2c;
}
section.another-works:after, section.another-works:before, section.work-process:after, section.work-process:before {
    background-color: #ebf0ee;
}
section.thanks-letters.main {
    padding-top: 0;
    padding-bottom: 70px;
}
section.thanks-letters.team:after {
    background-color: #ededec;
}
section.thanks-letters .customNavigation {
    z-index: auto;
    margin-top: 0;
}
section.our-works.sozdanie .customNavigation {
    left: 0;
    width: 100%;
}
section.seolution:after, section.rise-money:after, section.complex:after, section.our-works:after,section.our-works-slider-wrap.raskrutka:after {
    background-color: #fff;
    bottom: 0;
    -webkit-mask: url(/assets/img/waves.svg) 0 0;
    mask: url(/assets/img/waves.svg) 0 0;
    -webkit-mask-size: 21px;
    mask-size: 21px;
}
section.seolution:before, section.rise-money:before, section.complex:before {
    background-color: #fff;
    top: 0;
    -webkit-mask: url(/assets/img/waves.svg) 0 -16px;
    mask: url(/assets/img/waves.svg) 0 -16px;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    z-index: 5;
}
section.order.portfolio:after, section.complex.kontext:before, section.complex.sozdanie:before, section.complex.magazin:before, section.prices-table.support:after, section.order.portfolio-seo:after,section.order.portfolio-create:after, section.another-works.create:after, section.another-works.seo-portfolio:after, section.rise-money.sozdanie:before, section.rise-money.sozdanie:after, section.another-articles.no-bg:before {
    display: none;
}
section p.title,
section div.title {
    margin: 0;
}
h1.s-h,
h2.s-h,
h3.s-h  {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
.s-hide {
    display: none;
}
.cl-12 {
    width: 100%;
}
.cl-11 {
    width: 91.66666667%;
}
.cl-10 {
    width: 83.33333333%;
}
.cl-9 {
    width: 75%;
}
.cl-8 {
    width: 66.66666667%;
}
.cl-7 {
    width: 58.33333333%;
}
.cl-7-2 {
    width: 60%;
}
.cl-6 {
    width: 50%;
}
.cl-5 {
    width: 41.66666667%;
}
.cl-5-2 {
    width: 40%;
}
.cl-4 {
    width: 33.33333333%;
}
.cl-3 {
    width: 25%;
}
.cl-2 {
    width: 16.66666667%;
}
.cl-2-2 {
    width: 20%;
}
.cl-1 {
    width: 8.33333333%;
}
.cl-1, .cl-2, .cl-3, .cl-4, .cl-5, .cl-6, .cl-7, .cl-8, .cl-9, .cl-10, .cl-11, .cl-12, .cl-2-2, .cl-5-2, .cl-7-2 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.no-margin {
    margin: 0;
}
.not-visible {
    visibility: hidden;
}
.txt-right {
    text-align: right;
}
.txt-left {
    text-align: left;
}
.txt-center {
    text-align: center;
}
.upper {
    text-transform: uppercase !important;
}
.normal-transform {
    text-transform: none !important;
}
.regular {
    font-family: "Proxima Nova";
}
.regularlt {
    font-family: "px-regular-italic";
}
.extraBold {
    font-family: "px-extrabold";
}
.exRegular {
    font-family: "px-ExCnRegular";
}
.exBold {
    font-family: "px-ExCnBold";
}
.exBlack {
    font-family: "px-ExCnBlack";
}
.exSemiBold {
    font-family: "px-ExCnSemiBold";
}
.exLight {
    font-family: "px-ExCnLight";
}
.bold {
    font-family: "Proxima Nova";
    font-weight: bold;
}
.semiBold {
    font-family: "px-semibold";
}
.thin {
    font-family: "px-thin"
}
.light {
    font-family: "px-light";
}
.condReg {
    font-family: "px-novaCondReg";
}
.condBold {
    font-family: "px-novaCondBold";
}
.white, .text.white {
    color: #fff;
}
.green {
    color: #00d688;
}
.pink {
    color: #e52963;
}
.blue {
    color: #17d6ff;
}
.grey {
    color: #434343;
}
.red {
    color: #eb2323;
}
.color-black {
    color: #000;
}

.title {
    text-transform: uppercase;
}
.big-title {
    font-size: 140px;
    margin: 0;
    font-family: "px-ExCnBold";
    text-transform: uppercase;
}
.text {
    font-size: 13px;
    text-transform: none;
    line-height: 18px;
    color: #434343;
}
.bg-green {
    background: #00d688;
}
.link {
    text-decoration: underline;
    cursor: pointer;
}
.pos-rel {
    position: relative;
}
.display-block {
    display: block;
}
.block {
    margin-top: 50px;
}
.inline-block {
    display: inline-block;
}
.fz11 {
    font-size: 11px;
}
.fz12 {
    font-size: 12px;
}
.fz14 {
    font-size: 14px;
}
.fz16 {
    font-size: 16px;
}
.fz18 {
    font-size: 18px;
}
.fz24 {
    font-size: 24px;
}
.fz30 {
    font-size: 30px
}
.fz36 {
    font-size: 36px
}
.fz38 {
    font-size: 38px;
}
.fz48 {
    font-size: 48px;
}
.fz60 {
    font-size: 60px;
}
.fz72 {
    font-size: 72px;
}
.fz80 {
    font-size: 90px;
}
.fz90 {
    font-size: 90px;
}
.fz100 {
    font-size: 100px;
}
.fz200 {
    font-size: 200px;
}
.text-upper {
    text-transform: uppercase;
}
.ls1 {
    letter-spacing: 1px;
}
.ls2 {
    letter-spacing: 2px;
}
.lh-normal {
    line-height: normal;
}
.mt-0 {
    margin-top: 0;
}
.slider-block {
    margin-top: 50px;
    position: relative;
}
ul.grey-dots, ul.green-dots, ul.grey-number, ul.green-number {
    padding-left: 0;
}
ul.grey-dots li, ul.green-dots li, ul.grey-number li, ul.green-number li {
    position: relative;
    padding-left: 25px;
    text-transform: none;
    font-size: 14px;
    margin-bottom: 20px;
}
ul.grey-dots li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 50%;
    margin-top: -2.5px;
    background: url("/assets/img/disk.png");
}
ul.grey-number li, ul.green-number li {
    counter-increment: step-counter;
}
ul.grey-number li:before {
    content: counter(step-counter);
    font-family: "px-extrabold";
    font-size: 24px;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -14.5px;
    color: #d5d5d5;
}
ul.green-number li:before {
    content: counter(step-counter);
    font-family: "px-extrabold";
    font-size: 24px;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -14.5px;
    color: #00d688;
}
ul.grey-number li:after, ul.green-number li:after {
    content: '';
    position: absolute;
    left: 0;
    top:50%;
    margin-top: -0.5px;
    width: 20px;
    height: 1px;
    background: #d5d5d5;
}
ul.green-dots li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 50%;
    margin-top: -2.5px;
    background: url("/assets/img/disk.png") no-repeat -5px 0;
}
.line-like .likes {
    background: #f6f6f6;
    padding: 13px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.line-like .likes .number {
    position: relative;
    cursor: pointer;
}
.line-like .likes .number:before {
    content: url("/assets/img/like-line.png");
    margin-right: 10px;
}
.line-like .likes .hint {
    color: #313e47;
}
nav p {
    margin: 0;
}
nav .head {
    padding: 25px 0;
}
nav .head p.tel-header {
    padding-left: 25px;
    position: relative;
    margin-bottom: 0;
}
nav .head p.tel-header a {
    color: #0b2534;
    text-decoration: none;
}
nav .head p.tel-header a span {
    position: relative;
    top: 2px;
}
nav .head p.tel-header:before {
    content: "";
    position: absolute;
    left: 45px;
    top: 10px;
    width: 17px;
    height: 24px;
    background: url('/assets/img/phone-icon.png') no-repeat;
}
nav .head p.tagline {
    font-size: 14px;
    text-transform: none;
}
nav .head .call-back, nav .head p.tel-header {
    text-align: right;
}
nav .head .call-back a {
    text-transform: uppercase;
    color: #d11434;
    text-align: right;
    font-size: 14px;
    display: block;
    font-family: "px-ExCnRegular";
    letter-spacing: 2px;
}
nav .menu-item p.title-menu a{
    font-family: "px-ExCnRegular";
    color: #0b2534;
    text-transform: uppercase;
    font-size: 21px;
    text-decoration: none;
}
footer nav .menu-item p.title-menu a {
    color: #fff;
}
nav .menu-item p.title-menu a:hover,
footer nav .menu-item p.title-menu a:hover {
    color: #d11434;
}

nav ul {
    margin-top: 0;
    padding-left: 0;
}
nav ul li a {
    color: #023858;
    font-size: 14px;
    text-transform: none;
}
nav ul li a:hover {
    color: #d11434;
}
nav .line-top-menu-flex {
    overflow: hidden;
    margin: 0 -15px;
    display: flex;
    justify-content: space-between;
}
nav .line-top-menu-flex .menu-col {
    float: left;
    padding: 0 15px;
}
.top-header {
    /*position: absolute;
    left: 50%;
    margin-left: -600px;
    background: #e7e7e5;
    margin-bottom: -213px;
    position: relative;
    z-index: 2;*/
    position: relative;
    z-index: 2;
    margin-bottom: -230px;
}
.small-navigation .top-header  {
    position: static;
    margin: 0;
}
section.main-start {
    position: relative;
    min-height: 860px;
    /*height: 100vh;*/
    padding-top: 0;
    /*overflow: hidden;*/
}
section.main-start .main-text {
    position: absolute;
    top: 350px;
    z-index: 1;
    color: #fff;
    font-size: 24px;
}
section.main-start.kontext .kontext-big-title {
    margin-bottom: 80px;
}
section.main-start.kontext .kontext-big-title .fz60 {
    line-height: 60px;
}
section.main-start.bitrix {
    /*background: url("/assets/img/bitrix-bg.jpg") #f3f3f3 no-repeat center bottom;*/
	background: url("/assets/img/bitrix-bg.jpg") no-repeat center bottom, linear-gradient(#f4f4f4, #b5b5b5);
}
section.main-start.kontext {
    /*background: url("/assets/img/kontext-bg.jpg") #f4f4f3 no-repeat center bottom;*/
	background: url("/assets/img/kontext-bg.jpg") no-repeat center bottom, linear-gradient(#f4f4f4, #b5b5b5);
}
section.main-start.support {
    background: url("/assets/img/podderzhka-bg.jpg") #f4f4f3 no-repeat center bottom;
}
section.main-start.raskrutka {
    /*background: url("/assets/img/raskrutka-bg.jpg") #f4f4f3 no-repeat center bottom;*/
	background: url("/assets/img/raskrutka-bg.jpg") no-repeat center bottom, linear-gradient(#f4f4f4, #b5b5b5);
}
section.main-start.smm {
    /*background: url("/assets/img/smm-bg.jpg") #f4f4f3 no-repeat center bottom;*/
	background: url("/assets/img/smm-bg.jpg") no-repeat center bottom, linear-gradient(#f4f4f4, #b5b5b5);
}
section.main-start.create {
    /*background: url("/assets/img/create-bg.jpg") #f4f4f3 no-repeat center bottom;*/
	background: url("/assets/img/create-bg.jpg") no-repeat center bottom, linear-gradient(#f4f4f4, #b5b5b5);
}
section.main-start.magazin {
    /*background: url("/assets/img/magazin-bg.jpg") #f4f4f3 no-repeat center bottom;*/
	background: url("/assets/img/magazin-bg.jpg") no-repeat center bottom, linear-gradient(#f4f4f4, #b5b5b5);
}
section.main-start.main {
    /*background: url("/assets/img/main-bg.jpg") #f4f4f3 no-repeat center bottom;*/
	background: url("/assets/img/main-bg.jpg") no-repeat center bottom, linear-gradient(#f4f4f4, #b5b5b5);
    /*overflow: hidden;*/
}
section.main-start.partners {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(184,184,184,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(184,184,184,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(184,184,184,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(184,184,184,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(184,184,184,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(184,184,184,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b8b8b8', GradientType=0 );
}
section.main-start.partners .main-text {
    top: 260px
}
section.main-start.partners .main-text p span{
    /*line-height: 55px;*/
}
section.main-start.partners .main-text p {
    margin-bottom: 15px;
}
section.main-start.partners .main-text .fz38 {
    line-height: 38px;
}

section.main-start .main-text .gift p{
    text-transform: none;
    font-size: 24px;
    margin: 0;
}
section.main-start .main-text .gift a {
    color: #d11434;
    text-decoration: underline;
    text-transform: none;
    font-size: 24px;
}
section.main-start.bitrix .main-text .shadow{
    line-height: 60px;
}
section.main-start .main-text .shadow {
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
    line-height: 90px;
}
section.main-start .main-text .shadow2 {
    text-shadow: 1px 2px 2px rgba(150, 150, 150, 1);
}
section.main-start.support .main-text .shadow {
    line-height: 72px;
}
.text-shadow {
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
}
section.main-start .main-text .small-title p,
section.main-start .main-text .small-title .s-p {
    line-height: 36px;
}
section.main-start .callback-form-main {
    position: absolute;
    right: 15px;
    top: 250px;
    width: 350px;
    padding: 35px 40px 30px 40px;
    background: #0c93ba;
    -webkit-box-shadow: 7px 10px 54px 0px rgba(0,8,31,0.45);
    -moz-box-shadow: 7px 10px 54px 0px rgba(0,8,31,0.45);
    box-shadow: 7px 10px 54px 0px rgba(0,8,31,0.45);
    z-index: 3;
    border-radius: 5px;
}

section.main-start .callback-form-main .title {
    letter-spacing: 2px;
}

section.main-start.partners .callback-form-main {
    top: 398px;
}
section.main-start .callback-form-main form {
    padding-left: 30px;
    margin: 0;
    text-align: center;
}
section.main-start .callback-form-main form input[type="text"] {
    margin: 10px 0;
    width: 100%;
    text-transform: none;
    font-size: 14px;
    border-radius: 5px;
    border: none;
    padding-left: 10px;
    height: 35px;
}
section.main-start .callback-form-main form .custom-input {
    position: relative;
}
section.main-start .callback-form-main form .custom-input.phone:after,
section.main-start .callback-form-main form .custom-input.website:after,
section.main-start .callback-form-main form .custom-input.name:after {
    content: '';
    position: absolute;
    top: 16px;
    left: -46px;
    width: 25px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
}
section.main-start .callback-form-main form .custom-input.phone:after {
    background-image: url('/assets/img/phone-icon.png');
}
section.main-start .callback-form-main form .custom-input.website:after {
    background-image: url('/assets/img/comp-icon.png');
}
section.main-start .callback-form-main form .custom-input.name:after {
    background-image: url('/assets/img/name-icon.png');
}
section.main-start .callback-form-main button.custom-red-button {
    margin-top: 20px;
    margin-left: -20px;
}
.button-shadow {
    -webkit-box-shadow: 1px 2px 5px 0px rgba(0,8,31,0.5);
    -moz-box-shadow: 1px 2px 5px 0px rgba(0,8,31,0.5);
    box-shadow: 1px 2px 5px 0px rgba(0,8,31,0.5);
}
.custom-red-button, .feedback-submit {
    font-family: "px-ExCnRegular";
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    padding: 13px 38px;
    outline: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e52963+1,cc1532+99 */
    background: #e52963; /* Old browsers */
    background: -moz-linear-gradient(top, #e52963 1%, #cc1532 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e52963 1%,#cc1532 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e52963 1%,#cc1532 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e52963', endColorstr='#cc1532',GradientType=0 ); /* IE6-9 */
    letter-spacing: 1px;
}
section.main-info {
    min-height: 200px;
    padding: 40px 0;
    background: rgba(38,80,99,1);/* Old Browsers */
    background: -moz-linear-gradient(top, rgba(38,80,99,1) 0%, rgba(81,90,92,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,80,99,1)), color-stop(100%, rgba(81,90,92,1)));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, rgba(38,80,99,1) 0%, rgba(81,90,92,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(38,80,99,1) 0%, rgba(81,90,92,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(38,80,99,1) 0%, rgba(81,90,92,1) 100%); /* IE 10+ */
    background: linear-gradient(to bottom, rgba(38,80,99,1) 0%, rgba(81,90,92,1) 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265063', endColorstr='#515a5c', GradientType=0 );/* IE6-9 */
}
section.main-info .item figure {
    text-align: center;
    color: #fff;
    margin: 0;
}
section.main-info .item figure figcaption {
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "px-ExCnBold";
}
section.how-we-work .persone-block {
    position: relative;
}
section.how-we-work.offer, section.main-thing {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #fff 0%, #ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265063', endColorstr='#515a5c', GradientType=0 );
}
section.how-we-work .persone-block .persone-name {
    position: absolute;
    right: 65px;
    top: -30px;
    text-transform: uppercase;
    font-family: "px-ExCnRegular";
}
section.how-we-work .persone-block .persone-name .bold {
    font-family: "px-ExCnBold";
}
section.how-we-work .persone-block img {
    margin-top: -80px;
}
.list-hww ul {
    padding-left: 80px;
}

.list-hww ul li {
    position: relative;
    margin: 45px 0;
}
section.how-we-work.with-dir .list-hww ul {
    padding-left: 65px;
    padding-top: 18px;
}

section.how-we-work.with-dir .list-hww ul li {
    margin: 0 0 55px 0;
}
.list-hww ul li:first-child {
    margin-top: 0;
}
.list-hww ul li:last-child {
    margin-bottom: 0;
}
.list-hww ul li.hww-icon:after {
    content: '';
    width: 60px;
    height: 63px;
    position: absolute;
    left: -75px;
    top: 20px;
    background: url('/assets/img/hww.png');
}
section.how-we-work.yandex .list-hww ul li.hww-icon:after {
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    left: -75px;
    top: 0;
    background: url('/assets/img/hww-yandex-icon-list.png');
}
.list-hww ul li.hww-icon.result:after {
    background-position: 0 0;
}
.list-hww ul li.hww-icon.target:after {
    background-position: -75px 0;
}
.list-hww ul li.hww-icon.proud:after {
    background-position: -150px 0;
}
section.how-we-work.yandex .list-hww ul li.hww-icon.one:after {
    background-position: 0 0;
}
section.how-we-work.yandex .list-hww ul li.hww-icon.two:after {
    background-position: -60px 0;
}
section.how-we-work.yandex .list-hww ul li.hww-icon.three:after {
    background-position: -120px 0;
}
section.presentation {
    position: relative;
    min-height: 400px;
    background-color: #323531;
}
.laptop-block {
    width: 100%;
    height: 400px;
    background: url("/assets/img/laptop.png") no-repeat;
    position: relative;
}
.laptop-block .laptop-screen {
    width: 488px;
    height: 305px;
    position: absolute;
    right: 103px;
    top: 22px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.laptop-block .laptop-screen > div {
    width: 100%;
    height: 100%;
}
section.our-works.raskrutka {
    /*background: none;*/
    /*padding-bottom: 150px;*/
}
.works-block {
    text-transform: uppercase;
}
.works-block.works-seo .pseudo-table .line {
    display: flex;
    align-items: center;
}
section.our-works.bitrix, section.our-works.sozdanie {
    background: transparent;
}
section.our-works.bitrix .laptop-block .laptop-screen {
    right: auto;
    left: 94px;
    top: 169px
}
section.our-works.sozdanie .laptop-block .laptop-screen {
    left: 79px;
}
section.our-works.bitrix .item-line, section.our-works.sozdanie .item-line {
    position: relative;
    margin-bottom: 30px;
}
section.our-works.bitrix .item-line:after, section.our-works.sozdanie .item-line:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: -40px;
    width: 30px;
    height: 2px;
    background: #dedede;
}
section.our-works.bitrix .item-line:before, section.our-works.sozdanie .item-line:before {
    content: '';
    position: absolute;
    left: -100px;
    top: -5px;
    width: 50px;
    height: 45px;
    background: url("/assets/img/steps-icons.png") no-repeat -100px -50px;
}
.under-nav {
    background: #ebf0ee;
    padding: 25px;
}
.under-nav .custom-red-button {
    width: 480px;
    height: 60px;
}
.under-nav p.title {
    line-height: 60px;
}
section.seolution {
    background: url('/assets/img/bg-comp.jpg') no-repeat center center;
    position: relative;
    background-size: cover;
}
section.seolution.kontext {
    padding: 0;
}
section.seolution.yandex {
    padding-bottom: 35px;
}
section.seolution.kontext .inner {
    padding: 50px 0 110px;
}

section.seolution .inner {
    padding: 20px 0 240px 0;
}
section.seolution .inner .item {
    text-align: center;
    color: #fff;
}
section.seolution .inner .item figcaption {
    margin-top: 30px;
}
section.seolution button.custom-red-button {
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -225px;
    width: 450px;
    height: 60px;
}
section.seolution.kontext .inner.sk-icons-container {
    padding: 10px 0 165px;
}
section.start.home:before {
    background: #fff;
}
section.start .items-block {
    margin-top: 50px;
}
section.start .item-block {
    margin: 0;
}
section.start .move-car {
    position: absolute;
    z-index: 10;
    background: #fff;
    width: 630px;
}
section.start .item.finish {
    display: block;
    width: 100%;
    float: none;
}
section.start .item.finish .finish-block {
    width: 100%;
}
section.start .custom-line-dotted {
    position: relative;
    min-height: 179px;
}
section.start .custom-line-dotted:after {
    content: "";
    width: 75%;
    height: 1px;
    border-bottom: 1px dotted #e2e5e6;
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -37.5%;
}
section.start .custom-line-dotted.finish:after {
    content: "";
    width: 50%;
    height: 1px;
    border-bottom: 1px dotted #e2e5e6;
    position: absolute;
    top: 264px !important;
    right: 0;
}
section.start .custom-line-dotted.right:before {
    content: "";
    width: 1px;
    height: 120px;
    border-left: 1px dotted #e2e5e6;
    position: absolute;
    top: 70px;
    right: 120px;
}
section.start .custom-line-dotted.right.last:before {
    height: 195px;
}
section.start .custom-line-dotted.left:before {
    content: "";
    width: 1px;
    height: 120px;
    border-left: 1px dotted #e2e5e6;
    position: absolute;
    top: 70px;
    left: 119px;
}
section.start .custom-line-dotted.finish:after {
    content: "";
    width: 30%;
    height: 1px;
    border-bottom: 1px dotted #e2e5e6;
    position: absolute;
    top: 105px;
    left: 60%;
    margin-left: 0;
}
section.start .item {
    text-align: center;
    position: relative;
    z-index: 10;
}
section.start .item:hover, section.audience .block .item:hover {
    -webkit-animation: swing 0.7s ease;
    animation: swing 0.7s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
section.start .item p.text {
    text-transform: uppercase;
    color: #434343;
    font-family: "Proxima Nova";
    font-weight: bold;
}
section.start .item:hover p.text{
    color: #00d688;
}
section.start .item:hover .bg-round {
    background: #00d688;
    background-image: url('/assets/img/how-we-start-sprite.png');
}
section.start .item:hover .bg-round .arrow-right {
    border-color: transparent transparent transparent #00d688;
}
section.start .item:hover .bg-round .arrow-left {
    border-color: transparent #00d688 transparent transparent;
}
section.start .item:hover .bg-round .arrow-bottom {
    border-color: #00d688 transparent transparent transparent;
}
section.start .item .bg-round {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #17d6ff;
    display: inline-block;
    background-image: url('/assets/img/how-we-start-sprite.png');
}
section.start .item .bg-round .arrow-right {
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -7.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 6px;
    border-color: transparent transparent transparent #17d6ff;
}
section.start .item .bg-round .arrow-bottom {
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -7.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7.5px 0 7.5px;
    border-color: #17d6ff transparent transparent transparent;
}
section.start .item .bg-round .arrow-left {
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -7.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 6px 7.5px 0;
    border-color: transparent #17d6ff transparent transparent;
}
section.start .item .bg-round.audit {
    background-position: -6px -10px;
}
section.start .item .bg-round.strategy {
    background-position: -67px -10px;
}
section.start .item .bg-round.list {
    background-position: -127px -10px;
}
section.start .item .bg-round.system {
    background-position: -186px -10px;
}
section.start .item .bg-round.tech {
    background-position: -236px -10px;
}
section.start .item .bg-round.analys {
    background-position: -6px -72px;
}
section.start .item .bg-round.tz {
    background-position: -67px -72px;
}
section.start .item .bg-round.speed {
    background-position: -127px -72px;
}
section.start .item .bg-round.content {
    background-position: -186px -72px;
}
section.start .item .bg-round.sales {
    background-position: -240px -72px;
}
section.start .item .bg-round.graph {
    background-position: -6px -132px;
}
section.start .item .bg-round.external-seo {
    background-position: -67px -132px;
}
section.start .item .bg-round.taste {
    background-image: url('/assets/img/how-we-start-sprite.png');
    background-position: -127px -132px;
}
section.order {
    min-height: 150px;
    background: #323531;
    text-transform: uppercase;
}
section.order .cl-7 p.fz30:last-child {
    margin: 16px 0 0 0;
}
section.order .show-callback-popup {
    display: inline-block;
    border-bottom: 1px solid;
    line-height: 0.9;
}
section.order .show-callback-popup:hover {
    border-bottom: 0;
}
section.order .rectangle{
    padding: 55px 50px;
    background: rgba(6,182,147,1);
    background: -moz-linear-gradient(left, rgba(6,182,147,1) 0%, rgba(8,139,175,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(6,182,147,1)), color-stop(100%, rgba(8,139,175,1)));
    background: -webkit-linear-gradient(left, rgba(6,182,147,1) 0%, rgba(8,139,175,1) 100%);
    background: -o-linear-gradient(left, rgba(6,182,147,1) 0%, rgba(8,139,175,1) 100%);
    background: -ms-linear-gradient(left, rgba(6,182,147,1) 0%, rgba(8,139,175,1) 100%);
    background: linear-gradient(to right, rgba(6,182,147,1) 0%, rgba(8,139,175,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06b693', endColorstr='#088baf', GradientType=1 );
}
section.order .rectangle p {
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
}
section.order .rectangle .phone {
    margin-top: 20px;
}
section.order .rectangle .arrow-left{
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -7.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #06b593  transparent transparent;
}
section.matrix .title-right {
    text-align: right;
    z-index: 2;
}
section.matrix .title-right .fz72 {
    line-height: 70px;
}
section.matrix .title-right  .fz36 {
    line-height: normal;
}
section.matrix .info-graph {
    position: relative;
    margin-top: -90px;
}
section.matrix .stick-underline {
    position: relative;
    padding-bottom: 25px;
    border-bottom: 1px solid #ebebeb;
}
section.matrix .stick-underline:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 5px;
    background: #17d6ff;
}
section.matrix .info-graph .phone-image {
    min-height: 500px;
    /*background: url(/assets/img/phone.png) no-repeat 285px top;*/
    background: url(/assets/img/phone-2.png) no-repeat 397px top;
    margin-bottom: 30px;
}
section.matrix.google .info-graph .phone-image {
    background-image: url(/assets/img/phone-google.png);
}
section.matrix .info-graph .item-list {
    position: absolute;
    color: #434343;
}

section.matrix .info-graph .item-list .title {
    position: relative;
}
section.matrix .info-graph .item-list .title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 100%;
    height: 1px;
    background: #17d6ff;
}
section.matrix .info-graph .item-list .title .additional-element {
    position: relative;
    width: 100%;
    display: inline-block;
}
section.matrix .info-graph .item-list .title .additional-element:after {
    content: "";
    position: absolute;
    width: 142px;
    height: 1px;
    background: #17d6ff;
}
section.matrix .info-graph .item-list .title .additional-element:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #17d6ff;
    border-radius: 50%;
}
section.matrix .info-graph .item-list.first-block .title .additional-element:after {
    right: -121px;
    top: 56px;
    transform: rotate(45deg);
}
section.matrix .info-graph .item-list.second-block .title .additional-element:after {
    right: -120px;
    top: 6px;
    transform: rotate(0deg);
}
section.matrix .info-graph .item-list.third-block .title .additional-element:after {
    right: -121px;
    top: -44px;
    transform: rotate(-45deg);
}
section.matrix .info-graph .item-list.fourth-block .title .additional-element:after {
    right: 195px;
    top: 6px;
    transform: rotate(0deg);
}
section.matrix .info-graph .item-list.five-block .title .additional-element:after {
    /*right: 213px;*/
    left: -121px;
    top: -44px;
    transform: rotate(45deg);
}
section.matrix .info-graph .item-list.first-block .title .additional-element:before {
    right: -106px;
    top: 102px;
}
section.matrix .info-graph .item-list.second-block .title .additional-element:before {
    right: -130px;
    top: 1px;
}
section.matrix .info-graph .item-list.third-block .title .additional-element:before {
    right: -107px;
    top: -102px;
}
section.matrix .info-graph .item-list.fourth-block .title .additional-element:before {
    right: 335px;
    top: 1px;
}
section.matrix .info-graph .item-list.five-block .title .additional-element:before {
    /*right: 331px;*/
    left: -107px;
    top: -101px;
}
section.matrix .info-graph .item-list.first-block {
    top: -20px;
}
section.matrix .info-graph .item-list.second-block {
    top: 180px;
}
section.matrix .info-graph .item-list.third-block {
    top: 380px;
}
section.matrix .info-graph .item-list.fourth-block {
    top: 180px;
    /*right: 0;*/
    left: 840px;
}
section.matrix .info-graph .item-list.five-block {
    top: 380px;
    /*right: 0;*/
    left: 840px;
}
section.matrix .info-graph .item-list ul {
    padding: 0 0 0 27px;
    margin: 18px 0;
}
section.matrix .info-graph .item-list ul li {
    text-transform: none;
    font-size: 13px;
    position: relative;
    margin: 0 0 5px 0;
}
section.matrix .info-graph .item-list ul li:before{
    content: "";
    position: absolute;
    left: -25px;
    top: 5px;
    width: 5px;
    height: 5px;
    background: url("/assets/img/disk.png");
}
section.rise-money {
    background: url('/assets/img/bg-money.jpg') center center no-repeat;
    background-size: cover;
    min-height: 640px;
    padding-top: 140px;
}
section.rise-money.sozdanie {
    padding: 220px 0;
    background: url('/assets/img/rise-sozdanie.jpg') center center no-repeat;
}
section.rise-money button.custom-red-button {
    width: 450px;
    margin-top: 40px;
}
section.steps, section.why-should-seonity, section.steps.partners {
    /*  min-height: 650px;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90%;
}
section.why-should-seonity li p.title {
    letter-spacing: 1px;
}
section.steps {
    position: relative;
}
section.targeting:after {
    background-color: #e8eff1;
}
section.steps.have-bgr {
    background-color: #e9eeef;
    background: linear-gradient(to bottom, #e8eff1, #ebebeb);
}
section.steps.have-bgr:after {
    background-color: #fff;
    bottom: 0;
    -webkit-mask: url(/assets/img/waves.svg) 0 0;
    mask: url(/assets/img/waves.svg) 0 0;
    -webkit-mask-size: 21px;
    mask-size: 21px;
}
section.steps .bg-image {
    position: absolute;
    height: 100%;
    width: 100%;
    background: url('/assets/img/car-fixed.png') no-repeat center;
}
section.steps.have-bgr .bg-image {
    background: url('/assets/img/car-fixed.png') no-repeat center;
}
section.steps ul li, section.why-should-seonity .list ul li, section.why-all-bitrix .list ul li, section.steps.partners .list ul li {
    position: relative;
    margin-bottom: 40px;
}
section.steps ul li:before {
    content: '';
    position: absolute;
    left: -60px;
    top:-5px;
    width: 50px;
    height: 45px;
    background: url("/assets/img/steps-icons.png") no-repeat;
}
section.why-should-seonity .list ul li:before {
    content: '';
    position: absolute;
    left: -60px;
    top:-5px;
    width: 50px;
    height: 45px;
    background: url("/assets/img/steps-icons-audit.png") no-repeat;
}
section.steps.partners .list ul li:before {
    content: '';
    position: absolute;
    left: -60px;
    top: -12px;
    width: 45px;
    height: 50px;
    background: url("/assets/img/steps-icons-partners.png") no-repeat;
}
section.steps ul li.tochki:before, section.why-should-seonity .list ul li.ten:before,
section.steps.partners .list ul li.percent:before {
    background-position: 0 0;
}
section.steps ul li.magnet:before, section.why-should-seonity .list ul li.prof:before,
section.steps.partners .list ul li.report:before  {
    background-position: -50px 0;
}
section.steps ul li.integrate-tools:before, section.why-should-seonity .list ul li.exp:before,
section.steps.partners .list ul li.training:before  {
    background-position: -102px 2px;
}
section.steps ul li.use-design:before, section.why-should-seonity .list ul li.rec:before,
section.steps.partners .list ul li.monitize:before  {
    background-position: 0 -53px;
}
section.steps ul li.destroy-wall:before, section.why-should-seonity .list ul li.dev:before,
section.steps.partners .list ul li.service:before  {
    background-position: -50px -50px;
}
section.steps ul li.connect-set:before, section.why-should-seonity .list ul li.err:before,
section.steps.partners .list ul li.expand-service:before  {
    background-position: -100px -50px;
}
section.steps.yandex ul li.time:before {
    background-position: -150px 0;
}
section.steps.yandex ul li.clicks:before {
    background-position: -150px -45px;
}
section.steps ul li p.text{
    text-transform: none;
}
section.steps.partners .list {
    margin-top: 40px;
}
section.complex {
    min-height: 550px;
    background: #e8eff0;
    text-transform: uppercase;
}
section.complex .price-number {
    font-size: 36px;
    text-align: left;
}
section.complex .title-text {
    text-align: right;
}
section.complex .item {
    margin: 20px 0;
}
section.complex .green-arrow {
    position: relative;
}
section.complex .green-arrow:before {
    content: "";
    width: 211px;
    height: 91px;
    position: absolute;
    left: 50%;
    margin-left: -105.5px;
    top: 180px;
    background: url("/assets/img/complex-arrow.png") no-repeat;
}
section.complex.without-title .green-arrow:before {
    top: 60px
}
section.complex .was, section.complex .will {
    margin-top: 90px;
}
section.complex .will p.title {
    text-align: right;
}
section.complex .info-graph span.persone {
    width: 29px;
    height: 30px;
    display: inline-block;
    background: url('/assets/img/human-disable.png') no-repeat;
    -moz-transition: background 1s cubic-bezier(.5, -1, .5, 2);
    -webkit-transition: background 1s cubic-bezier(.5, -1, .5, 2);
    -o-transition: background 1s cubic-bezier(.5, -1, .5, 2);
}
section.complex .info-graph span.persone.filled {
    background: url('/assets/img/human-active.png') no-repeat;
}
section.complex .info-graph span.monets {
    width: 60px;
    height: 60px;
    display: inline-block;
}
section.complex .info-graph span.monets.filled {
    background: url('/assets/img/monets.png') no-repeat;
}
section.faces {
    position: relative;
}
section.faces.team {
    background: #e9edee;
}
section.faces .faces-slider {
    margin-top: 40px;
}
section.faces .faces-slider-wrap {
    position: relative;
}
section.faces p.name, section.complex-audit .person-block .back .item-text p.name {
    position: relative;
    text-transform: uppercase;
}
section.faces p.name:after,
section.complex-audit .person-block .back .item-text p.name:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -45px;
    bottom: -5px;
    width: 90px;
    height: 1px;
    background: #000;
}
section.faces p.name:after {
    bottom: -5px;
}
section.faces .faces-slider p.email a, section.complex-audit .person-block .back  p.email a{
    color: #17d6ff;
    text-decoration: none;
}
.customNavigation{
    /*position: absolute;
    left: 0;
    height: 42px;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -650px;
    width: 1300px;
    z-index: 10;*/
    position: absolute;
    left: 0;
    height: 42px;
    top: 50%;
    margin-top: -25px;
    z-index: 10;
    left: -20px;
    right: -20px;
}
.customNavigation .next, .customNavigation .prev {
    position: absolute;
    cursor: pointer;
    left: 0px;
}
.customNavigation .next:after, .customNavigation .prev:after  {
    content: "";
    width: 22px;
    height: 42px;
    position: absolute;
    background: url('/assets/img/arrow-slider.png') no-repeat;
}
.customNavigation .next:after, .customNavigation .next {
    right: 0px;
    background-position: -22px 0;
}
.customNavigation .prev:after  {
    background-position: 0 0;
}
.faces-slider .owl-item .item {
    text-align: center;
}
section.our-works {
    padding-top: 70px;
    min-height: 530px;
    position: relative;
    background: #fff;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #fff 0%, #ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265063', endColorstr='#515a5c', GradientType=0 );
}
section.our-works .main-title {
    margin-bottom: 60px;
}
section.our-work .place {
    font-size: 16px;
}
section.our-works .bg-our-works {
    height: 435px;
    width: 100%;
    left: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -15px;
    /*margin-left: -325px;*/
    z-index: 0;
    -webkit-transition: background-image 0.2s linear;
    transition: background-image 0.2s linear;
}
/*section.our-works .bg-our-works {
    background-image: url(/assets/img/ow-3.png);
}*/
section.our-works a.center-link {
    font-family: "px-ExCnRegular";
    font-size: 21px;
    max-width: 80px;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 50%;
    margin-top: -33px;
    color: #0b2534;
    cursor: pointer;
    z-index: 10;
}
section.our-works.raskrutka a.center-link {
    margin-left: -57px;
    margin-top: 10px;
}
section.our-works ul {
    position: relative;
    /* padding: 0 40% 0 0; */
    z-index: 1;
}
section.our-works ul.left-block, section.targeting ul.left-block {
    padding-right: 40%;
    padding-left: 0;
}
section.targeting ul.left-block {
    padding-right: 50%;
}
section.our-works ul.right-block, section.targeting ul.right-block {
    padding-left: 40%;
}
section.targeting ul.right-block {
    padding-left: 50%;
}
section.our-works ul li {
    border-left: 3px solid transparent;
    padding-left: 15px;
}
section.our-works ul li:first-child {
    margin-bottom: 80px;
}
section.targeting ul li {
    border-left: 3px solid #17d6ff;
    padding-left: 15px;
}
section.targeting ul li:first-child {
    margin-bottom: 120px;
}
section.targeting ul li p.item-title {
    margin-bottom: 0;
}
section.targeting ul li p.text {
    margin: 0;
}
/* section.our-works ul li.dohod-block {
  position: absolute;
  top: 0;
  right: 0;
}
section.our-works ul li.effect-block {
  position: absolute;
  top: 0;
  left: 0;
}
section.our-works ul li.maxohvat-block {
  position: absolute;
  top: 200px;
  left: 0;
}
section.our-works ul li.fastresult-block {
  position: absolute;
  top: 200px;
  right: 0;
} */
/*section.our-works ul li:hover,*/
section.our-works ul li.active {
    border-left: 3px solid #00d688;
}

section.our-works ul li.active .title-image{
    color: #00d688;
}
section.our-works ul li .title-image {
    position: relative;
    padding-left: 55px;
    padding-right: 40px;
    text-transform: uppercase;
}
section.our-works ul li .text {
    margin: 20px 0;
}
section.our-works ul li .title-image:before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    top: -14px;
    left: -10px;
    background: url('/assets/img/our-works.png') no-repeat;
}
section.our-works ul li .title-image.effect:before {
    background-position: 0 0;
}
section.our-works ul li .title-image.max-ohvat:before {
    background-position: -60px 0;
}
section.our-works ul li .title-image.dohod:before {
    background-position: -120px 0;
}
section.our-works ul li .title-image.faster-result:before {
    background-position: -180px 0;
}
section.our-works ul li.active .title-image.effect:before {
    background-position: 0 -60px;
}
section.our-works ul li.active .title-image.max-ohvat:before {
    background-position: -60px -60px;
}
section.our-works ul li.active .title-image.dohod:before {
    background-position: -120px -60px;
}
section.our-works ul li.active .title-image.faster-result:before {
    background-position: -180px -60px;
}
section.our-works-slider-wrap .pseudo-table .place {
    background: #17d6ff;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 5px 0;
    font-family: "px-ExCnRegular";
}
section.our-works-slider-wrap .pseudo-table .bg-green p{
    margin: 0;
    padding: 20px 0;
}
section.our-works-slider-wrap .pseudo-table .img-cup.gold {
    width: 35px;
    height: 32px;
    background: url('/assets/img/cups.png') no-repeat;
    margin: 0 auto;
}
section.our-works-slider-wrap .pseudo-table .img-cup.silver {
    width: 35px;
    height: 32px;
    background: url('/assets/img/cups.png') no-repeat;
    background-position: -70px 0;
    margin: 0 auto;
}
section.our-works-slider-wrap .pseudo-table .img-cup.bronze {
    width: 35px;
    height: 32px;
    background: url('/assets/img/cups.png') no-repeat;
    margin: 0 auto;
    background-position: -35px 0;
}
section.our-works-slider-wrap .pseudo-table button {
    width: 100%;
    margin-top: 20px;
}
section.our-works-slider-wrap .pseudo-table .bg-green {
    margin-bottom: 10px;
}
section.our-works-slider-wrap .pseudo-table .item {
    padding: 8px 10px;
}
section.our-works-slider-wrap .pseudo-table .item:nth-child(odd) {
    background: #f2f2f2;
}

section.our-works-slider-wrap.raskrutka {
    position: relative;
    background: #fff;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #fff 0%, #ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265063', endColorstr='#515a5c', GradientType=0 );
}
section.matrix .wrapper {
    overflow: hidden;
}
.works-block .screen-block .main-title {
    margin: -10px 0 50px 0;
}
section.choosed {
    position: relative;
}
section.choosed .slider-block {
    margin-top: 25px;
}
section.choosed .ls-item {
    width: 200px;
    height: 110px;
    line-height: 110px;
    padding: 15px 20px;
}
section.choosed .ls-item .ls-item-img {
    display: block;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.7;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
section.choosed .ls-item .ls-item-img:hover {
    opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}
section.prices-table {
    background: #323531;
    padding-bottom: 100px;
    /*min-height: 900px;*/
}
section.prices-table.big-bottom-padding {
    padding-bottom: 160px;
}
section.prices-table .tariff-description {
    margin: 10px 0 30px 0;
}
section.prices-table .table-prices-items {
    margin-bottom: 95px;
    text-transform: uppercase;
}
section.prices-table .under-title {
    font-size: 13px;
    color: #818180;
    padding: 0 25%;
}
section.prices-table .table-prices-items .custom-table {
    position: relative;
}
section.prices-table .table-prices-items .custom-table .start,
section.prices-table .table-prices-items .custom-table .drive,
section.prices-table .table-prices-items .custom-table .turbo,
section.prices-table .table-prices-items .custom-table .nitro {
    padding-top: 10px;
    padding-bottom: 30px;
    border-radius: 5px;
}
section.prices-table .table-prices-items .custom-table .start:hover,
section.prices-table .table-prices-items .custom-table .drive:hover,
section.prices-table .table-prices-items .custom-table .turbo:hover,
section.prices-table .table-prices-items .custom-table .nitro:hover {
    background: #1f1d1d;
}
section.prices-table .table-prices-items .custom-table .table-info:nth-child(odd) {
    background: #424242;
    border-radius: 5px;
}
section.prices-table .table-prices-items .custom-table .table-info {
    height: 60px;
}
section.prices-table .table-prices-items .custom-table .program-item .prices-block {
    height: 80px;
}
section.prices-table .table-prices-items .custom-table .program-item .prices-block  .number {
    text-transform: none;
}
section.prices-table .table-prices-items .custom-table .table-info{
    display: flex;
    align-items: center;
}
section.prices-table .table-prices-items .custom-table .table-info.price-row {
    height: 80px;
}

section.prices-table .table-prices-items .custom-table .packeges-item {
    color: #fff;
    position: absolute;
    left: -6px;
    width: 100%;
    top: -85px;
}
section.prices-table .table-prices-items .custom-table .table-wrapper {
    position: relative;
    padding-right: 20px;
    width: 100%;
    margin-top: 85px;
}
section.prices-table .table-prices-items .custom-table .program-item .prices-block .price,
section.prices-table .table-prices-items .custom-table .program-item .prices-block .number {
    color: #fff;
    margin: 3px 0;
    position: relative;
    z-index: 5;
}
section.prices-table .table-prices-items .custom-table .items-marker {
    position: relative;
    top: 10px;
}
section.prices-table .table-prices-items .custom-table .program-item .prices-block:hover section.prices-table .table-prices-items .custom-table .start {
    background: red;
}
section.prices-table .table-prices-items .custom-table .program-item .button-block button{
    margin-top: 20px;
}
section.prices-table .table-prices-items .custom-table .program-item .marker {
    display: flex;
    height: 60px;
    position: relative;
    z-index: 10;
}
section.prices-table .table-prices-items .custom-table .program-item div.marker.empty {
    height: 60px;
    width: auto;
}
section.prices-table .table-prices-items .marker:hover .start {
    background: #1f1d1d;
    border-radius: 5px;
}
section.prices-table .table-prices-items .custom-table .program-item .marker .circle{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin: auto;
}

section.prices-table .table-prices-items .custom-table .program-item .marker.empty .circle {
    background: #262626;
}

section.prices-table .table-prices-items .custom-table .program-item .marker.fill .circle {
    background: #00d688;
}

section.prices-table .tariff-top-row {
    display: none;
    position: fixed;
    top: 82px;
    left: 0;
    right: 0;
    background: #323531;
    padding: 8px 0;
    color: #fff;
    z-index: 100;
    box-shadow: 0 1px rgb(66, 66, 66);
}
section.prices-table .tariff-top-row.fixed {
    display: block;
}
section.prices-table .tariff-top-row .wrapper {
    padding-right: 37px;
}
section.prices-table .tariff-top-row .program-col {
    padding-top: 20px;
    padding-left: 56px;
    padding-right: 55px;
}
section.make-faster {
    position: relative;
    padding-bottom: 0;
    margin-top: -100px;
    letter-spacing: 2px;
}
section.make-faster .custom-red-button {
    letter-spacing: 2px;
}
section.make-faster.partners, section.make-faster.raskrutka, section.make-faster.no-cover {
    margin-top: 0;
}
section.make-faster .bg-item {
    position: relative;
    z-index: 10;
    height: 589px;
    background-position: center;
    background-repeat: no-repeat;
}
section.make-faster .content-text {
    width: 270px;
    position: absolute;
    line-height: 1.4;
    top: 350px;
    left: 50%;
    margin-left: -135px;
    text-align: center;
    z-index: 11;
}
section.make-faster .content-text button {
    margin-top: 30px;
    width: 180px;
}
section.make-faster .content-text .title {
    position: relative;
}
section.make-faster .content-text .title:before {
    content: '';
    width: 31px;
    height: 31px;
    top: -30px;
    right: 29px;
    position: absolute;
    display: block;
    background: url('/assets/img/speed-s.png') no-repeat;
}
.small-navigation {
    padding-bottom: 60px;
    background-repeat: no-repeat !important;
    background: rgba(243,243,243,1);/* Old Browsers */
    background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(184,184,184,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,243,243,1)), color-stop(0%, rgba(243,243,243,1)), color-stop(0%, rgba(243,243,243,1)), color-stop(0%, rgba(243,243,243,1)), color-stop(100%, rgba(184,184,184,1)));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(184,184,184,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(184,184,184,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(184,184,184,1) 100%); /* IE 10+ */
    background: linear-gradient(to bottom, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 0%, rgba(184,184,184,1) 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#b8b8b8', GradientType=0 );/* IE6-9 */
}
section.big-title, section.big-title-simple {
    background: #374752;
}
section.portfolio-seonity {
    letter-spacing: 2px;
    background: rgba(56,72,83,1);
    background: -moz-linear-gradient(top, rgba(56,72,83,1) 0%, rgba(47,58,66,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,72,83,1)), color-stop(100%, rgba(47,58,66,1)));
    background: -webkit-linear-gradient(top, rgba(56,72,83,1) 0%, rgba(47,58,66,1) 100%);
    background: -o-linear-gradient(top, rgba(56,72,83,1) 0%, rgba(47,58,66,1) 100%);
    background: -ms-linear-gradient(top, rgba(56,72,83,1) 0%, rgba(47,58,66,1) 100%);
    background: linear-gradient(to bottom, rgba(56,72,83,1) 0%, rgba(47,58,66,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384853', endColorstr='#2f3a42', GradientType=0 );
}
section.portfolio-item {
    background: rgba(88,93,96,1);
    background: -moz-linear-gradient(top, rgba(88,93,96,1) 0%, rgba(47,59,67,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(88,93,96,1)), color-stop(100%, rgba(47,59,67,1)));
    background: -webkit-linear-gradient(top, rgba(88,93,96,1) 0%, rgba(47,59,67,1) 100%);
    background: -o-linear-gradient(top, rgba(88,93,96,1) 0%, rgba(47,59,67,1) 100%);
    background: -ms-linear-gradient(top, rgba(88,93,96,1) 0%, rgba(47,59,67,1) 100%);
    background: linear-gradient(to bottom, rgba(88,93,96,1) 0%, rgba(47,59,67,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585d60', endColorstr='#2f3b43', GradientType=0 );
}
section.big-title .header-title {
    margin-top: 70px;
    position: relative;
    padding-left: 220px;
}
section.big-title .header-title:after, section.big-title.yandex .header-title:after {
    content: url(/assets/img/audit-left-icon.png);
    position: absolute;
    left: 0;
    top: -45px;
}
section.big-title.video .header-title {
    padding-left: 280px;
    margin-top: 0;
}
section.big-title.video .header-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    width: 240px;
    height: 186px;
    background-image: url(/assets/img/video-left.png);
}
section.big-title.video .right-image img {
    /*margin-top: -85px;*/
    /*position: relative;*/
    /*left: -85px;*/
    /*z-index: 12;*/
    /*max-width: 133% !important;*/
}
section.big-title.yandex .header-title:after {
    content: url(/assets/img/yandex-left-icon.png);
}
section.big-title.google .header-title:after {
    content: url(/assets/img/google.png) !important;
}
section.big-title.yandex-direct .header-title:after {
    top: 0;
    content: url(/assets/img/yandex-direct.png) !important;
}
section.big-title .right-image img {
    margin-top: -108px;
    position: relative;
    z-index: 12;
}
section.big-title.google, section.big-title.yandex-direct {
    padding: 20px 0;
}
section.big-title.google .right-image img, section.big-title.yandex-direct .right-image img {
    margin-top: 0;
}
section.big-title.yandex {
    padding: 25px 0;
}
section.big-title.yandex .right-image img {
    position: relative;
    top: 25px;
    z-index: 6;
    margin-left: -90px;
    max-width: none !important;
}
ul.custom {
    padding-left: 0;
}
ul.custom li {
    position: relative;
}
ul.custom.check li {
    padding-left: 50px;
    text-transform: none;
    font-size: 16px;
    margin-bottom: 30px;
}
ul.custom.check li:last-child {
    margin-bottom: 0;
}
ul.custom.check li:before {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    width: 26px;
    height: 26px;
    background: url("/assets/img/list-check.png");
}
section.tech-audit, section.seo-audit{
    background: #f3f4f4;
    max-height: 705px;
}
section.why-should-seonity, section.steps.car-bg  {
    background-color: #f3f4f4;
}
section.tech-audit {
    background: url("/assets/img/tech-audit.jpg") #f3f4f4 no-repeat center bottom;
}
section.user-audit {
    background: url("/assets/img/user-audit.jpg") #fff no-repeat center bottom;
}
section.seo-audit {
    background: url("/assets/img/seo-audit.jpg") #f3f4f4 no-repeat center bottom;
}
section.tech-audit p,
section.user-audit p,
section.seo-audit p {
    margin: 0 0 20px 0;
}
section.tech-audit p.tittle,
section.user-audit p.tittle,
section.seo-audit p.tittle,
section.tech-audit div.tittle,
section.user-audit div.tittle,
section.seo-audit div.tittle {
    margin: 0 0 20px 0;
    text-transform: uppercase;
}
/*section.tech-audit .bg-image {
  background: url("/assets/img/tech-audit.jpg") no-repeat center;
  height: 370px;
}
section.user-audit .bg-image {
  background: url("/assets/img/user-audit.jpg") no-repeat center;
  height: 370px;
}
section.seo-audit .bg-image {
  background: url("/assets/img/seo-audit.png") no-repeat center;
  height: 370px;
}*/
section.who-need-audit .block-items {
    position: relative;
    min-height: 650px;
    background: url("/assets/img/laptop-audit.png") no-repeat 200px center;
}
section.who-need-audit .block-items .item {
    position: absolute;
}
section.who-need-audit .block-items .item.check {
    top: 12px;
    left: 424px;
}
section.who-need-audit .block-items .item.invest {
    top: 109px;
    left: 0;
}
section.who-need-audit .block-items .item.update {
    top: 366px;
    left: 0;
}
section.who-need-audit .block-items .item.bad {
    left: 424px;
    top: 515px;
}
section.who-need-audit .block-items .item.konkurent {
    top: 109px;
    right: -15px;
    padding-left: 65px;
}
section.who-need-audit .block-items .item.konkurent  p.text,
section.who-need-audit .block-items .item.planing-check p.text {
    padding-right: 0;
}
section.who-need-audit .block-items .item.planing-check {
    top: 367px;
    right: -15px;
    padding-left: 65px;
}
section.who-need-audit .block-items .item p.text {
    padding-right: 30px;
}
section.who-need-audit .block-items .text-screen {
    max-width: 280px;
    position: absolute;
    left: 50%;
    margin-left: -140px;
    top: 50%;
    margin-top: -40px;
    text-align: center;
}
section.complex-audit {
    background: #363933;
}
section.complex-audit .person-block .back{
    position: relative;
}
section.complex-audit .person-block .back {
    background: #f1f5f6;
    width: 54%;
    margin: auto;
    position: absolute;
    left: 185px;
    top: 73px;
    z-index: 0;
    border-radius: 0 200px 200px 0;
}
section.complex-audit .person-block img {
    /*position: absolute;
    left: 0;
    z-index: 10;*/
    width: 190px;
    position: relative;
    z-index: 30;
    margin-top: -20px;
}
section.complex-audit.fix .person-block img {
    position: relative;
}

section.complex-audit .person-block .back .item-text {
    text-align: center;
    margin-bottom: 10px;
}
/*section.complex-audit .person-block .back .item-text:after {
    content: '';
    position: absolute;
    top: 0;
    right: -54px;
    width: 110px;
    height: 112px;
    border-radius: 50%;
    background: #f1f5f6;
    z-index: -1;
}*/
section.why-should-seonity .list {
    margin-top: 50px;
}
section.why-should-seonity .list ul li {
    position: relative;
}
section.why-all-bitrix {
    background: #eaeced;
}
section.why-all-bitrix .list {
    margin-top: 50px;
}
section.why-all-bitrix .list ul {
    padding: 0;
}
section.why-all-bitrix .list ul li {
    border-radius: 10px;
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}
section.why-all-bitrix .list ul li:before {
    content: '';
    position: absolute;
    left: 25px;
    top: 10px;
    width: 60px;
    height: 63px;
    background: url("/assets/img/why-bitrix.png") no-repeat;
}
section.why-all-bitrix.support .list ul li:before {
    top: 35px
}
section.why-all-bitrix .list ul li p.title {
    padding-left: 70px;
    margin-bottom: 20px;
}
section.why-all-bitrix.support .list ul li p.title {
    min-height: 80px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
section.why-all-bitrix .list ul li.one:before {
    background-position: 0 0;
}
section.why-all-bitrix .list ul li.two:before {
    background-position: -60px 0;
}
section.why-all-bitrix .list ul li.three:before {
    background-position: -120px 0;
}
section.why-all-bitrix .list ul li.four:before {
    background-position: 0 -60px;
}
section.why-all-bitrix .list ul li.five:before {
    background-position: -60px -60px;
}
section.why-all-bitrix .list ul li.six:before {
    background-position: -120px -60px;
}
section.why-all-bitrix.support .list ul li.one:before {
    background-position: -180px 0;
}
section.why-all-bitrix.support .list ul li.two:before {
    background-position: -120px -60px;
}
section.why-all-bitrix.support .list ul li.three:before {
    background-position: -180px -60px;
}
section.why-all-bitrix.support .list ul li.four:before {
    background-position: -180px 0;
}
section.why-all-bitrix .list ul li:after {
    content: "";
    position: absolute;
    top: -32px;
    right: -32px;
    width: 65px;
    height: 65px;
    transform: rotate(45deg);
}
section.why-all-bitrix .list ul li.one:after {
    background: #17d6ff;
}
section.why-all-bitrix .list ul li.two:after {
    background: #00d688;
}
section.why-all-bitrix .list ul li.three:after {
    background: #17d6ff;
}
section.why-all-bitrix .list ul li.four:after {
    background: #df2458;
}
section.why-all-bitrix .list ul li.five:after {
    background: #335361;
}
section.why-all-bitrix .list ul li.six:after {
    background: #df2458;
}
section.let-us ul {
    padding-left: 70px;
}
section.how-spin {
    background: #2c2e2d;
    padding-bottom: 0;
}
section.how-spin.fix{
    padding-top: 10px;
}
section.how-spin.fix .text {
    margin-bottom: 50px;
}
section.how-spin .back .item-text {
    text-align: left;
    position: absolute;
    top: 126px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
section.how-spin .back .item-text p.name {
    margin-bottom: 30px;
    margin-top: 15px;
    letter-spacing: 1px;
}
section.how-spin.team-2 .back .item-text p.name,
section.how-spin.team-4 .back .item-text p.name {
    margin-top: 0;
}
section.how-spin .text-column {
    padding-top: 50px; /*70px;*/
}
section.how-spin-steps .steps .item {
    padding: 35px 30px;
    position: relative;
}
section.how-spin-steps .steps {
    margin: 100px 0;
}
section.how-spin-steps.magazine .steps {
    margin: 40px 0;
}
section.how-spin-steps .steps .item:after {
    content: '';
    width: 11px;
    height: 12px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    background: #fff;
    bottom: 0;
}
section.how-spin-steps .steps .item:before {
    content: '';
    width: 11px;
    height: 12px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    background: #fff;
    top: 0;
}
section.how-spin-steps .steps .item:nth-child(odd) {
    background: #214b5d;
}
section.how-spin-steps.magazine .steps .item:nth-child(odd) {
    background: #214b5d;
}
section.how-spin-steps.magazine .steps .item:nth-child(even) {
    background: #fff;
}

section.how-spin-steps.magazine .steps .item:nth-child(even) p {
    color: #434343;
}
section.how-spin-steps .steps .item:nth-child(odd) p, section.how-spin-steps.magazine .steps .item:nth-child(odd) p {
    color: #fff;
}
section.how-spin-steps .steps .item .line {
    display: flex;
    align-items: center;
}
section.how-spin-steps .steps .item .identificator:after {
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -30px;
    background: url("/assets/img/why-bitrix-step.png");
}
section.how-spin-steps .steps .item.one .identificator:after {
    background-position: 0 0;
}
section.how-spin-steps .steps .item.two .identificator:after {
    background-position: -60px 0;
}
section.how-spin-steps .steps .item.three .identificator:after {
    background-position: -120px 0;
}
section.how-spin-steps .steps .item.four .identificator:after {
    background-position: -180px 0;
}
section.how-spin-steps .steps .item.five .identificator:after {
    background-position: 0 -60px;
}
section.how-spin-steps .steps .item.six .identificator:after {
    background-position: -60px -60px;
}
section.how-spin-steps .steps .item.seven .identificator:after {
    background-position: -120px -60px;
}
section.full-complex {
    background: rgba(39,41,42,1);
    background: -moz-linear-gradient(top, rgba(39,41,42,1) 0%, rgba(55,58,52,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(39,41,42,1)), color-stop(100%, rgba(55,58,52,1)));
    background: -webkit-linear-gradient(top, rgba(39,41,42,1) 0%, rgba(55,58,52,1) 100%);
    background: -o-linear-gradient(top, rgba(39,41,42,1) 0%, rgba(55,58,52,1) 100%);
    background: -ms-linear-gradient(top, rgba(39,41,42,1) 0%, rgba(55,58,52,1) 100%);
    background: linear-gradient(to bottom, rgba(39,41,42,1) 0%, rgba(55,58,52,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27292a', endColorstr='#373a34', GradientType=0 );
}
section.full-complex .items .item {
    text-align: center;
}
section.full-complex .items .item .img {
    display: inline-block;
    width: 100px;
    height: 70px;
    background: url("/assets/img/complex-bitrix.png");
    margin: 20px 0;
}
section.full-complex .items .item:hover {
    cursor: pointer;
}
section.full-complex .items .item p {
    color: #fff;
}
section.full-complex .items .item:hover p.title {
    text-decoration: underline;
}
section.full-complex .items .item:hover p {
    color: #17d6ff;
}
section.full-complex .items .item.one .img {
    background-position: 0 0;
}
section.full-complex .items .item.two .img {
    background-position: -100px 0;
}
section.full-complex .items .item.three .img {
    background-position: -200px 0;
}
section.full-complex .items .item.four .img {
    background-position: -300px 0;
}
section.full-complex .items .item.one:hover .img {
    background-position: 0 -70px;
}
section.full-complex .items .item.two:hover .img {
    background-position: -100px -70px;
}
section.full-complex .items .item.three:hover .img {
    background-position: -200px -70px;
}
section.full-complex .items .item.four:hover .img {
    background-position: -300px -70px;
}
section.thanks-letters.raskrutka, section.faces.raskrutka {
    background: rgba(235,235,235,1);
    background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,235,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
}
section.thanks-letters.clients, section.thanks-letters.bitrix, section.thanks-letters.team {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
}
section.thanks-letters .line {
    position: relative;
}
section.thanks-letters .letters-slider {
    margin-top: 50px;
    position: relative;
}
section.thanks-letters .item {
    text-align: center;
}
section.thanks-letters .item img {
    margin: 10px 0;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.27);
}
section.cooperation .cooperation-block .item {
    text-align: center;
}
section.cooperation .cooperation-block .item .cooperation-image {
    width: 120px;
    height: 120px;
    background: url("/assets/img/cooperation.png") no-repeat center;
    margin-bottom: 25px;
    display: inline-block;
}
section.cooperation {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,235,233,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(233,235,233,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,235,233,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,235,233,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,235,233,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(233,235,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9ebe9', GradientType=0 );
}
section.cooperation .cooperation-block {
    margin: 60px 0 30px 0;
}
section.cooperation  .cooperation-name {
    margin: 0 0 10px 0;
}
section.steps.partners {
    padding-bottom: 0;
}
section.cooperation .cooperation-block .item.commercial .cooperation-image {
    background-position: 0 0;
}
section.cooperation .cooperation-block .item.law .cooperation-image {
    background-position: -120px 0;
}
section.cooperation .cooperation-block .item.web .cooperation-image {
    background-position: -240px 0;
}
section.cooperation .cooperation-block .item.provider .cooperation-image {
    background-position: -360px 0;
}
section.cms .items {
    margin: 60px 0 30px;
}
section.type-of-work {
    background: #eaeded;
}
section.type-of-work .block p.item-title {
    position: relative;
    padding-left: 45px;
    margin-top: 50px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
section.type-of-work .block p.item-title:after {
    content: "";
    position: absolute;
    left: -8px;
    top: -13px;
    width: 50px;
    height: 50px;
    background: url("/assets/img/typework-sprite.png");
}
section.type-of-work .block .one p.item-title:after {
    background-position: 0 0;
}
section.type-of-work .block .two p.item-title:after {
    background-position: -50px 0;
}
section.type-of-work .block .three p.item-title:after {
    background-position: -100px 0;
}
section.type-of-work .block .four p.item-title:after {
    background-position: 0 -50px;
}
section.type-of-work .block .five p.item-title:after {
    background-position: -50px -50px;
}
section.type-of-work .block .six p.item-title:after {
    background-position: -100px -50px;
}
section.type-of-work .block .seven p.item-title:after {
    background-position: 0 -100px;
}
section.type-of-work .block .eight p.item-title:after {
    background-position: -50px -100px;
}
section.type-of-work .block .nine p.item-title:after {
    background-position: -100px -100px;
}
section.benefits {
    background: #e8eff1;
}
section.tabs-blogs #tabs-blog ul {
    padding: 0;
    text-align: center;
    margin-bottom: 50px;
}
section.tabs-blogs #tabs-blog ul li {
    display: inline-block;
}
section.tabs-blogs #tabs-blog ul li a {
    font-size: 18px;
    text-transform: none;
    color: #36d9ff;
    padding: 9px 30px;
    border-radius: 30px;
    outline: none;
}
section.tabs-blogs #tabs-blog ul li.ui-tabs-active.ui-state-active a {
    background: #f0f3f5;
    color: #434343;
    text-decoration: none;
}
.blocks .item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.blocks .item img {
    width: 100%;
}
.blocks .item .likes {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 10px 7px 7px 7px;
    text-align: right;
    background: #313e47;
    color: #fff;
}
.blocks .item .likes .number {
    position: relative;
    padding-right: 25px;
    letter-spacing: 3px;
    cursor: pointer;
    min-height: 30px;
}
.blocks .item .likes .number:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 21px;
    height: 18px;
    background: url("/assets/img/like.png");
}
.blocks .item .likes .hint {
    letter-spacing: 3px;
}
.blocks .item .link-item {
    position: absolute;
    left: 0;
    bottom: -55px;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0 20px 7px 20px;
    background: rgba(33, 179, 255, 0.87);
    transition: bottom 0.2s linear;
}
.blocks .item:hover .link-item {
    bottom: 0;
}
.blocks .item .link-item p {
    text-transform: none;
    text-align: left;
    min-height: 45px;
}
.blocks .item .link-item .button-link span {
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #fff;
    width: 100%;
    padding: 10px 0;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.blocks .item .link-item .button-link span:hover {
    background: #07c38b;
}
.pagination-custom {
    text-align: center;
}
.pagination-custom ul li {
    display: inline-block;
}
.pagination-custom ul li a {
    font-size: 48px;
    color: #000;
    padding: 0 15px;
}
.pagination-custom ul li a.active, .pagination-custom ul li a:hover {
    color: #d71e48;
}
section.calculator  {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
section.calculator.bitrix {
    background: none;
}
section.blog-title h1 {
    text-align: center;
    position: relative;
    z-index: 2;
    font-size: 48px;
}
section.content-blog {
    font-size: 14px;
    line-height: 18px;
    color: #434343;
}
section.content-blog p {
    margin: 0 0 15px 0;
}
section.content-blog img {
    margin: 0 0 15px 0;
}
section.blog-title .background {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.comment {
    position: relative;
    border-radius: 5px;
    padding: 15px 75px;
}
.comment.dark {
    background: #f0f3f5;
}
.comment.white {
    -webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.2);
}
.comment:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 5px;
    width: 52px;
    height: 42px;
    background: url("/assets/img/comment-dark.png") no-repeat 0 0;
}
.seo-specialist .comment {
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding-left: 125px;
}
.seo-specialist .comment p.text {
    text-align: justify;
}
.seo-specialist .comment:before {
    left: 35px;
    /*top: 40px;*/
    top: 25%;
    background: url("/assets/img/comment-dark.png") no-repeat -115px 0;
}
.seo-specialist .comment:after {
    content: "";
    position: absolute;
    display: block;
    left: -6px;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    transform: rotate(-45deg);
    border: 1px solid;
    border-color: #ccc transparent transparent #ccc;
    background-color: white;
    background-image: none;
}
.comment:after {
    content: '';
    position: absolute;
    right: 15px;
    bottom: 5px;
    width: 52px;
    height: 42px;
    background: url("/assets/img/comment-dark.png") no-repeat -62px 0;
}
.comment p.text {
    letter-spacing: 1px;
}
.comment .name {
    text-transform: none;
}
section.another-articles {
    background: #ececec;
}
section.another-articles.no-bg {
    background: transparent;
}
section.another-articles .blocks {
    margin-top: 50px;
}
section.kontext-steps .block .item {
    position: relative;
    margin-bottom: 110px;
}
section.kontext-steps .item p {
    position: relative;
    z-index: 2;
}
section.kontext-steps .block {
    margin-top: 50px;
}
section.kontext-steps .block .graph {
    position: relative;
}
section.kontext-steps .block .graph img {
    width: 610px;
    padding: 25px;
    box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}
section.kontext-steps .block .graph .text-kontext,
section.kontext-steps .block .graph .search-result {
    position: absolute;
    transform: rotate(-90deg);
}
section.kontext-steps .block .graph .text-kontext {
    top: 150px;
    right: -120px;
}
section.kontext-steps .block .graph .search-result {
    bottom: 90px;
    right: -40px;
}
section.kontext-steps.google .block .graph .text-kontext {
    top: 111px;
    right: -75px;
}
section.kontext-steps.google .block .graph .search-result {
    bottom: 146px;
}
section.kontext-steps .block .graph .line {
    position: absolute;
    left: 55px;
    width: 95%;
    height: 5px;
    background: #dfdfdf;
}
section.kontext-steps .block .graph .line.one {
    top: 20px;
}
section.kontext-steps .block .graph .line.two {
    top: 412px;
}
section.kontext-steps.google .block .graph .line.two {
    top: 260px;
}
section.kontext-steps .block .graph .line.three {
    bottom: 20px;
    top: auto;
}
section.setting .item {
    padding: 25px 15px;
    margin: 15px 0;
    -webkit-box-shadow: 0px 1px 10px 1px rgba(126,126,126,0.33);
    -moz-box-shadow: 0px 1px 10px 1px rgba(126,126,126,0.33);
    box-shadow: 0px 1px 10px 1px rgba(126,126,126,0.33);
    border-left: 6px solid #7ed2e2;
}
section.setting .item p.text {
    padding-left: 80px;
    position: relative;
}
section.setting .item-blocks {
    margin: 30px 0;
}
section.setting .item p.text.item-text:before {
    content: '';
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0;
    background: url("/assets/img/prof-settings.png");
}
section.setting .item p.text.item-text.skurp:before {
    background-position: -65px 0;
}
section.setting .item p.text.item-text.context-ob:before {
    background-position: -130px 0;
}
section.setting .item p.text.item-text.sett-dir:before {
    background-position: -195px 0;
}
section.setting .item p.text.item-text.retargeting:before {
    background-position: 0 -65px;
}
section.setting .item p.text.item-text.utp:before {
    background-position: -65px -65px;
}
section.setting .item p.text.item-text.sk-analit:before {
    background-position: -130px -65px;
}
section.setting .item p.text.item-text.geo-retarg:before {
    background-position: -195px -65px;
}
section.setting.video .item p.text.item-text:before {
    content: '';
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0;
    background: url("/assets/img/video-settings.png");
}
section.setting.video .item p.text.item-text.team:before {
    background-position: 0 0;
}
section.setting.video .item p.text.item-text.idea:before {
    background-position: -65px 0;
}
section.setting.video .item p.text.item-text.proff:before {
    background-position: -130px 0;
}
section.setting.video .item p.text.item-text.fast:before {
    background-position: 0 -65px;
}
section.setting.video .item p.text.item-text.wide:before {
    background-position: -65px -65px;
}
section.setting.video .item p.text.item-text.right:before {
    background-position: -130px -65px;
}
section.kontext-steps .block .item:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -37.5px;
    top: -50px;
    width: 75px;
    height: 95px;
    background: url("/assets/img/numbers.png") no-repeat;
    z-index: 1;
}
section.kontext-steps .block .item.one:before {
    background-position: 0 0;
}
section.kontext-steps .block .item.one:after {
    content: '';
    position: absolute;
    width: 17px;
    height: 42px;
    left: 50%;
    margin-left: -8.5px;
    top: 115%;
    background: url("/assets/img/arrow-down.png");
}
section.kontext-steps .block .item.two:before {
    background-position: -75px 0;
    left: 0;
    top: -35px;
}
section.kontext-steps .block .item.three:before {
    background-position: -150px 0;
    left: 0;
    top: -35px;
}
section.kontext-steps .block .item.four:before {
    background-position: -225px 0;
    left: 0;
    top: -35px;
}
section.complex.kontext .info{
    text-align: center;
    margin-top: 25px;
}
section.complex.kontext .info p,
section.complex .info-line p {
    display: inline-block;
    background: #314454;
    padding: 15px 45px;
    border-radius: 15px;
}
section.complex .info-line.info-line-green p {
    background-color: #07d2b2;
    padding: 20px 60px;
    margin-top: 15px;
}

section.complex.kontext.google {
    background: #fff;
    padding-bottom: 10px;
}
section.complex.kontext.google:after {
    display: none;
}
section.complex.kontext.google .info p {
    background-color: #07d2b2;
    padding: 20px 60px;
    margin-top: 30px;
}
section.main-thing .list-five-items ul li {
    position: relative;
    margin-bottom: 30px;
}
section.main-thing .list-five-items ul {
    padding-left: 80px;
}
section.main-thing .list-five-items ul li.ms-icon:before {
    content: '';
    position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -1px;
    width: 30px;
    height: 2px;
    background: #dedede;
}
section.main-thing .list-five-items ul li.ms-icon:after {
    content: '';
    position: absolute;
    left: -85px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: url("/assets/img/main-thing-list.png");
}
section.main-thing .list-five-items ul li.ms-icon.one:after {
    background-position: 0 0;
}
section.main-thing .list-five-items ul li.ms-icon.two:after {
    background-position: -40px 0;
}
section.main-thing .list-five-items ul li.ms-icon.three:after {
    background-position: -80px 0;
}
section.main-thing .list-five-items ul li.ms-icon.four:after {
    background-position: 0 -40px;
}
section.main-thing .list-five-items ul li.ms-icon.five:after {
    background-position: -40px -40px;
}
section.magazine-functions {
    background: rgba(232,239,241,1);
    background: -moz-linear-gradient(top, rgba(232,239,241,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,239,241,1)), color-stop(100%, rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(232,239,241,1) 0%, rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(232,239,241,1) 0%, rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(232,239,241,1) 0%, rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(232,239,241,1) 0%, rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eff1', endColorstr='#ebebeb', GradientType=0 );
}
section.magazine-functions .item {
    padding-left: 45px;
    margin-bottom: 25px;
}
section.magazine-functions .block {
    margin-top: 50px;
}
section.magazine-functions .item p.text {
    line-height: 23px;
}
section.magazine-functions .item p.title-item {
    position: relative;
    text-transform: uppercase;
}
section.magazine-functions .item p.title-item:before {
    content: "";
    position: absolute;
    left: -45px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: url("/assets/img/func-icons.png");
}
section.magazine-functions .item.one p.title-item:before {
    background-position: 0 0;
}
section.magazine-functions .item.two p.title-item:before {
    background-position: -40px 0;
}
section.magazine-functions .item.three p.title-item:before {
    background-position: -80px 0;
}
section.magazine-functions .item.four p.title-item:before {
    background-position: -120px 0;
}
section.magazine-functions .another {
    text-align: center;
    margin-top: 50px;
}
section.magazine-functions .another .link {
    color: #e42861;
    text-decoration: underline;
    cursor: pointer;
}
section.socials-smm, section.prices-smm, section.create.offer {
    background: #2a2d2c;
}
section.socials-smm .block {
    margin-top: 50px;
}
section.socials-smm .block .item .img {
    min-height: 250px;
    text-align: center;
    margin: 20px 0;
}
section.socials-smm .block .item .list ul.custom li {
    position: relative;
    color: #fff;
    text-transform: none;
    padding-left: 50px;
    margin-bottom: 50px;
}
section.socials-smm .block .item .list ul.custom li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: url("/assets/img/smm-list.png");
}
section.socials-smm .block .item .list ul.custom li.one:before {
    background-position: 0 0;
}
section.socials-smm .block .item .list ul.custom li.two:before {
    background-position: -40px 0;
}
section.socials-smm .block .item .list ul.custom li.three:before {
    background-position: -80px 0;
}
section.socials-smm .block .item .list ul.custom li.four:before {
    background-position: -120px 0;
}
section.socials-smm .block .item.inst .list ul.custom li.four:before {
    background-position: -160px 0;
}
section.audience, section.work-process {
    background: #ebf0ee;
}
section.audience .block {
    margin-top: 50px;
}
section.audience .block .item {
    text-align: center;
    margin-bottom: 65px;
}
section.audience .block .item .under-title {
    color: #17d6ff;
    font-size: 15px;
    font-family: "Proxima Nova";
    text-transform: none;
    font-weight: bold;
}
section.audience .block .item .img {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin-bottom: 10px;
    background: url("/assets/img/audience-list.png");
}
section.audience .block .item.one .img {
    background-position: 0 0;
}
section.audience .block .item.two .img {
    background-position: -80px 0;
}
section.audience .block .item.three .img {
    background-position: -160px 0;
}
section.audience .block .item.four .img {
    background-position: -240px 0;
}
section.audience .block .item.five .img {
    background-position: 0 -80px;
}
section.audience .block .item.six .img {
    background-position: -80px -80px;
}
section.audience .block .item.seven .img {
    background-position: -160px -80px;
}
section.audience .block .item.eight .img {
    background-position: -240px -80px;
}
section.targeting {
    min-height: 750px;
    background: url("/assets/img/targeting.jpg") center -180px;
}
section.targeting .block {
    margin-top: 50px;
}
section.targeting .custom-red-button {
    width: 300px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    bottom: 40px;
}
section.prices-smm .item, section.create.offer .item {
    position: relative;
    display: inline-block;
    width: 275px;
    height: 275px;
    padding-top: 40px;
    text-align: center;
    border-radius: 50%;
    background: #4d595d;
}
section.prices-smm .item:hover, section.create.offer .item:hover {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255,255,255,.5);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255,255,255,.5);
    box-shadow: 0px 0px 0px 10px rgba(255,255,255,.5);
}
section.prices-smm .item .img {
    width: 160px;
    height: 160px;
    display: inline-block;
    background: url("/assets/img/prices-socials.png");
}
section.prices-smm .item.vk .img {
    background-position: 0 0;
}
section.prices-smm .item.fb .img {
    background-position: -160 0;
}
section.prices-smm .item.inst .img {
    background-position: -320px 0;
}
section.prices-smm .item .price, section.create.offer .item .price {
    position: absolute;
    top: 12px;
    right: -4px;
    padding: 3px 15px;
    transform: rotate(35deg);
    display: inline-block;
    font-size: 18px;
    font-family: "px-ExCnBold";
    color: #fff;

}
section.prices-smm .item.vk .price, section.create.offer .item.one .price {
    background: #00d688;
}
section.prices-smm .item.fb .price, section.create.offer .item.two .price {
    background: #17d6ff;
}
section.prices-smm .item.inst .price, section.create.offer .item.three .price {
    background: #a739cb;
}
section.create.offer .item.four .price {
    background: #b83030;
}
section.prices-smm .item .custom-red-button, section.create.offer .item .custom-red-button {
    margin-top: -20px;
    background: transparent;
    border: 2px solid #d2d5d4;
    border-radius: 50px;
}
section.create.offer .item .custom-red-button {
    margin-top: 0;
}
section.prices-smm .item .custom-red-button:hover, section.create.offer .item .custom-red-button:hover {
    border: 2px solid  transparent;
    -webkit-box-shadow: 1px 2px 5px 0px rgba(0,8,31,0.5);
    -moz-box-shadow: 1px 2px 5px 0px rgba(0,8,31,0.5);
    box-shadow: 1px 2px 5px 0px rgba(0,8,31,0.5);
    background: #e52963;
    background: -moz-linear-gradient(top, #e52963 1%, #cc1532 99%);
    background: -webkit-linear-gradient(top, #e52963 1%,#cc1532 99%);
    background: linear-gradient(to bottom, #e52963 1%,#cc1532 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e52963', endColorstr='#cc1532',GradientType=0 );
}
section.create.offer .title-block {
    width: 200px;
    height: 120px;
    margin: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
section.portfolio-seonity .type-of-portfolio .choose-portfolio-block {
    position: relative;
    padding-left: 60px;
}
section.portfolio-seonity .type-of-portfolio .choose-portfolio-block .switcher {
    position: absolute;
    left: 0;
    background: #fff;
    width: 42px;
    height: 102px;
    border-radius: 50px;
    cursor: pointer;
}
section.portfolio-seonity .type-of-portfolio .choose-portfolio-block .switcher .round {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #00d688;
    margin: 7px auto;
    cursor: pointer;
    position: relative;
    top: 0;
    -webkit-transition: top .5s ease-out;
    -moz-transition: top .5s ease-out;
    -o-transition: top .5s ease-out;
    transition: top .5s ease-out;
}
section.portfolio-seonity .type-of-portfolio .choose-portfolio-block .switcher .round.seo {
    top: 55px;
}
section.portfolio-seonity.create .type-of-portfolio .choose-portfolio-block .switcher .round.create {
    top: 0;
}
section.portfolio-seonity.create .type-of-portfolio .choose-portfolio-block .switcher .round {
    top: 55px;
    position: relative;
    -webkit-transition: top .5s ease-out;
    -moz-transition: top .5s ease-out;
    -o-transition: top .5s ease-out;
    transition: top .5s ease-out;
}
.type-of-portfolio {
    text-transform: uppercase;
}
.type-of-portfolio a {
    font-size: 30px;
    text-decoration: none;
    display: block;
}
.type-of-portfolio p {
    margin: 0;
}
.type-of-portfolio a:hover {
    text-decoration: underline;
}
.type-of-portfolio .title {
    margin: -19px 0 15px 0;
}
.type-of-portfolio .choose-portfolio-block .first-item {
    margin-bottom: 25px;
}
section.portfolio-seonity .type-of-portfolio .pseudo-link {
    /*cursor: pointer;*/
}
section.portfolio-seonity .type-of-portfolio .pseudo-link.active {
    color: #00d688;
}
section.portfolio-item a.item-link {
    color: #d81e49;
    font-size: 24px;
    font-family: "px-ExCnBold";
}
section.portfolio-item .show-all a {
    color: #17d6ff;
    font-size: 36px;
    font-family: "px-ExCnBold";
}
section.happy {
    background-color: #f8f8f8;
}
section.vacancies ul {
    margin: 0 0 30px 0;
    padding: 0;
}
section.vacancies .description .title {
    margin: 0 0 15px 0;
}
section.vacancies .vacancy-title {
    letter-spacing: 1px;
}
section.vacancies ul li {
    text-transform: none;
}
section.vacancies .round {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 270px;
    border-radius: 50%;
    background: #f2f2f2;
}
section.vacancies .round .item {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -90px;
    width: 200px;
    height: 180px;
    background: url("/assets/img/vacancy.png");
}
section.vacancies .round .item.one {
    background-position: 0 0;
}
section.vacancies .round .item.two {
    background-position: -200px 0;
}
section.vacancies .round .item.three {
    background-position: -400px 0;
}
section.vacancies .round .item.four {
    background-position: -600px 0;
}
section.vacancies .round .item.five {
    background-position: 0 -180px;
}
section.vacancies .round .item.six {
    background-position: -200px -180px;
}
section.vacancies .round .item.seven {
    background-position: -400px -180px;
}
section.vacancies .block {
    margin-bottom: 40px;
}

section.vacancies .description .work-items {
    margin-bottom: 20px;
}
section.vacancies .custom-red-button {
    border-radius: 50px;
    padding-left: 90px;
    padding-right: 90px;
}
.devider {
    margin-top: 50px;
    border-bottom: 1px solid #e2e2e2;
}
section.yandex-market {
    background: rgba(227,227,227,1);
    background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,227,227,1)), color-stop(100%, rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom, rgba(227,227,227,1) 0%, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f5f5f5', GradientType=0 );
}
section.yandex-market .item {
    max-width: 400px;
}
section.yandex-market .yandex-market-bg {
    min-height: 881px;
    background: url("/assets/img/Yandex-Market.png") center center;
}
section.yandex-market .block {
    position: relative;
}
section.yandex-market .block .item img {
    margin-top: 35px;
}
section.yandex-market .block .item.one {
    padding-left: 0;
}
section.yandex-market .block .item.one p.title:after {
    background: none;
}
section.yandex-market .block .item p.title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 71px;
    height: 71px;
    background: url("/assets/img/yandex-window.png");
}
section.yandex-market .block .item.two:after {

}
section.yandex-market .block .item {
    position: absolute;
    padding-left: 90px;
}
section.yandex-market .block .item.two p.title:after {
    background-position: 0 0;
}
section.yandex-market .block .item.three p.title:after {
    background-position: -71px 0;
}
section.yandex-market .block .item.four p.title:after {
    background-position: -142px 0;
}
section.yandex-market .block .item.five p.title:after {
    background-position: -213px 0;
}
section.yandex-market .block .item.six p.title:after {
    background-position: -284px 0;
}
section.yandex-market .block .item.one {
    left: 0;
    top: 75px;
}
section.yandex-market .block .item.two {
    right: 0;
    top: 190px;
}
section.yandex-market .block .item.three {
    left: 0;
    top: 350px;
}
section.yandex-market .block .item.four {
    right: 0;
    top: 455px;
}
section.yandex-market .block .item.five {
    left: 0;
    top: 615px;
}
section.yandex-market .block .item.six {
    right: 0;
    top: 800px;
}
section.recomend .text-items {
    margin-top: 25px;
}
section.recomend .text-items p.title {
    margin:  15px 0;
}
section.yandex-count {
    position: relative;
    height: 300px;
    background: url("/assets/img/yandex-count.png") center center;
}
section.yandex-count .count {
    position: absolute;
    top: 120px;
    left: 52%;
}
section.feedback .chair img {
    margin-top: -220px;
    position: relative;
    z-index: 12;
}
section.feedback .feeedback-form .content-form label {
    display: inline-block;
    width: 215px;
    text-transform: none;
    font-size: 14px;
    color: #726a56;
    font-family: "px-regular-italic";
}
section.feedback .feeedback-form {
    background: #fff;
    min-height: 400px;
    padding: 20px 50px;
    border-radius: 10px;
    -webkit-box-shadow: 17px 10px 54px 0px rgba(0,8,31,0.45);
    -moz-box-shadow: 17px 10px 54px 0px rgba(0,8,31,0.45);
    box-shadow: 17px 10px 54px 0px rgba(0,8,31,0.45);
}
section.feedback .feeedback-form .content-form .item {
    margin-bottom: 10px;
}
section.feedback .feeedback-form .content-form .button {
    text-align: center;
}
section.feedback .feeedback-form .content-form textarea {
    display: block;
    width: 100%;
    margin: 10px 0 20px 0;
}
section.feedback .feeedback-form .content-form input {
    width: 50%;
    min-height: 35px;
    margin-left: 15px;
    padding-left: 15px;
    font-size: 14px;
    color: #726a56;
    font-family: "px-light";
}
section.feedback .feeedback-form .content-form input[type="submit"] {
    font-family: "px-ExCnRegular";
    color: #fff;
    font-size: 16px;
    width: auto;
    margin: 0;
    padding: 15px 25px;
    letter-spacing: 1px;
}
label > span {
    text-transform: none;
}
input, textarea {
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    text-transform: none;
    outline: none;
}
section.contact.feedback .info .item {
    margin-top: 0;
    margin-bottom: 40px;
}
section.contact.feedback .info .item.phone {
    padding-left: 25px;
    position: relative;
}
section.contact.feedback .info .item.phone:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 17px;
    height: 24px;
    background: url(/assets/img/phone-icon.png) no-repeat;
}
section.contact.feedback {
    padding-top: 30px;
}
section.contact.feedback .feeedback-form {
    position: relative;
    z-index: 100;
}
section.contact.feedback .convert {
    position: absolute;
    top: -80px;
    right: 0;
    z-index: 12;
}
section.contact.feedback .red {
    color: #d71e48;
}
section.contact.feedback .info {
    letter-spacing: 1px;
}
section.contact .contacts-title {
    margin:  0 0 25px 0;
    text-transform: uppercase;
}
section.position-site {
    background: #f5f7f6;
}
section.position-site table.portfolio {
    text-align: left;
    width: 100%;
}
section.position-site table.portfolio tbody td {
    padding: 10px 15px;
    text-transform: none;
    text-align: center;
    font-family: "px-ExCnBold";
    font-size: 18px;
    color: #434343;
}
section.position-site table.portfolio tbody td.title {
    text-align: left;
    font-family: "px-regular-italic";
    font-size: 16px;
    color: #939393;
}
section.position-site table.portfolio tbody tr:nth-child(odd) {
    background: #fff;
}
section.position-site table.portfolio tbody tr td:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
section.position-site table.portfolio tbody tr td:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
}
section.position-site table.portfolio tbody tr td:nth-child(2) {
    position: relative;
}
section.position-site table.portfolio tbody tr td:last-child:after, section.position-site table.portfolio tbody tr td:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    border-left: 1px solid #c9d4d0;
}
section.position-site table.portfolio thead th {
    font-size: 30px;
    font-family: "Proxima Nova";
    color: #545454;
    font-weight: bold;
}
section.position-site table.portfolio thead th.google,
section.position-site table.portfolio thead th.yandex{
    font-size: 16px;
    text-align: center;
    text-transform: none;
}
section.position-site table.portfolio thead th.google {
    color: #00d688;
}
section.position-site table.portfolio thead th.yandex {
    color: #df2456;
}
section.content-portfolio .img {
    border-top: 3px solid #f6f5f3;
}
section.content-portfolio .seo-specialist .photo {
    text-align: center;
}
.content-portfolio .project-description {
    margin-bottom: 30px;
}
.content-portfolio .project-description img {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
}
.content-portfolio .project-description,
.content-portfolio .project-description p {
    font-size: 16px;
    color: #434343;
}
.content-portfolio .project-description p {
    margin: 0 0 20px 0;
}
.content-portfolio .project-description h1{
    font-size: 48px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    line-height: normal;
}
.content-portfolio .project-description h2 {
    font-size: 46px;
    font-family: "Proxima Nova";
    font-weight: bold;
    text-align: left;
    margin:20px 0;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
}
.content-portfolio .project-description h2:first-child {
    margin-top: 0;
}
.content-portfolio .project-description ul {
    margin: 0 0 20px 0;
}
.content-portfolio .project-description ul li {
    list-style: disc ;
    font-size: 13px;
    line-height: 18px;
}
.content-portfolio .project-description iframe {
    display: block;
    margin: 20px auto;
    max-width: 100%;
}
.content-portfolio .project-description iframe + img {
    margin-top: 0;
}
.content-portfolio .seo-specialist {
    margin-bottom: 40px;
}
section.content-portfolio .example-pages .img {
    text-align: center;
    -webkit-box-shadow: 0px 10px 27px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 10px 27px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 10px 27px 0px rgba(0,0,0,0.14);
    margin-bottom: 25px;
}
section.complex.seo-portfolio {
    background: url(/assets/img/complex-seo-portfolio.jpg) no-repeat center;
    background-size: cover;
}
section.complex.seo-portfolio .info-graph, section.complex.seo-portfolio .title-graph {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
section.complex.seo-portfolio .info-graph {
    height: 350px;
    margin-top: 100px;
}
section.complex.seo-portfolio .info-graph .item {
    margin: 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: center;
}
section.complex.seo-portfolio .info-graph .item .ch-name {
    min-height: 60px;
}
section.complex.seo-portfolio .title-graph p {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self:  flex-end;
    text-align: center;
}
section.complex.seo-portfolio .info-graph .item .rectangle {
    position: relative;
    display: inline-block;
    width: 50px;
    transition: height 1s ease-out;
    min-height: 45px;
}
section.complex.seo-portfolio .info-graph .item .rectangle .illustration {
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 50px;
    background: url("/assets/img/graph-icons.png");
}
section.complex.seo-portfolio .info-graph .item .rectangle .illustration.top {
    bottom: auto;
    top: 0;
}
section.complex.seo-portfolio .info-graph .item .rectangle .illustration.one {
    background-position: 0 0;
}
section.complex.seo-portfolio .info-graph .item .rectangle .illustration.two {
    background-position: -50px 0;
}
section.complex.seo-portfolio .info-graph .item .rectangle .illustration.three {
    background-position: -100px 0;
}
section.complex.seo-portfolio .info-graph .item .rectangle .illustration.four {
    background-position: -150px 0;
}
section.complex.seo-portfolio .info-graph .item .rectangle .illustration.five {
    background-position: 0 -50px;
}
section.complex.seo-portfolio .info-graph .item .rectangle .illustration.six {
    background-position: -150px -50px;
}
section.complex.seo-portfolio .info-graph .item .rectangle .illustration.seven {
    background-position: -100px -50px;
}
section.complex.seo-portfolio .info-graph .item .rectangle .illustration.eight {
    background-position: -50px -50px;
}
section.complex.seo-portfolio .was {
    padding-right: 50px;
}
section.complex.seo-portfolio .will {
    padding-left: 50px;
}
section.complex.seo-portfolio .was .info-graph .item .rectangle {
    background: #4db38e;
}
section.complex.seo-portfolio .info-graph .item .rectangle .show-percentage {
    color: #4eb38e;
    margin-top: -25px;
}
section.complex.seo-portfolio .will .info-graph .item .rectangle {
    background: #00d688;
}
section.complex.seo-portfolio {
    overflow: hidden;
}
section.best-clients img {
    -webkit-box-shadow: 0px 10px 27px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 10px 27px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 10px 27px 0px rgba(0,0,0,0.14);
}
section.best-clients .client-review-content,
section.best-clients .client-review-content p {
    font-size: 13px;
    line-height: 18px;
    color: #434343;
    margin: 0 0 15px 0;
    text-align: justify;
}
section.best-clients  .title {
    margin-bottom: 20px;
}
section.another-pages {
    padding-bottom: 80px;
}
section.another-pages .pages-slider #carousel-pages {
    margin: 0 auto;
    width:800px;
    height: 385px;
    display: relative;
    overflow: hidden;
}
section.another-pages .pages-slider {
    padding: 40px 0 50px 0;
    position: relative;
}
section.another-pages .pages-slider #carousel-pages img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
    -webkit-filter: blur(2px); /* Safari */
    filter: blur(2px);
}
section.another-pages .pages-slider #carousel-pages img.carousel-center {
    -webkit-filter: blur(0); /* Safari */
    filter: blur(0);
    height: auto !important;
}
section.another-pages .pages-slider .phone-cover {
    position: absolute;
    left: 50%;
    margin-left: -124px;
    top: 50%;
    margin-top: -272px;
    z-index: 10;
}
section.another-pages .pages-slider .slider-controls .prev-page {
    position: absolute;
    left: -65px;
    top: 50%;
    margin-top: -32.5px;
    width: 50px;
    height: 65px;
    cursor: pointer;
    background: url("/assets/img/arrow-slider-pages.png") no-repeat 0 0;
}
section.another-pages .pages-slider .slider-controls .next-page {
    position: absolute;
    right: -65px;
    top: 50%;
    margin-top: -32.5px;
    width: 50px;
    height: 65px;
    cursor: pointer;
    background: url("/assets/img/arrow-slider-pages.png") no-repeat -50px 0;
}
section.another-works {
    background-color: #ebf0ee;
}
section.another-works {

}
section.task-resolve p {
    margin: 0 0 20px 0;
}
section.task-resolve .task-title {
    margin: 35px 0 10px 0;
}
section.task-resolve.create {
    padding: 0;
}
section.task-resolve.create .img-block {
    position: relative;
    min-height: 600px;
}
section.task-resolve.create .img-block img{
    position: absolute;
    right: 0;
    top:0;
    height: 100%;
    min-width: 850px;
}
section.work-process .screen-changes {
    position: relative;
}
section.work-process .screen-changes .screen {
    position: relative;
    overflow: hidden;
}
section.work-process .screen-changes .screen .frame-screen {
    position: absolute;
    top: 43px;
    left: 43px;
    overflow: hidden;
    width: 1093px;
    height: 615px;
}
section.work-process .screen-changes .screen  .info-block {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    opacity: 1;
    /*transition: opacity 1s;*/
    z-index: 30;
}
section.work-process .screen-changes .screen .info-block .text-help {
    position: absolute;
    left: 65px;
    top: 130px;
    display: inline-block;
    background: #1b2125;
    padding: 25px 35px;
    border-radius: 45px;
}
section.work-process .screen-changes .screen  .info-block .text-help:after {
    content: url("/assets/img/arrow-to-drag.png");
    position: absolute;
    top: 100%;
    left: 250px;
    /*  width: 358px;
      height: 103px;
      background: url("/assets/img/arrow-to-drag.png");*/
}

section.work-process .screen-changes .before-changes,
section.work-process .screen-changes .after-changes {
    position: absolute;
    top: 0;
    max-height: 650px;
    overflow: hidden;
}
section.work-process .screen-changes .after-changes {
    position: relative;
}
/*section.work-process .screen-changes .before-changes {
  z-index: 1;
}*/
section.work-process .screen-changes .before-changes img,
section.work-process .screen-changes .after-changes img {
    min-width: 1090px;
    height: 100%;
}
section.work-process .screen-changes .after-changes {
    width: 710px;
}

section.work-process.fixed .screen {
    background: url("/assets/img/screen-changes-wrap.png") no-repeat center top;
    height: 935px;
    padding: 3.5% 4.5% 22.9% 4.5%;
}
section.work-process.fixed .screen-inner {
    position: relative;
}
section.work-process.fixed .twentytwenty-overlay {
    display: none;
}
section.work-process.fixed .twentytwenty-horizontal .twentytwenty-handle:before,
section.work-process.fixed .twentytwenty-horizontal .twentytwenty-handle:after {
    background: #00d688;
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
section.work-process.fixed .twentytwenty-horizontal .twentytwenty-handle:before {
    margin-bottom: 0;
}
section.work-process.fixed .twentytwenty-horizontal .twentytwenty-handle:after {
    margin-top: 0;
}
section.work-process.fixed .twentytwenty-handle {
    background: #00d688;
    border-color: #00d688;
    height: 60px;
    margin-top: -30px;
    border-radius: 10px;
}
section.work-process.fixed .twentytwenty-right-arrow {
    margin-right: -21px;
}
section.work-process.fixed .twentytwenty-left-arrow {
    margin-left: -20px;
}
section.last-work {
    background: transparent;
}
section.last-work .last-works-items {
    position: relative;
}
section.last-work .last-works-items .laptop-block {
    background: transparent;
}
section.last-work .last-works-items .img-laptop {
    position: absolute;
    top: 0;
    z-index: 2;
}
section.last-work .last-works-items .laptop-block .laptop-screen {
    top: 22px;
}
section.calculator .custom-red-button {
    width: 290px;
    font-size: 24px;
}
.step_indicator {
    text-align: center;
}
.step_indicator ul li {
    position: relative;
    margin: 0 15px;
    display: inline-block;
    color: #598992;
    border: 4px solid #598992;
    border-radius: 10px;
    min-height: 45px;
    min-width: 45px;
    text-align: center;
    line-height: 36px;
    font-family: "px-ExCnBlack";
    background: #ebebeb;
}
.step_indicator ul li:after {
    content: "";
    position: absolute;
    left: calc(100% + 4px);
    top: 50%;
    margin-top: -1px;
    width: 36px;
    height: 2px;
    background: #598992;
}
.step_indicator ul li:last-child:after {
    display: none;
}
.step_indicator ul li.done {
    background: #09d78c;
    color: #fff;
    border: 4px solid #09d78c;
    cursor: pointer;
}
.step_indicator ul li.active {
    background: #598992;
    border: 4px solid #598992;
    color: #fff;
}
.step_indicator ul li.submitted_s {
    background: #09d78c;
    border: 4px solid #09d78c;
    color: #fff;
    cursor: pointer;
}
section.calculator .step_2, section.calculator .step_3, section.calculator .step_4, section.calculator .step_5 {
    display: none;
}
section.calculator .title-calc {
    text-align: center;
}
section.calculator .info {
    display: inline-block;
    color: #a4a4a4;
    text-transform: none;
    font-size: 40px;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    font-family: "px-ExCnLightlt";
}
section.calculator .step_4 .info {
    color: #09d78c;
}
section.calculator .info:before {
    content: "";
    position: absolute;
    top: 22px;
    left: -210px;
    width: 202px;
    height: 55px;
    background: url("/assets/img/title-calculator-lines.png") 0 0;
}
section.calculator .info:after {
    content: "";
    position: absolute;
    top: 22px;
    right: -210px;
    width: 202px;
    height: 55px;
    background: url("/assets/img/title-calculator-lines.png") -202px 0;
}
section.calculator .item {
    border-radius: 5px;
    text-align: center;
    padding: 30px;
    margin: 5px 0;
    min-height: 230px;
}
section.calculator .item.bluebox {
    background: #29bbda;
    cursor: pointer;
}
section.calculator input[type="radio"] {
    display: none;
}
section.calculator .item.bluebox:hover,
section.calculator  input[type="radio"]:checked + .item.bluebox{
    background: #09d78c;
    box-shadow: 0 0 0 5px #9be8c5;
}
section.calculator .item .img {
    display: inline-block;
    width: 100px;
    height: 83px;
    background: url("/assets/img/calculator-icons.png");
}
section.calculator .item .title {
    margin-top: 30px;
}
section.calculator .item .img.one {
    background-position: 0 0;
}
section.calculator .item .img.two {
    background-position: -100px 0;
}
section.calculator .item .img.three {
    background-position: -200px 0;
}
section.calculator .item .img.four {
    background-position: -300px 0;
}
section.calculator .step_2 .item .title {
    min-height: 60px;
}
section.calculator .step_3 .item .title {
    padding: 0 55px;
    margin: 0 0 25px 0;
}
section.calculator .step_4 .item .title {
    margin: 0 0 55px 0;
}
section.calculator .item.radiobox input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding-left: 55px;
    cursor: pointer;
    font-size: 48px;
    color: #598992;
    line-height: 48px;
    margin: 30px 20px 0 0;
    font-family: "px-ExCnRegular";
}
section.calculator .item.radiobox input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #dbdbdb;
}
section.calculator .item.radiobox input[type="radio"]:checked + label:before {
    background: #17d6ff;
    border: 3px solid #17d6ff;
}
section.calculator .item input[type="text"], section.calculator .item select {
    padding: 20px;
    width: 100%;
    color: #000;
    outline: none;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.17);
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.17);
}
section.calculator .item select {
    -webkit-appearance: none;
    /* for FF */
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    /* for IE */
    -ms-appearance: none;
    appearance: none!important;
    border: 1px solid #e2e2e2;
    color: #ccc;
    border-radius: 3px;
    background: #fff url("/assets/img/icon-select-caret.png") no-repeat right center;
}

section.calculator .step_3 .item select {
    /*color: #598992;*/
    font-family: "px-ExCnBold";
    text-transform: uppercase;
}
section.calculator .item input[type="text"]::-webkit-input-placeholder {
    color: #cccccc;
    text-transform: uppercase;
    font-family: "px-ExCnBold";
}
section.calculator .step_4 .item {
    width: 380px;
    margin: 0 auto;
    padding: 30px 0;
}
section.calculator .cl-6, section.calculator .cl-4 {
    border-left: 1px solid #dcdcdc;
}
section.calculator .no-border {
    border-left: none;
}
section.calculator .step_4 .item.left {
    margin-right: 0;
}
section.calculator .step_4 .item.right {
    margin-left: 0;
}
section.calculator .step_5 .title {
    margin: 0;
    padding: 0 85px;
}
section.calculator .step_5 a.custom-red-button {
    display: inline-block;
    text-decoration: none;
}
section.calculator .step_5 .item {
    background: #415154;
    border-radius: 5px;
    width: 650px;
    margin: 0 auto;
    text-align: center;
}
section.calculator .step_5 .item img {
    margin: 20px 0;
}
section.map {
    padding: 0;
}
footer {
    position: relative;
    background: #112a39;
    color: #fff;
}
footer:before {
    content: "";
    position: absolute;
    top: -9px;
    height: 10px;
    width: 100%;
    background-color: #102a3a;
    -webkit-mask: url(/assets/img/waves.svg) 0 0;
    mask: url(/assets/img/waves.svg) 0 0;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    z-index: 12;
}
footer nav .head p.tel-header:before {
    background: url('/assets/img/footer-phone-icon.png');
}
footer nav ul li a, footer nav .head .call-back a, footer nav .menu-item p.title-menu {
    color: #fff;
}
footer nav .head p.tagline {
    line-height: 21px;
}
footer a.look-map {
    color: #2697d9;
    font-size: 14px;
    position: relative;
    left: 150px;
    text-transform: none;
}
footer .light-bg {
    background: #16374a;
    padding: 20px 0;
}
footer .under-nav-footer {
    padding: 15px 0;
}
footer .under-nav-footer .email {
    font-family: "px-ExCnRegular";
}
footer .under-nav-footer a {
    color: #fff;
}
footer nav .head p.tel-header a {
    color: #fff;
}
.mobile-popup {
    display: none;
}
.popUp-blok{
        position: relative;
        width: 100%;
        height: 100px;
        z-index: 5;
    }
    .popUp-blok .popUp-btn{
        bottom: 30%;

    }
.popUp-blok.home {
    background: #d6d1d1;
}
    .popUp-form {
    position: relative;
    z-index: 1;
    width: 340px;
    padding: 25px 50px;
    background: #0c93ba;
    -webkit-box-shadow: 7px 10px 54px 0px rgba(0,8,31,0.45);
    -moz-box-shadow: 7px 10px 54px 0px rgba(0,8,31,0.45);
    box-shadow: 7px 10px 54px 0px rgba(0,8,31,0.45);
    z-index: 3;
    border-radius: 5px;
    }
 /*   #popUp-form{
        display: block;
    }*/
    .popUp-form form input[type="text"] {
    margin: 10px 0;
    width: 100%;
    text-transform: none;
    font-size: 14px;
    border-radius: 5px;
    border: none;
    padding-left: 10px;
    height: 35px;
}
.popUp-form .title{
    margin-top: 0;
    margin-bottom: 15px;
}
.popUp-form .custom-red-button {
    width: 100%;
}

.callback-form-second{
    text-align: center;
    position: relative;
    z-index: 1;
    width: 340px;
    padding: 25px 50px;
    background: #0c93ba;
    -webkit-box-shadow: 7px 10px 54px 0px rgba(0,8,31,0.45);
    -moz-box-shadow: 7px 10px 54px 0px rgba(0,8,31,0.45);
    box-shadow: 7px 10px 54px 0px rgba(0,8,31,0.45);
    z-index: 3;
    border-radius: 5px;
    }
    .callback-form-second form input[type="text"] {
    margin: 5px 0;
    width: 100%;
    text-transform: none;
    font-size: 14px;
    border-radius: 5px;
    border: none;
    padding-left: 10px;
    height: 35px;
}
.callback-form-second form .phone{
    margin-bottom: 10px;
}
.callback-form-second .title{
    margin-top: 10px;
    margin-bottom: 10px;
}
.callback-form-second label {
    text-transform: none;
    font-size: 11px;
    margin-left: -30px;
    color: #fff;
    font-family: arial;
}
label.sogl {
    text-transform: none;
    font-size: 11px;
    color: #fff;
    font-family: arial;
    margin-bottom: 10px;
    display: block;
    line-height: 1.2em;
}
label.sogl b {
    padding-left: 22px;
}



.callback-form-second form input[type="checkbox"] {
    float: left;
}
label.sogl input[type="checkbox"] {
    margin-right: 7px;
}
.callback-form-second form .custom-red-button{
            padding: 10px 38px;
            margin-top: 15px;
    }

.callback-form-second form .custom-input {
    position: relative;
}
.callback-form-second form .custom-input.phone:after,
.callback-form-second form .custom-input.website:after,
.callback-form-second form .custom-input.name:after {
    content: '';
    position: absolute;
    top: 15px;
    left: -30px;
    width: 17px;
    height: 24px;
}
.callback-form-second form .custom-input.phone:after {
    background: url('/assets/img/phone-icon.png') no-repeat;
}
.callback-form-second form .custom-input.name:after {
    background: url('/assets/img/name-icon.png') no-repeat;
    width: 25px;
}
.link-table,
.mobile-table-price{
    display: none;
}
/*.prices-table:after {
    left: 0;
}
*/
.tabs-blogs .blog-links {
    text-align: center;
}
.tabs-blogs .blog-links ul {
    margin-top: 0;
}
.tabs-blogs .blog-links ul li {
    display: inline-block;
}
.tabs-blogs .blog-links ul li a,
.tabs-blogs .blog-links ul li span {
    display: block;
    padding: 10px 25px;
    margin: 0 10px 20px 10px;
    font-size: 18px;
    color: #17d6ff;
    text-decoration: underline;
}
.tabs-blogs .blog-links ul li a:hover {
    text-decoration: none;
}
.tabs-blogs .blog-links ul li.active span {
    text-decoration: none;
    color: #434343;
    background: #f0f3f5;
    border-radius: 20px;
}
h1.blog-category-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #00d688;
    font-size: 36px;
    font-weight: bold;
    margin-top: 0;
    font-family: "Proxima Nova";
    font-weight: bold;
}
.blog-category-description {
    padding: 0 50px;
    text-align: center;
    color: #434343;
    font-size: 14px;
    margin-bottom: 40px;
}
.show-callback-popup {
    cursor: pointer;
}
.pi-item {
    padding: 0 35px;
    margin-bottom: 50px;
}
.pi-item .pi-name {
    height: 60px;
    overflow: hidden;
    margin: 5px 0 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    letter-spacing: 1px;
}
.pi-item .pi-item-image {
    display: block;
    background: url("/assets/img/portfolio-listing-mac.png") no-repeat top center;
    padding: 3% 9% 10% 9%;
}
.pi-item .pi-item-image a {
    display: block;
}
.pi-item .pi-item-image a img {
    max-width: 100%;
}
.pi-item .pi-more-link {
    margin-bottom: 0px;
    margin-top: 8px;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid;
    font-family: "px-ExCnRegular";
    font-weight: normal;
    transition: all 300ms ease;
    line-height: 23px;
    color: #d81e49;
    letter-spacing: 2px;
}
.pi-item .pi-more-link:hover {
    border-bottom-color: transparent;
}
section.algorithm {
    padding-top: 0;
}
section.algorithm p.title {
    margin: 5px 0;
}
section.algorithm .algorithm-item {
    margin-top: 30px;
}
section.order-video .items-block {
    padding-top: 30px;
}
.show-youtube {
    cursor: pointer;
}
section.order-video .items-block > .line:last-child .item-laptop {
    border-bottom: 0;
}
section.order-video .items-block .item-laptop {
    padding-bottom: 50px;
    padding-top: 17px;
    border-bottom: 4px solid #faf5f4;
    border-radius: 1px;
    margin-bottom: 23px;
}
section.order-video .items-block .i-lap:nth-child(2n-1):before{
    content: '';
    position: absolute;
    /*left: -2px;*/
    right: -2px;
    width: 4px;
    height: 91%;
    background-color: #faf5f4;
    border-radius: 1px;
}
section.order-video .items-block .item-laptop .laptop {
    position: relative;
}
section.order-video .items-block .item-laptop .laptop .video-example{
    position: absolute;
    width: 328px;
    height: 195px;
    top: 26px;
    left: 50%;
    margin-left: -29%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
section.order-video .items-block .item-laptop .laptop .video-example .action {
    position: relative;
    top: 65px;
    width: 90px;
    margin-bottom: -100px;
}
section.order-video .items-block .options {
    padding: 0 50px;
    margin: 10px 0;
}
section.order-video .items-block .options .item {
    padding-left: 40px;
    position: relative;
    line-height: 30px;
    margin-bottom: 10px;
}
section.order-video .items-block .options .item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: url("/assets/img/options.png");
}
section.order-video .items-block .options .item.copter:before {
    background-position: 0 0;
}
section.order-video .items-block .options .item.dicto:before {
    background-position: -30px 0;
}
section.order-video .items-block .options .item.hrom:before {
    background-position: -60px 0;
}
section.order-video .items-block .options .item.fourk:before {
    background-position: -90px 0;
}
section.order-video .items-block .options .item.treed:before {
    background-position: 0 -30px;
}
section.order-video .items-block .options .item.twod:before {
    background-position: -30px -30px;
}
section.order-video .items-block .options .item.info:before {
    background-position: -60px -60px;
}
section.order-video .items-block .options .item.operators:before {
    background-position: -90px -90px;
}
section.order-video .items-block .addition {
    padding: 0 50px;
}
section.order-video .items-block .addition .custom-red-button {
    line-height: 30px;
    border-radius: 50px;
    font-size: 20px;
    font-family: "px-ExCnBold";
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
section.order-video .items-block .addition .price {
    background-color: #faf5f4;
    border-radius: 40px;
    text-align: center;
}
section.order-video .items-block .addition .price .red {
    color: #f42059;
}
section.offer-video .steps .step-blocks .item {
    position: relative;
    border: 4px solid #dddddd;
    border-radius: 50px;
}
section.offer-video .steps .step-blocks .item:before {
    content: '';
    position: absolute;
    top: 34px;
    width: 36px;
    left: -36px;
    height: 3px;
    background: #dddddd;
    z-index: -1;
}
section.offer-video .steps .step-blocks .item.fill-blue:after {
    content: '';
    position: absolute;
    top: 25px;
    right: -11px;
    width: 11px;
    height: 21px;
    background-image: url(/assets/img/steps-arrow.png);
    background-position: 0 0;
    z-index: 1;
}
section.offer-video .steps .step-blocks .item:after {
    content: '';
    position: absolute;
    top: 25px;
    right: -11px;
    width: 11px;
    height: 21px;
    background-image: url(/assets/img/steps-arrow.png);
    background-position: 0 -21px;
    z-index: 1;
}
section.offer-video .steps .step-blocks .item.hide-arrow:after {
    display: none;
}
section.offer-video .steps .step-blocks .item.hide-line:before {
    display: none;
}
section.offer-video .steps .step-blocks .item.fill-blue {
    background-color: #16d5ff;
    border: 4px solid #16d5ff;
}
section.offer-video .steps .step-blocks .item.fill-green {
    background-color: #00d688;
    border: 4px solid #00d688;
}
section.offer-video .steps .step-blocks .item .title {
    padding-left: 80px;
    padding-right: 55px;
    min-height: 75px;
    display: flex;
    align-items: center;
}
section.offer-video .steps .step-blocks .margin-blocks {
    margin-top: 100px;
}
section.offer-video .steps .step-blocks p.title:before {
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    left: 15px;
    top: 11px;
    background-image: url("/assets/img/steps-video.png");
}
section.offer-video .steps .step-blocks p.title.one:before {
    background-position: 0 0;
}
section.offer-video .steps .step-blocks p.title.two:before {
    background-position: -60px 0;
}
section.offer-video .steps .step-blocks p.title.three:before {
    background-position: -120px 0;
}
section.offer-video .steps .step-blocks p.title.four:before {
    background-position: -180px 0;
}
section.offer-video .steps .step-blocks p.title.five:before {
    background-position: 0 -60px;
}
section.offer-video .steps .step-blocks p.title.six:before {
    background-position: -60px -60px;
}
section.offer-video .steps .step-blocks p.title.seven:before {
    background-position: -120px -60px;
}
section.offer-video .steps .step-blocks p.title.eight:before {
    background-position: -180px -60px;
}
section.offer-video .steps .step-blocks .middle-line, section.offer-video .steps .step-blocks {
    position: relative;
}
section.offer-video .steps .step-blocks .middle-line:before {
    content: '';
    position: absolute;
    top: 130px;
    width: 98%;
    left: 15px;
    height: 3px;
    background: #dddddd;
}
section.offer-video .steps .step-blocks:after {
    content: '';
    position: absolute;
    top: 130px;
    left: -45px;
    width: 46px;
    height: 93px;
    background-image: url("/assets/img/line-steps.png");
}
section.offer-video .steps .step-blocks:before {
    content: '';
    position: absolute;
    top: 40px;
    left: auto;
    right: -46px;
    width: 46px;
    height: 93px;
    background-image: url("/assets/img/line-steps.png");
    background-position: -46px 0;
}

.potfolio-positions-table {
    width: 760px;
    max-width: 100%;
    margin: 0 auto;
}

.page-seo-audit-sayta section.prices-table:after,
.page-podderzhka-sayta section.prices-table:after {
    display: none;
}
.page-podderzhka-sayta .type-of-work .block {
    margin-top: 0;
}

.works-block.works-create .under-nav .line {
    display: flex;
    align-items: center;
}
.works-block.works-create .under-nav a {
    text-decoration: none;
}
.works-block.works-create .under-nav a:hover {
    text-decoration: underline;
}
.works-block.works-create .works-text-items {
    padding-top: 70px;
}
section.our-works .works-block.works-create .main-title {
    margin-bottom: 35px;
}
.works-block.works-create .item-line p {
    font-size: 16px;
    display: flex;
    align-items: center;
    min-height: 40px;
}
.page-sozdanie-im section.calculator:after,
.page-sozdanie-im-bitrix section.calculator:after {
    display: none;
}

.page-promo-video {
    /*overflow: hidden;
    margin-top: -75px;
    padding-top: 75px;*/
}
.page-promo-video .page-description {
    margin-bottom: 40px;
}
.page-promo-video .page-description p {
    margin: 0 0 15px 0;
}
.page-promo-video .page-description p:last-child {
    margin-bottom: 0;
}
.page-promo-video .page-description .title {
    margin-bottom: 35px;
    font-size: 50px;
}
.page-promo-video section.big-title {
    padding: 70px 0;
}
.page-promo-video section.big-title:after {
    background: transparent;
}
.page-promo-video .big-title .wrapper {
    position: relative;
}
.page-promo-video .big-title .right-image-video {
    position: absolute;
    bottom: -70px;
    right: -60px;
    z-index: 20;
    width: 452px;
    height: 389px;
    background: url("/assets/img/video-bg-new.png") no-repeat bottom right;
    background-size: contain;
}
.page-promo-video section.how-we-work.video:before {
    background: #ececeb;
    z-index: 30;
}

.page-podderzhka-sayta section.main-start .main-text {
    top: 290px;
}
.page-podderzhka-sayta section.main-start .main-text .fz72 {
    text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 60px;
}
.page-podderzhka-sayta section.main-start {
    height: 860px;
    background-size: cover;
}

.page-sozdanie-im section.main-start .main-text {
    top: 235px;
}
.page-sozdanie-im section.main-start .main-text .fz72 {
    text-transform: uppercase;
    letter-spacing: 7px;
}
.page-sozdanie-im section.main-start .main-text .fz36 {
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.page-raskrutka-saytov section.main-start .main-text {
    top: 275px;
}
.page-raskrutka-saytov section.main-start .main-text .fz48 {
    font-size: 55px;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.page-raskrutka-saytov section.main-start .main-text .fz72 {
    font-size: 80px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 170px;
}
.page-raskrutka-saytov section.main-start .callback-form-main {
    top: 285px;
}

.last_works-block .cl-7 {
    width: 673px;
}
.last_works-block .laptop-block .laptop-screen {
    right: auto;
    left: 78px;
}
.last_works-block .lp-name {
    text-decoration: none;
    text-align: center;
    display: block;
}
.last_works-block .lp-name:hover {
    text-decoration: underline;
}
.last_works-block .pi-logos .pi-logo-item {
    display: block;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.7;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}
.last_works-block .pi-logos {
    padding-top: 5px;
}
.last_works-block .pi-logos:after {
    display: block;
    content: '';
    clear: both;
}
.last_works-block .pi-logos .pi-logo {
    width: 33.33333333%;
    float: left;
    padding: 20px 20px 0 20px;
}
.last_works-block .pi-logos .pi-logo-item:hover,
.last_works-block .pi-logos .pi-logo.current .pi-logo-item {
    opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.task-resolve .task-col {
    padding-left: 60px;
}

.pd-imac-image {
    background: url("/assets/img/portfolio-imac.png") no-repeat;
    padding: 3.9% 4% 24% 4%;
    background-size: contain;
}

.portfolio-create-detail-page .task-resolve {
    padding: 0;
    position: relative;
}
.portfolio-create-detail-page .pc-m-img {
    position: relative;
    margin-left: -200px;
}
.portfolio-create-detail-page .pc-m-img:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 140px;
    background: linear-gradient(to right, #fff 0%, #fff 10%, rgba(255,255,255,0) 100%);
}

.portfolio-create-detail-page .m-img-gradient-s {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 140px;
    background: linear-gradient(to right, #fff 0%,#fff 10%, rgba(255,255,255,0) 100%);
}
.portfolio-create-detail-page .task-resolve .text {
    font-size: 16px;
}

section.kontext-steps.fix {
    padding-bottom: 0;
}
section.kontext-steps.fix .block .graph img {
    border-radius: 0;
    width: auto;
    height: auto;
    box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.15);
}
section.kontext-steps.fix .block .item.one:after {
    display: none;
}
section.kontext-steps.fix .block .item {
    margin-bottom: 70px;
}
section.kontext-steps.fix .block .item.two,
section.kontext-steps.fix .block .item.three,
section.kontext-steps.fix .block .item.four {
    padding-left: 45px;
    padding-right: 0;
    margin-bottom: 80px;
}
section.kontext-steps.fix .block .item.two {
    margin-top: 70px;
}
section.kontext-steps.fix .block .item.two p,
section.kontext-steps.fix .block .item.three p,
section.kontext-steps.fix .block .item.four p {
    line-height: 1.4;
}

section.kontext-steps.yandex .block .graph .line.two {
    top: 336px;
}
section.kontext-steps.yandex .block .graph .text-kontext {
    top: 135px;
    right: -100px;
}
section.kontext-steps.yandex .block .graph .text-kontext p {
    font-size: 32px;
}
section.kontext-steps.yandex .block .graph .search-result {
    bottom: 135px;
}

section.complex.google .was,
section.complex.google .will {
    margin-top: 65px;
}
section.complex.google .green-arrow:before {
    display: none;
}

section.ceo.fix .text-col {
    padding-top: 40px;
}
.page-team section.ceo:after {
    background: #fff;
}
.page-team .faces {
    background: #e8eff1;
    background: linear-gradient(to bottom, #e8eff1, #ebebeb);
}
.page-team .portfolio-item .create-block {
    display: none;
}
.page-team .portfolio-item .create-block.active {
    display: block;
}
.page-team .pi-item .pi-name {
    color: #fff;
}
.page-team .portfolio-item .show-all {
    padding-top: 20px;
}
.page-team .portfolio-item .show-all a {
    text-decoration: none;
    border-bottom: 1px solid;
    letter-spacing: 2px;
    transition: all 300ms ease;
    line-height: 35px;
    display: inline-block;
    font-family: "px-ExCnRegular";
}
.page-team .portfolio-item .show-all a:hover {
    border-bottom-color: transparent;
}
.video__wrapper {
    position: relative;
}
.video__wrapper * {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.video__wrapper .play-btn {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 48px;
    height: 35px;
}
.play-btn .ytp-large-play-button-bg {
    fill-opacity: 0.7;
}
.video__wrapper:hover .play-btn {
    width: 85px;
    height: 60px;
}
.video__wrapper:hover .play-btn .ytp-large-play-button-bg {
    fill: #f00;
    fill-opacity: 1;
}

section.rise-money-sozdanie {
    min-height: 652px;
    background: #0d1317 url("/assets/img/rise-sozdanie-new.jpg") no-repeat top center;
    background-size: cover;
    padding-top: 226px;
}
section.rise-money-sozdanie .title {
    background: rgba(47,49,47,0.85);
    line-height: normal;
    display: inline-block;
    padding: 5px 20px;
}

#contact_map {
    height: 600px;
}

@media  (min-width: 768px) and (max-width: 1330px) {
    .page-promo-video .big-title .right-image-video {
        right: 0;
        height: 345px;
    }
}
@media screen and (min-width: 768px) {
    .m30-desktop {
        margin-bottom: 30px;
    }
    .mt-15-desktop {
        margin-top: 15px;
    }
    .mb-30-desktop {
        margin-bottom: 30px;
    }
    .cl-offset-2-5 {
        margin-left: 40%;
    }
    section.order .wrapper > .line {
        display: flex;
        align-items: center;
    }
    section.main-start.main .main-text .gift {
        padding-top: 70px;
    }
    section.main-start.create .callback-form-main,
    section.main-start.bitrix .callback-form-main {
        top: 310px;
    }
    section.order-video .items-block .options {
        min-height: 80px;
    }
    section.prices-table .table-prices-items .custom-table .listprop-head {
        padding-top: 30px;
        padding-left: 60px;
    }
    .content-portfolio .seo-specialist {
        display: flex;
        align-items: center;
    }
}