@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,cyrillic-ext');

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



ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

table,
table td {
    padding: 0;
    border: none;
    border-collapse: collapse;
}

img {
    vertical-align: top;
    border: 0;
}

svg {
    overflow: hidden;
}

embed {
    vertical-align: top;
}

.video embed,
.video object,
.video iframe {
    width: 100%;
    height: auto;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

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

textarea {
    overflow: auto;
    vertical-align: top;
}

:focus,
:active,
:hover {
    outline: none;
}

* {
    padding: 0;
    margin: 0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    min-width: 320px;
    background: #fff;
    font-family: 'm300';
    color: #000;
    font-size: 15px;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

a {
    color: #12498a;
    text-decoration: none;
}

ul,
li,
ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

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

input,
textarea,
select {
    font-family: 'm300';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}

/*------------------------------------------------------------
Fonts
------------------------------------------------------------*/
@font-face {
    font-family: 'm300';
    src: url('/local/templates/jvector/fonts/MuseoSansCyrl-300.eot');
    src: url('/local/templates/jvector/fonts/MuseoSansCyrl-300.woff') format('woff'), url('/local/templates/jvector/fonts/MuseoSansCyrl-300.ttf') format('truetype'), url('/local/templates/jvector/fonts/MuseoSansCyrl-300.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'm500';
    src: url('/local/templates/jvector/fonts/MuseoSansCyrl-500.eot');
    src: url('/local/templates/jvector/fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), url('/local/templates/jvector/fonts/MuseoSansCyrl-500.woff') format('woff'), url('/local/templates/jvector/fonts/MuseoSansCyrl-500.ttf') format('truetype'), url('/local/templates/jvector/fonts/MuseoSansCyrl-500.svg#MuseoSansCyrl-500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'm700';
    src: url('/local/templates/jvector/fonts/MuseoSansCyrl-700.eot');
    src: url('/local/templates/jvector/fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'), url('/local/templates/jvector/fonts/MuseoSansCyrl-700.woff') format('woff'), url('/local/templates/jvector/fonts/MuseoSansCyrl-700.ttf') format('truetype'), url('/local/templates/jvector/fonts/MuseoSansCyrl-700.svg#MuseoSansCyrl-700') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'm900';
    src: url('/local/templates/jvector/fonts/MuseoSansCyrl-900.eot');
    src: url('/local/templates/jvector/fonts/MuseoSansCyrl-900.woff') format('woff'), url('fonts/MuseoSansCyrl-900.ttf') format('truetype'), url('/local/templates/jvector/fonts/MuseoSansCyrl-900.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'V';
    src: url('/local/templates/jvector/fonts/Vollkorn-Regular.eot');
    src: url('/local/templates/jvector/fonts/Vollkorn-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/jvector/fonts/Vollkorn-Regular.woff') format('woff'), url('/local/templates/jvector/fonts/Vollkorn-Regular.ttf') format('truetype'), url('/local/templates/jvector/fonts/Vollkorn-Regular.svg#Vollkorn-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VB';
    src: url('/local/templates/jvector/fonts/Vollkorn-Bold.eot');
    src: url('/local/templates/jvector/fonts/Vollkorn-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/jvector/fonts/Vollkorn-Bold.woff') format('woff'), url('/local/templates/jvector/fonts/Vollkorn-Bold.ttf') format('truetype'), url('/local/templates/jvector/fonts/Vollkorn-Bold.svg#Vollkorn-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'i';
    src: url('/local/templates/jvector/fonts/impact.ttf');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 20px;
    line-height: 25px;
    font-family: 'm300';
    background-image: url(/local/templates/jvector/images/bg_top.png);
    background-position: center -100px;
    background-repeat: no-repeat;
    background-size: contain;
    overflow-x: hidden;
}




.body_modal {
    overflow: hidden;
}



.headerline {
    padding-top: 40px;
    padding-bottom: 30px;
}

.padwrapper {
    max-width: 1750px;
    margin: 0px auto 0px auto;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.headerline .head_l {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headerline .head_l .head_l__logo {}

.headerline .head_l .head_l__logo a {}

.headerline .head_l .head_l__logo a div {}

.headerline .head_l .head_l__logo img {
    width: 295px;
    max-height: 100%;
}

.headerline .head_l .head_l__adres {}

.headerline .head_l .head_l__adres .head_l__adres__city {
    font-size: 17px;
    line-height: 21px;
    font-family: 'm900';
    color: #000;
}

.headerline .head_l .head_l__adres .head_l__adres__street {
    font-size: 15px;
    line-height: 20px;
    color: #878787;
}

.headerline .head_l .head_l__phone {}

.headerline .head_l .head_l__phone .head_l__phone__elem {}

.headerline .head_l .head_l__phone .head_l__phone__elem a {
    font-size: 24px;
    line-height: 29px;
    font-family: 'm900';
    color: #000;
    display: inline-block;
}

.headerline .head_l .head_l__navs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -15px;
    align-content: center;
}

.headerline .head_l .head_l__navs .head_l__navs__links {
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.headerline .head_l .head_l__navs .head_l__navs__links .head_l__navs__links__elem {
    font-size: 14px;
    line-height: 16px;
    font-family: 'm300';
    text-transform: uppercase;
    color: #000;
    display: inline-block;
}

.headerline .head_l .head_l__buttoncallback {}

.headerline .head_l .head_l__buttoncallback .head_l__buttoncallback__elem {}

.headerline .head_l .head_l__buttoncallback .head_l__buttoncallback__elem span {
    font-size: 16px;
    line-height: 47px;
    font-family: 'm900';
    color: #53357b;
    display: inline-block;
    border: 1px solid #53357b;
    border-radius: 30px;
    padding: 0 40px;
    cursor: pointer;
}

.headerline .head_l .head_l__buttoncallback .head_l__buttoncallback__elem span:hover {
    background-color: #53357b;
    color: #fff;
}

.numbersblock {
    padding-top: 120px;
}

.numbersblock .numbersblock__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.numbersblock .numbersblock__header .numbersblock__header__name {
    text-transform: uppercase;
    color: #fc4005;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
}

.numbersblock .numbersblock__header .numbersblock__header__comment {
    font-family: 'm900';
    text-align: center;
    flex: auto;
    font-size: 24px;
    line-height: 44px;
}

.numbersblock .numbersblock__numberslist {
    display: flex;
    flex-wrap: wrap;
    margin: 45px -15px 0 -15px;
}

.numbersblock .numbersblock__numberslist .numbersblock__numberslist__element {
    margin: 45px 0;
    padding: 0 15px;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__cifre {
    display: flex;
    justify-content: flex-start;
}

.numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__cifre .numbersblock__numberslist__element__cifre__cifre {
    font-family: 'i';
    position: relative;
    font-size: 154px;
    line-height: 153px;
    color: #fff;
    /* Толщина и цвет обводки */
}

.numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__cifre .numbersblock__numberslist__element__cifre__cifre .numbersblock__numberslist__element__cifre__cifre__first {
    position: relative;
    z-index: 3;
    left: 0;
    top: 0;
    -webkit-text-stroke: 1px #fd3f03;
    text-stroke: 1px #fd3f03;
}

.numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__cifre .numbersblock__numberslist__element__cifre__cifre .numbersblock__numberslist__element__cifre__cifre__sec {
    position: absolute;
    z-index: 2;
    left: 4px;
    t;
    top: -7px;
    -webkit-text-stroke: 1px #ff9371;
    text-stroke: 1px #ff9371;
}

.numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__cifre .numbersblock__numberslist__element__cifre__cifre .numbersblock__numberslist__element__cifre__cifre__third {
    position: absolute;
    z-index: 1;
    left: 8px;
    top: -14px;
    -webkit-text-stroke: 1px #ffcfc1;
    text-stroke: 1px #ffcfc1;
}

.numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__detail {
    font-family: 'm900';
    font-size: 18px;
    line-height: 22px;
    margin: 12px 0 0 0;
}

.stack_tehnology {
    background-image: url(/local/templates/jvector/images/technology-background-png.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 120px;
}

.stack_tehnology .stack_tehnology__inner {}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__inner__head {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
    margin: 0 0 -30px 0;
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 90px 0;
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__name {
    width: 35%;
    padding: 0 50px 0 0;
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__name .stack_tehnology__row__name__head {
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__name .stack_tehnology__row__name__detail {
    color: #858585;
    font-size: 16px;
    line-height: 26px;
    max-width: 440px;
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info {
    flex: auto;
    width: 65%;
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__dots {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0px 0 -20px;
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__dots .stack_tehnology__row__info__dots__element {
    padding: 15px 0px 15px 40px;
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__dots .stack_tehnology__row__info__dots__element span {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 32px;
    font-family: 'm900';
    display: inline-block;
    padding: 0 40px;
    border: 1px solid #ccc;
    border-radius: 50px;
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__icons {
    display: flex;
    margin: 30px 0px 0 -30px;
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__icons .stack_tehnology__row__info__icons__element {
    padding: 0 0px 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__icons .stack_tehnology__row__info__icons__element img {
    width: 80px;
    height: 80px;
}

.formcontactall {
    background-color: #f0f0f0;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 160px 0 0 0;
}

.formcontactall .formcontactall__inner {}

.formcontactall .formcontactall__inner .formcontactall__header {
    display: flex;
    align-items: center;
}

.formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__head {
    width: 65%;
}

.formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__head div {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 74px;
    font-family: 'm900';
    color: #53357b;
}

.formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__head p {
    font-size: 20px;
    line-height: 30px;
    font-family: 'm900';
}

.formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__phone {
    width: 35%;
}

.formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__phone div {
    font-size: 20px;
    line-height: 30px;
    font-family: 'm500';
    margin: 0px 0 15px 0;
}

.formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__phone a {
    font-size: 24px;
    line-height: 29px;
    font-family: 'm900';
    color: #000;
    display: inline-block;
}

.formcontactall .formcontactall__inner .formcontactall__form {
    margin: 30px 0 0 0;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__header {
    text-transform: uppercase;
    font-size: 27px;
    line-height: 60px;
    font-family: 'm900';
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__varlist {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -15px;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__varlist .formcontactall__form__varlist__element {
    padding: 10px 15px;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__varlist .formcontactall__form__varlist__element span {
    font-size: 20px;
    line-height: 43px;
    font-family: 'm500';
    padding: 0 35px;
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #fc4005;
    cursor: pointer;
    display: inline-block;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock {
    display: flex;
    justify-content: space-between;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form {
    width: 47%;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form .formcontactall__form__row {
    display: flex;
    margin: 20px -30px;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form .formcontactall__form__row .formcontactall__form__row__twoelem {
    width: 50%;
    padding: 0 30px;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form .formcontactall__form__row .formcontactall__form__row__twoelem input {
    border: 1px solid #d3d3d3;
    outline: none;
    background-color: #fff;
    border-radius: 10px;
    font-size: 18px;
    line-height: 41px;
    padding: 0 25px;
    width: 100%;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form .formcontactall__form__row .formcontactall__form__row__oneelem {
    width: 100%;
    padding: 0 30px;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form .formcontactall__form__row .formcontactall__form__row__oneelem textarea {
    width: 100%;
    border: 1px solid #d3d3d3;
    outline: none;
    background-color: #fff;
    border-radius: 10px;
    font-size: 18px;
    line-height: 41px;
    padding: 0 25px;
    height: 220px;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button {
    width: 47%;
    margin: 75px 0 0 0;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__top {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 40px;
    font-family: 'm900';
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__mid {
    display: flex;
    align-items: center;
    height: 100px;
    padding: 0 100px 0 0;
    position: relative;
    font-size: 14px;
    line-height: 23px;
    max-width: 580px;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__mid:after {
    content: '';
    background-image: url(/local/templates/jvector/images/ar2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100%;
    right: 0;
    position: absolute;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
    /* top: 0; */
    transform: rotate(20deg);
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__botbut {}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__botbut .formcontactall__form__button__botbut__button {
    cursor: pointer;
    background-color: #53357b;
    text-align: center;
    border-radius: 40px;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 60px;
    font-family: 'm900';
    color: #fff;
    margin: 0 0 5px 0;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__botbut .formcontactall__form__button__botbut__confirm {
    position: relative;
    font-size: 15px;
    line-height: 22px;
    color: #6b6b6b;
}

.formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__botbut .formcontactall__form__button__botbut__confirm a {
    color: #6b6b6b;
    text-decoration: underline;
}

.lastprojectbig {
    padding-top: 130px;
}

.lastprojectbig .lastprojectbig__header {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
    margin: 0 0 50px 0;
}

.lastprojectbig .lastprojectbig__inner {}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big {
    background-image: url(/local/templates/jvector/images/1234.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    border-radius: 20px;
    border: 10px solid #00519c;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner {
    display: flex;
    flex-direction: column;
    height: 550px;
    background: linear-gradient(45deg, rgba(0, 81, 156, 1) 0%, rgba(0, 81, 156, 1) 34%, rgba(0, 81, 156, 0.9) 60%, rgba(0, 212, 255, 0) 75%);
    justify-content: center;
    padding: 0 5%;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__head {
    text-transform: uppercase;
    font-size: 40px;
    line-height: 90px;
    font-family: 'm900';
    color: #fff;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__text {
    color: #7c7c7c;
    font-size: 30px;
    line-height: 40px;
    font-family: 'm500';
    max-width: 750px;
    margin: 0 0 40px 0;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem {
    display: flex;
    margin: 0 -20px;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__mobile {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__mobile i {
    background-image: url(/local/templates/jvector/images/mobile.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    filter: invert(100%) sepia(2%) saturate(7%) hue-rotate(17deg) brightness(104%) contrast(104%);
    margin: 0 10px 0 0;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__mobile span {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 30px;
    font-family: 'm900';
    color: #fff;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__dev {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__dev i {
    background-image: url(/local/templates/jvector/images/dev.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    filter: invert(100%) sepia(2%) saturate(7%) hue-rotate(17deg) brightness(104%) contrast(104%);
    margin: 0 10px 0 0;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__dev span {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 30px;
    font-family: 'm900';
    color: #fff;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__design {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__design i {
    background-image: url(/local/templates/jvector/images/design.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    filter: invert(100%) sepia(2%) saturate(7%) hue-rotate(17deg) brightness(104%) contrast(104%);
    margin: 0 10px 0 0;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__design span {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 30px;
    font-family: 'm900';
    color: #fff;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo {
    display: flex;
    justify-content: space-between;
    margin: 70px 0 0 0;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element {
    background-image: url(/local/templates/jvector/images/444.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    border-radius: 20px;
    border: 10px solid #00519c;
    width: 46%;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner {
    display: flex;
    flex-direction: column;
    height: 430px;
    background: linear-gradient(45deg, rgba(0, 81, 156, 1) 0%, rgba(0, 81, 156, 1) 34%, rgba(0, 81, 156, 0.9) 60%, rgba(0, 212, 255, 0) 75%);
    justify-content: center;
    padding: 0 5%;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__head {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 55px;
    font-family: 'm900';
    color: #fff;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__text {
    color: #ffffff;
    font-size: 15px;
    line-height: 25px;
    font-family: 'm500';
    max-width: 80%;
    margin: 0 0 19px 0;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem {
    display: flex;
    margin: 0 -20px;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem .lastprojectbig__inner__workelem__mobile {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem .lastprojectbig__inner__workelem__mobile i {
    background-image: url(/local/templates/jvector/images/mobile.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    filter: invert(100%) sepia(2%) saturate(7%) hue-rotate(17deg) brightness(104%) contrast(104%);
    margin: 0 10px 0 0;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem .lastprojectbig__inner__workelem__mobile span {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 30px;
    font-family: 'm900';
    color: #fff;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem .lastprojectbig__inner__workelem__dev {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem .lastprojectbig__inner__workelem__dev i {
    background-image: url(/local/templates/jvector/images/dev.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    filter: invert(100%) sepia(2%) saturate(7%) hue-rotate(17deg) brightness(104%) contrast(104%);
    margin: 0 10px 0 0;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem .lastprojectbig__inner__workelem__dev span {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 30px;
    font-family: 'm900';
    color: #fff;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem .lastprojectbig__inner__workelem__design {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem .lastprojectbig__inner__workelem__design i {
    background-image: url(/local/templates/jvector/images/design.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    filter: invert(100%) sepia(2%) saturate(7%) hue-rotate(17deg) brightness(104%) contrast(104%);
    margin: 0 10px 0 0;
}

.lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem .lastprojectbig__inner__workelem__design span {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 30px;
    font-family: 'm900';
    color: #fff;
}

.onconnect {
    padding-top: 130px;
}

.onconnect .onconnect__head {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
}

.onconnect .onconnect__inner {}

.onconnect .onconnect__inner .onconnect__inner__element {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 85px 0;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img {
    position: relative;
    margin: 0px 0px 0 15px;
    width: 270px;
    flex: 1 0 270px;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img div {
    width: 190px;
    height: 190px;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img .onconnect__element__img__image {
    background-image: url(/local/templates/jvector/images/fff.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    position: relative;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img .onconnect__element__img__bgsec {
    position: absolute;
    z-index: 1;
    border: 1px solid #ccc;
    left: 15px;
    top: -15px;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img .onconnect__element__img__bgfirst {
    position: absolute;
    z-index: 1;
    border: 1px solid #ccc;
    left: -15px;
    top: 15px;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data {
    flex: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__line {
    width: 60%;
    height: 1px;
    background-color: #ccc;
    margin: -20px 0 20px 0;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__data__other__text {
    flex: auto;
    margin: 0 50px 0px 0;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__data__other__text .onconnect__element__head {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 31px;
    font-family: 'm900';
    margin: 0 0 10px 0;
    display: inline-block;
    color: #000;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__data__other__text .onconnect__element__text {
    font-size: 16px;
    line-height: 24px;
    color: #484747;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__readinfo {
    flex: 1 0 200px;
    display: flex;
    flex-direction: column;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__readinfo span {
    font-size: 17px;
    line-height: 20px;
    font-family: 'm900';
    margin: 0 0 10px 0;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__readinfo big {
    color: #484747;
    font-size: 15px;
    line-height: 20px;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__readinfo__readbutton {
    flex: 1 0 220px;
}

.onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__readinfo__readbutton a {
    display: block;
    text-align: center;
    border: 4px solid #fc4005;
    border-radius: 30px;
    color: #000;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 38px;
    font-family: 'm900';
}

.footer {
    background-image: url(/local/templates/jvector/images/png-images.png);
    background-color: #f0f0f0;
    background-position: 10% top;
    background-repeat: no-repeat;
    background-size: 29%;
    margin: 210px 0 0 0;
    padding-top: 60px;
    padding-bottom: 50px;
}

.footer .footer__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .footer__inner .footer__inner__left {
    flex: 0 0 365px;
    margin: 0px 10% 0 0;
}

.footer .footer__inner .footer__inner__left .footer__inner__left__logo {
    background-image: url(/local/templates/jvector/images/logo3.svg);
    width: 280px;
    height: 85px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer .footer__inner .footer__inner__left .footer__inner__left__cop {
    font-size: 16px;
    line-height: 27px;
    color: #7e7d7d;
    font-family: 'm500';
    margin: 30px 0 35px 0;
}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone {}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__email {
    font-size: 15px;
    line-height: 27px;
    color: #000000;
    font-family: 'm900';
}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__phone {
    font-size: 42px;
    line-height: 50px;
    color: #000000;
    font-family: 'm900';
}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__callback {
    display: flex;
    align-items: center;
    margin: 20px 0 0 0;
    min-height: 60px;
}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__callback .footer__inner__callback__call {
    font-size: 18px;
    line-height: 16px;
    font-family: 'm900';
    color: #000;
    position: relative;
    /* text-transform: uppercase; */
    margin: 0 60px 0 0;
    cursor: pointer;
}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__callback .footer__inner__callback__call span {
    background-image: url(/local/templates/jvector/images/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
    position: absolute;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
    top: calc(50% - 7px);
    right: -25px;
}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__callback .footer__inner__callback__call i {
    position: absolute;
    width: 90%;
    height: 2px;
    background-color: #fb4005;
    left: 0;
    bottom: -5px;
    text-transform: uppercase;
}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__callback .footer__inner__callback__wtsp {
    background-image: url(/local/templates/jvector/images/whatsapp.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(149deg) brightness(102%) contrast(102%);
    width: 45px;
    height: 45px;
    margin: 0 15px 0 0;
}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__callback .footer__inner__callback__chat {
    background-image: url(/local/templates/jvector/images/message.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(149deg) brightness(102%) contrast(102%);
    width: 49px;
    height: 49px;
}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__links {
    display: flex;
    flex-direction: column;
    margin: 22px 0 0 0;
}

.footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__links a {
    color: #585858;
    font-size: 15px;
    line-height: 18px;
    font-family: 'm500';
    text-decoration: underline;
    margin: 5px 0;
}

.footer .footer__inner .footer__inner__right {
    flex: auto;
}

.footer .footer__inner .footer__inner__right .footer__inner__right__navs {}

.footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0px 0 -40px;
}

.footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row .footer__inner__navs__row__el {
    width: 33.33%;
    padding: 0 0px 0 40px;
    margin: 20px 0;
}

.footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row .footer__inner__navs__row__el .footer__inner__navs__row__el__header {
    font-size: 18px;
    line-height: 16px;
    font-family: 'm900';
    color: #000;
    position: relative;
    text-transform: uppercase;
    margin: 0 0 25px 0;
}

.footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row .footer__inner__navs__row__el .footer__inner__navs__row__el__header:hover {
    color: #fb4005;
}

.footer__inner__callback__call:hover span {
    display: none !important;
}

.footer__inner__callback__call:hover i {
    width: 100% !important;
}

.mainpage_topservices__bi__elem__middle__navlink a:hover:after {
    right: -35px !important;
}

.mainpage_topservices__bi__elem__middle__navlink a:hover:before {
    background-color: transparent !important;
}

.footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row .footer__inner__navs__row__el ul {}

.footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row .footer__inner__navs__row__el ul li {
    margin: 10px 0;
}

.footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row .footer__inner__navs__row__el ul li a {
    font-size: 17px;
    line-height: 16px;
    font-family: 'm500';
    color: #585858;
    display: inline-block;
}

.footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row .footer__inner__navs__row__el ul li a:hover {
    color: #000000;
}

.linemakesite {

    margin: 110px auto 100px auto;
}

.linemakesite .linemakesite__inner {

    /* display: flex; */
    /* flex-direction: column; */
}

.linemakesite .linemakesite__inner .linemakesite__element__top {
    margin: 0 0 0px 0;
    display: flex;
}

.linemakesite .linemakesite__inner .linemakesite__element__top .linemakesite__element {
    margin: 0 0 0 5px;
    width: 450px;
}

.linemakesite .linemakesite__inner .linemakesite__element .linemakesite__element__top {
    display: flex;
    align-items: center;
}

.linemakesite .linemakesite__inner .linemakesite__element .linemakesite__element__top .linemakesite__element__top__cifre {
    position: relative;
    margin: 0 0px 0 0;
    width: 45px;
}

.linemakesite .linemakesite__inner .linemakesite__element .linemakesite__element__top .linemakesite__element__top__cifre .linemakesite__element__cifre__first {
    font-family: 'm900';
    font-size: 49px;
    line-height: 48px;
    color: rgb(0 0 0 / 13%);
}

.linemakesite .linemakesite__inner .linemakesite__element .linemakesite__element__top .linemakesite__element__top__cifre .linemakesite__element__cifre__sec {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0px;
    font-family: 'm900';
    font-size: 27px;
    line-height: 34px;
    color: #fb4005;
}

.linemakesite .linemakesite__inner .linemakesite__element .linemakesite__element__top .linemakesite__element__top__name {
    font-family: 'm900';
    font-size: 22px;
    line-height: 34px;
}

.linemakesite .linemakesite__inner .linemakesite__element .linemakesite__element__bottom {

    /* border-left: 1px solid #ccc; */
    margin: 0 0 -25px 0;
}

.linemakesite .linemakesite__inner .linemakesite__element .linemakesite__element__bottom .linemakesite__element__bottom__text {
    border-left: 1px solid #060606;
    height: 190px;
    margin: 10px 0 0 15px;
    padding: 0 0px 0 30px;
    max-width: 100%;
    font-family: 'm300';
    font-size: 15px;
    line-height: 23px;
}

.linemakesite .linemakesite__inner .linemakesite__element__middle {}

.linemakesite .linemakesite__inner .linemakesite__element__middle .linemakesite__element__middle__image {
    background-image: url(/local/templates/jvector/images/line.svg);
    height: 110px;
    background-size: contain;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.linemakesite .linemakesite__inner .linemakesite__element__bottom {
    margin: 105px 0 0 0;
    display: flex;
    justify-content: flex-start;
}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element .linemakesite__element__top {}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element .linemakesite__element__top .linemakesite__element__top__cifre {}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element .linemakesite__element__top .linemakesite__element__top__cifre:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 70px;
    background-color: #000;
    left: 15px;
    top: -85px;
}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element .linemakesite__element__top .linemakesite__element__top__cifre .linemakesite__element__cifre__first {}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element .linemakesite__element__top .linemakesite__element__top__cifre .linemakesite__element__cifre__sec {}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element .linemakesite__element__top .linemakesite__element__top__name {}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element .linemakesite__element__bottom {}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element .linemakesite__element__bottom .linemakesite__element__bottom__text {
    border-left: 1px solid rgb(204 204 204 / 0%);
}

.breadcrumbs {
    margin-top: 15px;
    margin-bottom: 20px;
}

.breadcrumbs .breadcrumbs__elemnts {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 19px;
    color: #000;
    font-family: 'm500';
}

.breadcrumbs .breadcrumbs__elemnts .breadcrumbs__elemnts__link {}

.breadcrumbs .breadcrumbs__elemnts .breadcrumbs__elemnts__link span {
    color: #000;
    display: inline;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #000000;
}

.breadcrumbs .breadcrumbs__elemnts .breadcrumbs__elemnts__link:hover span {
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px rgb(0 0 0 / 0%);
}

.breadcrumbs .breadcrumbs__elemnts .breadcrumbs__elemnts__sep {
    margin: 0 10px;
}

.breadcrumbs .breadcrumbs__elemnts .breadcrumbs__elemnts__curr {
    font-family: 'm900';
}

h1 {
    font-family: 'm900';
    font-size: 45px;
    line-height: 55px;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

.button__request_price {
    display: flex;
    align-items: center;
    margin: 25px auto 30px auto;
}

.button__request_price .button__request_price__request {
    font-family: 'm900';
    font-size: 19px;
    line-height: 50px;
    border-radius: 30px;
    padding: 0 80px;
    border: 2px solid #fe3d00;
    margin: 0 60px 0 0;
}

.button__request_price .button__request_price__getprice {
    font-size: 18px;
    line-height: 23px;
    cursor: pointer;
    border-bottom: 1px dashed #2e2e2e;
}

.short_text_header {
    font-family: 'm500';
    font-size: 18px;
    line-height: 33px;
}

.sitemaking_vector {}

.sitemaking_vector .sitemaking_vector__inner {}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__header {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 75px 0;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element {
    width: 46%;
    margin: 60px 0;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__header {
    font-family: 'i';
    background-color: #f7f7f7;
    border-radius: 40px;
    color: #e73903;
    text-transform: uppercase;
    font-size: 45px;
    line-height: 120px;
    padding: 0 0 0 55px;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__infotext {
    padding: 0 55px;
    font-size: 20px;
    line-height: 26px;
    margin: 30px 0 0 0;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price {
    padding: 0 55px;
    display: flex;
    margin: 30px 0 0 0;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__pricevalue {
    font-family: 'm900', 'tahoma', sans-serif;
    display: flex;
    align-items: flex-end;
    font-size: 25px;
    line-height: 35px;
    width: 50%;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__pricevalue span {
    font-weight: bold;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__pricevalue big {
    font-size: 35px;
    line-height: 40px;
    margin: 0 10px;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__priceline {
    width: 50%;
    display: flex;
    align-items: center;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__priceline i {
    background-image: url(/local/templates/jvector/images/timer.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
    margin: 0 20px 0 0;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__priceline span {
    font-size: 20px;
    line-height: 22px;
    font-family: 'm900';
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__golink {
    padding: 0 55px;
    margin: 30px 0 0 0;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__golink a {
    font-size: 18px;
    line-height: 16px;
    font-family: 'm900';
    color: #000;
    position: relative;
    text-transform: uppercase;
    margin: 0 60px 0 0;
    display: inline-block;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__golink a:before {
    content: '';
    position: absolute;
    width: 90%;
    height: 2px;
    background-color: #fb4005;
    left: 0;
    bottom: -5px;
    text-transform: uppercase;
}

.sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__golink a:after {
    content: '';
    background-image: url(/local/templates/jvector/images/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 29px;
    height: 18px;
    position: absolute;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
    top: calc(50% - 10px);
    right: -37px;
}

.makesitepage__expert {}

.makesitepage__expert .makesitepage__expert__header {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
}

.makesitepage__expert .makesitepage__expert__headersec {
    font-size: 32px;
    line-height: 45px;
    font-family: 'm900';
    margin: 50px 0 0 0;
}

.makesitepage__expert .makesitepage__expert__circles {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 45px 0 0 0;
}

.makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle {
    background-image: url(/local/templates/jvector/images/circles.svg);
    background-position: left 8px;
    background-repeat: no-repeat;
    background-size: 510px;
    height: 530px;
    padding: 0 0 0px 0;
    margin: 0 0 0 -100px;
    width: 840px;
}

.makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle ul {
    margin: 0 0 0 285px;
    font-size: 17px;
    line-height: 18px;
    font-family: 'm500';
}

.makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle ul li:before {}

.makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle ul li {
    margin: 0px 0 30px 0;
    position: relative;
}

.makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__weknow {
    width: calc(100% - 840px - 100px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #343745;
    color: #fff;
    border-radius: 45px;
    padding: 0 50px;
}

.makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__weknow .makesitepage__expert__weknow__header {
    font-size: 25px;
    line-height: 35px;
    font-family: 'm900';
}

.makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__weknow ul {}

.makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__weknow ul li {
    font-size: 17px;
    line-height: 22px;
    position: relative;
    display: flex;
    padding: 0 0 0 45px;
    font-family: 'm500';
    margin: 40px 0 0 0;
}

.makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__weknow ul li:before {
    content: '';
    width: 30px;
    height: 3px;
    border-radius: 5px;
    background: #f9f9f9;
    position: absolute;
    left: 0;
    top: 10px;
}

.insitepages__textcontent {
    font-size: 16px;
    line-height: 22px;
    font-family: 'm300';
    margin: 170px auto 0px auto;
}

.insitepages__textcontent b {
    font-family: 'm900';
}

.insitepages__textcontent h2 {
    text-transform: uppercase;
    font-size: 27px;
    line-height: 45px;
    font-family: 'm900';
}

.insitepages__textcontent p {
    margin: 15px 0;
}

.insitepages__textcontent a {
    color: #787878;
    display: inline;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #ff4d14;
}

.insitepages__textcontent a:hover {
    color: #b3b3b3;
    display: inline;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #ff4d1400;
}


.insitepages__textcontent strong {
    font-family: 'm900';
}

.insitepages__textcontent h3 {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 39px;
    font-family: 'm900';
}



.insitepages__textcontent ul,
.insitepages__textcontent ol {
    margin: 25px 0 25px 30px;
}

.insitepages__textcontent ul li:before,
.insitepages__textcontent ol li:before {
    content: '';
    width: 30px;
    height: 6px;
    border-radius: 5px;
    background: #ffbaa4;
    position: absolute;
    left: 0;
    top: 6px;
}

.insitepages__textcontent ul li,
.insitepages__textcontent ol li {
    position: relative;
    padding: 0px 0 0 40px;
    margin: 16px 0;
}

.topseoregions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}

.topseoregions .topseoregions__regions {
    width: 650px;
    position: relative;
}

.topseoregions .topseoregions__regions .topseoregions__regions__inner {
    position: relative;
    padding: 35px 20px 15px 0px;
    background-color: rgb(204 204 204 / 23%);
    border-radius: 0 40px 40px 0;
}

.topseoregions .topseoregions__regions:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: calc(50vw - 50%);
    right: 100%;
    background-color: rgb(204 204 204 / 23%);
}

.topseoregions .topseoregions__regions .topseoregions__regions__inner .topseoregions__regions__inner__header {
    font-family: 'm900';
    font-size: 23px;
    line-height: 28px;
    position: relative;
    z-index: 1;
}

.topseoregions .topseoregions__regions .topseoregions__regions__inner .topseoregions__regions__inner__header span {
    display: inline-block;
    border-bottom: 1px solid #fb4005;
    color: #fb4005;
}

.topseoregions .topseoregions__regions .topseoregions__regions__inner ul {
    font-size: 18px;
    line-height: 28px;
    font-family: 'm500';
    position: relative;
    z-index: 1;
    margin: 0px 0 0 25px;
}

.topseoregions .topseoregions__regions .topseoregions__regions__inner ul li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50%;
    left: 0;
    top: 8px;
}

.topseoregions .topseoregions__regions .topseoregions__regions__inner ul li {
    position: relative;
    padding: 0 0 0 20px;
    margin: 20px 0;
}

.topseoregions .topseoregions__regions .topseoregions__regions__inner ul li strong {
    font-family: 'm900';
}

.topseoregions .topseoregions__regions .topseoregions__regions__inner .topseoregions__regions__inner__bg {
    height: calc(100% + 70px);
    width: 1000%;
    position: absolute;
    right: 0;
    top: -35px;
    background-color: rgb(204 204 204 / 23%);
    border-radius: 40px;
}

.topseoregions .topseoregions__relems {
    width: calc(100% - 690px);
    max-width: 950px;
    display: flex;
    align-items: flex-start;
    margin: -20px -15px 0 -15px;
}

.topseoregions .topseoregions__relems .topseoregions__relems__elem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    padding: 0 10px;
}

.topseoregions .topseoregions__relems .topseoregions__relems__elem .topseoregions__relems__elem__icon {
    background-image: url(/local/templates/jvector/images/usability.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 90px;
    width: 90px;
    margin: 0 0 25px 0;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
}

.topseoregions .topseoregions__relems .topseoregions__relems__elem .topseoregions__relems__elem__icon.topseoregions__relems__elem__icon__dev {
    background-image: url(/local/templates/jvector/images/improvement-performance-icon.svg);
    width: 110px;
}

.topseoregions .topseoregions__relems .topseoregions__relems__elem .topseoregions__relems__elem__icon.topseoregions__relems__elem__icon__marketing {
    background-image: url(/local/templates/jvector/images/lightbulb-on.svg);
    background-size: 99px;
}

.topseoregions .topseoregions__relems .topseoregions__relems__elem .topseoregions__relems__elem__icon.topseoregions__relems__elem__icon__test {
    background-image: url(/local/templates/jvector/images/affiliate-icon.svg);
}

.topseoregions .topseoregions__relems .topseoregions__relems__elem .topseoregions__relems__elem__info {
    text-align: center;
    font-family: 'm900';
    font-size: 15px;
    line-height: 24px;
}

.workseosteps {
    margin-top: 100px;
}

.somebigblockheader {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
    padding: 0;
}

.workseosteps .workseosteps__colums {
    display: flex;
    justify-content: space-between;
    margin: 90px 0px 0 0px;
}

.workseosteps .workseosteps__colums .workseosteps__colum {
    width: 30%;
    padding: 0;
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle {
    position: relative;
    border-radius: 50%;
    width: 100%;
    aspect-ratio: 1 / 1;
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__o {
    text-align: center;
    font-size: 17px;
    line-height: 22px;
    /* font-family: 'm500'; */
    color: #b6b6b6;
    padding: 60px 0 0 0;
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__text {
    position: absolute;
    font-size: 17px;
    line-height: 25px;
    font-family: 'm500';
    width: 50%;
    top: 192px;
    padding: 0 0 0 35px;
    left: 0;
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle__el {
    border: 7px solid #fc3f05;
    border-radius: 50%;
    position: absolute;
    aspect-ratio: 1 / 1;
    width: 50%;
    max-width: 200px;
    overflow: hidden;
    right: 0;
    top: 140px;
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle {
    background-image: url(/local/templates/jvector/images/seociclebg.svg);
    background-position: center;
    background-size: 350px;
    background-repeat: no-repeat;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
    aspect-ratio: 1 / 1;
    opacity: 0.36;
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__detail {
    margin: 40px 0 0 0;
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__detail .workseosteps__colum__detail__top {
    display: flex;
    align-items: center;
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__detail .workseosteps__colum__detail__top .workseosteps__colum__detail__top__num {
    font-family: 'i';
    flex: 0 0 70px;
    font-size: 112px;
    line-height: 117px;
    text-align: center;
    margin: 0 30px 0 0px;
    color: #fc3f05;
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__detail .workseosteps__colum__detail__top .workseosteps__colum__detail__top__name {
    font-size: 21px;
    line-height: 27px;
    font-family: 'm900';
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__detail .workseosteps__colum__detail__list {}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__detail .workseosteps__colum__detail__list ul {}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__detail .workseosteps__colum__detail__list ul li {
    position: relative;
    font-size: 16px;
    line-height: 25px;
    padding: 0 0 0 35px;
    margin: 20px 0;
}

.workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__detail .workseosteps__colum__detail__list ul li:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 4px;
    background: #6b6b6b;
    border-radius: 20px;
    left: 0;
    top: 11px;
}

.workseosteps .workseosteps__colums .workseosteps__colum.second__element .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle__el {
    right: inherit;
    top: inherit;
    width: 65%;
    max-width: 300px;
    left: 17%;
    bottom: 0;
}

.workseosteps .workseosteps__colums .workseosteps__colum.third__element .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle__el {
    width: 55%;
    max-width: 260px;
}

.workseosteps .workseosteps__colums .workseosteps__colum.second__element .workseosteps__colum__bigcicle .workseosteps__bigcicle__text {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 15px 0 0 0;
}

.workseosteps .workseosteps__colums .workseosteps__colum.third__element .workseosteps__colum__bigcicle .workseosteps__bigcicle__text {}

.seorulesbig {
    margin-top: 130px;
}

.seorulesbig .seorulesbig__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock {
    width: 48%;
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .somebigblockheader {}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__price {
    font-size: 42px;
    line-height: 65px;
    font-family: 'm900';
    margin: 30px 0 15px 0;
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__price span {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #fc3f05;
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__price em {
    font-family: 'm900', sans-serif;
    font-style: normal;
    font-weight: bold;
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__comment {
    font-size: 17px;
    line-height: 29px;
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__results {
    margin: 70px 0 0 0;
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__results .seorulesbig__priceblock__results__h {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 29px;
    font-family: 'm900';
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__results .seorulesbig__priceblock__results__elems {
    display: flex;
    max-width: 625px;
    margin: 50px 0 0 0;
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__results .seorulesbig__priceblock__results__elems .seorulesbig__priceblock__results__elem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.33%;
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__results .seorulesbig__priceblock__results__elems .seorulesbig__priceblock__results__elem big {
    background-image: url(/local/templates/jvector/images/first-medal-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 65px;
    width: 65px;
    margin: 0 0 10px 0;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__results .seorulesbig__priceblock__results__elems .seorulesbig__priceblock__results__elem .seorulesbig__priceblock__results__elem____cli {
    background-image: url(/local/templates/jvector/images/filter-audience-icon.svg);
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__results .seorulesbig__priceblock__results__elems .seorulesbig__priceblock__results__elem .seorulesbig__priceblock__results__elem____sal {
    background-image: url(/local/templates/jvector/images/coin-stack-increase-icon.svg);
}

.seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__results .seorulesbig__priceblock__results__elems .seorulesbig__priceblock__results__elem span {
    font-size: 18px;
    line-height: 29px;
    font-family: 'm500';
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq {
    width: 50%;
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__h {
    display: flex;
    align-items: flex-end;
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__h .seorulesbig__faq__h__big {
    -webkit-text-fill-color: transparent;
    font-size: 51px;
    line-height: 47px;
    font-family: 'm900';
    background: #F7B726;
    background: -webkit-linear-gradient(to bottom, #F7B726 0%, #ff6c16 100%);
    background: -moz-linear-gradient(to bottom, #F7B726 0%, #ff6c16 100%);
    background: linear-gradient(to bottom, #F7B726 0%, #ff6c16 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 15px 0 0;
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__h .seorulesbig__faq__h__small {
    line-height: 27px;
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems {}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el {}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el .seorulesbig__faq__elems__el__q {
    font-family: 'm900';
    margin: 25px 0 10px 0;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el .seorulesbig__faq__elems__el__a {
    font-size: 16px;
    line-height: 27px;
    background-color: #585858;
    border-radius: 30px;
    padding: 20px 30px;
    margin: 0 0 0 30px;
    display: none;
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__inner {
    position: relative;
    background: linear-gradient(0deg, #050505, #656565);
    font-size: 17px;
    line-height: 34px;
    font-family: 'm300';
    color: #fff;
    padding: 50px 20px 40px 80px;
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__inner:after {
    left: 100%;
    background: linear-gradient(0deg, #050505, #656565);
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: calc(50vw - 50%);
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el .seorulesbig__faq__elems__el__q:after {
    content: "";
    position: absolute;
    background-image: url(/local/templates/jvector/images/bottom-angle-arrow-bold-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    right: -30px;
    top: calc(50% - 10px);
    filter: invert(58%) sepia(63%) saturate(4739%) hue-rotate(340deg) brightness(96%) contrast(101%);
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el.active .seorulesbig__faq__elems__el__q {
    color: #fb8f1e;
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el.active .seorulesbig__faq__elems__el__q:after {
    transform: rotate(180deg);
    filter: invert(70%) sepia(92%) saturate(3309%) hue-rotate(347deg) brightness(102%) contrast(98%);
}

.seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el.active .seorulesbig__faq__elems__el__a {
    display: block;
}

.seokeys {
    margin: 170px 0 0 0;
}

.seokeys .somebigblockheader {
    padding: 0 15px;
}

.seokeys .seokeys__inner {
    background-color: #f2f2f2;
    padding: 70px 0 70px 0;
}

.seokeys .seokeys__inner .seokeys__innerInner {}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__header .seokeys__header__name {
    font-size: 33px;
    line-height: 36px;
    font-family: 'm900';
    width: 29%;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__header .seokeys__header__desc {
    width: 70%;
    font-size: 17px;
    line-height: 23px;
    font-family: 'm500';
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 60px 0 0 0;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__stats {
    width: 29%;
}

.stepseokeysr_1 {
    left: 5%;
    top: 40%;
}

.stepseokeysr_2 {
    left: 55%;
    top: 21%;
}

.stepseokeysr_3 {
    left: 30%;
    top: 72%;
}

.stepseokeysr_4 {
    left: 76%;
    top: 47%;
}











.b-pagination {
    display: flex;
    font-size: 26px;
    line-height: 20px;
    font-family: 'm500';
    align-items: center;
    justify-content: center;
    margin: 80px 0 0 0;
}

.pagination-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.pagination-nav ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.pagination-nav__item {
    flex: 0 0 35px;
    text-align: center;
}

.pagination-nav__link {
    display: inline;
    line-height: 24px;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #000000;
    color: #000;
}

.pagination-nav__link--active {
    display: inline;
    border-bottom: 0;
    box-shadow: none;
    font-family: 'm500';
    color: #ccc;
}

.b-pagination__arr {
    background-image: url(/local/templates/jvector/images/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 20px;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
    display: block;
}

.b-pagination__arr--l {
    transform: rotate(180deg);
}

.b-pagination__arr--r {}



















.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__stats .seokeys__data__stats__elem {
    margin: 70px 0;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__stats .seokeys__data__stats__elem .seokeys__data__stats__elem__orange {
    font-size: 52px;
    line-height: 63px;
    font-family: 'm900';
    color: #fb4006;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__stats .seokeys__data__stats__elem .seokeys__data__stats__elem__text {
    font-size: 17px;
    line-height: 23px;
    font-family: 'm500';
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__stats .seokeys__data__stats__elem .seokeys__data__stats__elem__black {
    font-size: 31px;
    line-height: 48px;
    font-family: 'm900';
    display: flex;
    align-items: flex-end;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__stats .seokeys__data__stats__elem .seokeys__data__stats__elem__black big {
    margin: 0 10px;
    font-size: 52px;
    line-height: 63px;
    font-family: 'm900';
    color: #fb4006;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph {
    width: 70%;
    height: 450px;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph .seokeys__data__graph__global {
    height: 100%;
    position: relative;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph .seokeys__data__graph__global .seokeys__data__graph__orange_point__one {
    position: absolute;
    left: 14px;
    bottom: 35px;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph .seokeys__data__graph__global .seokeys__data__graph__orange_point__one span {
    aspect-ratio: 1 / 1;
    width: 12px;
    position: absolute;
    display: inline-block;
    background-color: #fb4006;
    border-radius: 50%;
    left: -20px;
    top: -10px;
    z-index: 1;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph .seokeys__data__graph__global .seokeys__data__graph__orange_point__one small {
    font-size: 29px;
    line-height: 32px;
    font-family: 'm900';
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph .seokeys__data__graph__global .seokeys__data__graph__orange_point__one div {
    color: #666666;
    font-size: 14px;
    line-height: 23px;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph .seokeys__data__graph__global .seokeys__data__graph__workelem__top_bot {
    color: #939190;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 17px;
    font-family: 'm500';
    position: absolute;
    max-width: 280px;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph .seokeys__data__graph__global .seokeys__data__graph__workelem__top_bot span {}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph .seokeys__data__graph__global .seokeys__data__graph__workelem__top_bot div {
    height: 110px;
    width: 1px;
    background-color: #ccc;
    margin: 8px 0 0 40px;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data__graph__workelem__top_bot.bottom_to_up span {}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data__graph__workelem__top_bot.bottom_to_up div {
    margin: 0px 0 8px 40px !important;
    height: 60px !important;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data__graph__workelem__top_bot.bottom_to_up {
    flex-direction: column-reverse !important;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph .seokeys__data__graph__global .seokeys__data__graph__global__center {
    width: 1px;
    background: rgb(210 210 210 / 24%);
    height: 100%;
    margin: 0 0 0 50%;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph__orange_point__one.for_right_positions {}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph__orange_point__one.for_right_positions span {
    left: auto !important;
    right: -25px;
    top: auto !important;
    bottom: -5px;
}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph__orange_point__one.for_right_positions small {}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph__orange_point__one.for_right_positions div {}

.seokeys .seokeys__inner .seokeys__innerInner .seokeys__data__graph__global__marksongraphs {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

#svg-line {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#svg-line .line {
    stroke: #000000;
}

.sop {
    margin-top: 70px;
}

.sop__i {
    display: flex;
    margin: 0 -50px;
}

.sop__e {
    /* background: linear-gradient(45deg, black, transparent); */
    width: 50%;
    padding: 25px 30px 70px 30px;
    margin: 0 50px;
    border: 1px solid #ccc;
    background-position: 95% 98%;
    /* background-size: 240px; */
    background-repeat: no-repeat;
}

.sop__h {
    font-size: 27px;
    line-height: 55px;
    font-family: 'm900';
    display: inline-block;
    border-bottom: 1px solid #dfdfdf;
}

.sop__cmt {
    font-size: 17px;
    line-height: 23px;
    font-family: 'm500';
    margin: 25px 0 0 0;
}

.sop__s {
    display: flex;
    justify-content: flex-start;
    margin: 35px 0 0 0;
}

.sop__s__e {
    width: 50%;
}

.sop__s__v {
    font-size: 32px;
    line-height: 45px;
    font-family: 'i';
}

.sop__s__i {
    font-size: 14px;
    line-height: 18px;
    font-family: 'm500';
    margin: 5px 0 0 0;
}

.sop__s__l {
    margin: 60px 0 0 0;
}

.sop__s__l a {
    font-size: 20px;
    line-height: 16px;
    font-family: 'm900';
    color: #000;
    position: relative;
    margin: 0 60px 0 0;
    text-transform: uppercase;
}

.sop__s__l a:after {
    content: "";
    background-image: url(/local/templates/jvector/images/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
    position: absolute;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
    top: calc(50% - 7px);
    right: -25px;
}

.sop__s__l a:before {
    content: "";
    position: absolute;
    width: 90%;
    height: 2px;
    background-color: #fb4005;
    left: 0;
    bottom: -5px;
    text-transform: uppercase;
}

.seopagesfooter {}

.seopagesfooter__textshort {
    margin: 100px 0 0 0;
}

.seopagesfooter__textshort p {
    font-size: 17px;
    line-height: 34px;
    margin: 30px 0;
}

.seopagesfooter__navigation {
    display: flex;
    margin: 100px 0 0 0;
}

.seopagesfooter__bigleft {
    width: 60%;
}

.seopagesfooter__bigleft__head:after {
    position: absolute;
    width: 90%;
    height: 2px;
    background-color: #fb4005;
    left: 0;
    bottom: -5px;
    text-transform: uppercase;
    content: '';
}

.seopagesfooter__bigleft__head {
    font-size: 25px;
    line-height: 28px;
    font-family: 'm900';
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}

.seopagesfooter__bigleft__links {
    display: flex;
}

.seopagesfooter__bigleft__links ul {
    width: 50%;
}

.seopagesfooter__bigleft__links ul li {
    margin: 25px 0;
}

.seopagesfooter__bigleft__links ul li a {
    font-size: 19px;
    line-height: 24px;
    color: #000;
    display: inline-block;
}

.seopagesfooter__bigright {
    display: flex;
    flex-direction: column;
}

.seopagesfooter__bigright__elem {
    margin: 0 0 60px 0;
}

.seopagesfooter__bigright__header:after {
    position: absolute;
    width: 90%;
    height: 2px;
    background-color: #fb4005;
    left: 0;
    bottom: -5px;
    text-transform: uppercase;
    content: '';
}

.seopagesfooter__bigright__header {
    font-size: 25px;
    line-height: 28px;
    font-family: 'm900';
    position: relative;
    text-transform: uppercase;
    display: inline-block;
}

.seopagesfooter__bigright__elem ul {}

.seopagesfooter__bigright__elem ul li {
    margin: 25px 0;
}

.seopagesfooter__navigation ul li a {
    font-size: 19px;
    line-height: 24px;
    color: #000;
}

.seopagesfooter__navigation ul li a:hover {
    color: #858585;
}

.seopagesfooter__navigation ul li strong {
    font-family: 'm900';
    color: #e95121;
}











.seopagesfooter.otherpages__footerlinks {
    margin-top: 160px;
}












.tasks {
    padding-top: 90px;
}

.tasks__header {
    font-family: 'm900';
    font-size: 33px;
    line-height: 44px;
    margin-bottom: 50px;
}

.tasks__elements {
    display: flex;
    justify-content: space-between;
}

.tasks__element {
    width: 30%;
    border: 3px solid #d5d5d5;
    padding: 20px 2% 30px 2%;
}

.tasks__element-head {
    display: flex;
    align-items: center;
}

.tasks__element-image {
    background-image: url(/local/templates/jvector/images/12931871461580378369.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(149deg) brightness(102%) contrast(102%);
    width: 75px;
    height: 75px;
    margin: 0 25px 0 0;
}

.tasks__element-text {}

.tasks__element-name {
    font-family: 'm900';
    font-size: 23px;
    line-height: 37px;
}

.tasks__element-detail {
    font-size: 16px;
    color: #868686;
    line-height: 18px;
}

.tasks__element-list {
    margin: 45px 0 50px 0;
}

.tasks__element-list ul {}

.tasks__element-list li {
    position: relative;
    /* padding: 0 0 0 30px; */
    display: flex;
    margin: 15px 0 15px 0;
}

.tasks__element-list li i {
    width: 30px;
    height: 3px;
    background: #fe3d00;
    border-radius: 5px;
    margin: 10px 15px 0 0;
    flex: 0 0 30px;
}

.tasks__element-list li p {
    font-size: 17px;
    line-height: 24px;
    font-family: 'm500';
}

.tasks__element-link {
    display: block;
    text-align: center;
}

.tasks__element-link-button {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 24px;
    font-family: 'm900';
    border-bottom: 0px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 3px 0px #fe3d00;
    display: inline;
}

















.standards {
    margin-top: 120px;
}

.standards__header {
    text-transform: uppercase;
    color: #fc4005;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
}

.standards__elements {
    display: flex;
    flex-wrap: wrap;
    border-style: solid;
    border-color: #868686;
    border-width: 1px 0px 0px 1px;
    margin: 30px 0 0 0;
}

.standards__item {
    width: 33.33%;
    flex: 0 0 33.33%;
    border-style: solid;
    border-color: #868686;
    border-width: 0 1px 1px 0;
    padding: 25px 2% 25px 3%;
    display: flex;
    flex-direction: column;
}

.standards__icon {
    background-image: url(/local/templates/jvector/images/7416419951655364739.svg);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(149deg) brightness(102%) contrast(102%);
    width: 60px;
    height: 60px;
}

.standards__item-head {
    font-size: 25px;
    line-height: 36px;
    font-family: 'm900';
    margin: 10px 0 10px 0;
}

.standards__item-detail {
    font-size: 17px;
    line-height: 30px;
}
















.price-support {
    margin-top: 150px;
}

.price-support__header {
    display: flex;
    align-items: center;
    margin: 0 0 60px 0;
}

.price-support__header-text {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
    margin: 0 30px 0px 0;
}

.price-support__header-price {
    background-color: #54367b;
    color: #fff;
    font-family: 'm900';
    font-size: 25px;
    line-height: 50px;
    padding: 0 15px;
}

.price-support__currency {
    font-family: sans-serif;
    font-weight: bold;
}

.price-support__table {
    display: flex;
    align-items: flex-end;
}

.price-support__table-left {
    border-style: solid;
    border-color: #c6c6c6;
    border-width: 2px 0px 2px 2px;
    width: 30%;
    padding: 0 3%;
}

.price-support__table-header {
    text-transform: uppercase;
    font-size: 32px;
    line-height: 80px;
    font-family: 'm900';
    text-align: center;
    margin: 10px 0 0 0;
}

.price-support__table-detail {
    color: #565656;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    font-family: 'm500';
}

.price-support__table-count-header {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 30px;
    font-family: 'm900';
    text-align: center;
    margin: 60px 0 70px 0;
}

.price-support__table-calc {
    position: relative;
    margin: 0px 0 90px 0;
}

.price-support__calc-start {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #e8e8e8;
    border-radius: 50%;
    z-index: 1;
    /* color: #fff; */
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    font-family: 'm500';
    left: -25px;
    top: -25px;
    border: 4px solid #fff;
}

.price-support__calc-slider {
    box-shadow: none;
    border: 0;
    background: #d9d9d9;
    height: 10px;
}

.price-support__calc-end {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #e8e8e8;
    border-radius: 50%;
    z-index: 0;
    /* color: #fff; */
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    font-family: 'm500';
    right: -25px;
    top: -25px;
    border: 4px solid #fff;
}

.price-support__table-price {
    display: flex;
    margin: 0px 0 30px 0;
}

.price-support__icon {
    background-image: url(/local/templates/jvector/images/5003543371543238941.svg);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(149deg) brightness(102%) contrast(102%);
    width: 42px;
    height: 40px;
    flex: 0 0 60px;
}

.price-support__price-detail {
    font-size: 20px;
    line-height: 25px;
    padding: 5px 0 0 0;
}

.price-support__calc-slider.noUi-target .noUi-handle:before,
.price-support__calc-slider.noUi-target .noUi-handle:after {
    display: none;
}

.price-support__calc-slider.noUi-target .noUi-handle {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    box-shadow: 0 0 15px 3px #fc4005;
    border: 0;
    background: #fc4005;
    cursor: pointer;
    top: -32px;
    right: -40px;
}

.price-support__calc-slider.noUi-target .noUi-touch-area {
    font-family: 'm900';
    text-align: center;
    line-height: 74px;
    font-size: 26px;
    color: #fff;
    position: relative;
}

.price-support__calc-slider.noUi-target .noUi-touch-area:before {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(/local/templates/jvector/images/arrow2.svg);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
    position: absolute;
    left: -10px;
    bottom: -10px;
    opacity: 0.5;
}

.price-support__calc-slider.noUi-target .noUi-touch-area:after {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(/local/templates/jvector/images/arrow2.svg);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
    position: absolute;
    right: -10px;
    bottom: -10px;
    opacity: 0.5;
    transform: scale(-1);
}

.price-support__nomisu {
    display: flex;
}

.price-support__nomisu-icon {
    background-image: url(/local/templates/jvector/images/11560288201535972580.svg);
    background-size: contain;
    background-position: -3px 0px;
    background-repeat: no-repeat;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(149deg) brightness(102%) contrast(102%);
    width: 42px;
    height: 40px;
    flex: 0 0 60px;
}

.price-support__nomisu-detail {
    font-size: 20px;
    line-height: 25px;
    padding: 5px 0 0 0;
}

.price-support__total {
    text-transform: uppercase;
    font-size: 35px;
    line-height: 56px;
    font-family: 'm900';
    text-align: center;
    color: #fc4005;
    margin: 30px 0 40px 0;
}

.price-support__currency {}

.price-support__button {
    text-align: center;
    border: 4px solid #000;
    font-size: 21px;
    line-height: 76px;
    font-family: 'm900';
    cursor: pointer;
}

.price-support__bottom {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 40px 0;
}

.price-support__bottom-element {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 45%;
    flex: 0 0 45%;
}

.price-support__bottom-icon {
    width: 60px;
    height: 60px;
    background-image: url(/local/templates/jvector/images/5152589491691574351.svg);
    background-size: contain;
    background-position: -3px 0px;
    background-repeat: no-repeat;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(149deg) brightness(102%) contrast(102%);
    opacity: 0.4;
}

.price-support__bottom-element span {
    font-size: 16px;
    line-height: 21px;
    font-family: 'm500';
}

.price-support__price-detail span {
    color: #0eba1a;
}

.price-support__price-detail .price-support__currency {
    font-weight: normal;
    font-size: 18px;
}

.price-support__total span {
    margin: 0 5px 0 0;
}

.price-support__nomisu-detail span {
    color: #0eba1a;
}

.price-support__table-left.price-support__table-center {
    width: 40%;
    border: 7px solid #54367b;
    padding: 0 5%;
}

.price-support__table-header--best {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin: 10px 0 30px 0;
}

.price-support__table-header--best span {
    width: 80px;
    flex: 0 0 80px;
    height: 80px;
    background-image: url(/local/templates/jvector/images/10998093321649329157.svg);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    filter: invert(63%) sepia(78%) saturate(1567%) hue-rotate(73deg) brightness(92%) contrast(81%);
}

.price-support__table-header--best .price-support__table-header--bestname {
    font-size: 23px;
    line-height: 35px;
    font-family: 'm900';
    color: #30bf36;
    padding: 0 15px;
}

.price-support__table-left.price-support__table-right {
    border-width: 2px 2px 2px 0px;
}

.price-support__nomisu-icon.price-support__icon--closedtasks {
    background-image: url(/local/templates/jvector/images/11560288201535972580.svg);
}

.price-support__icon.price-support__icon--postoplata {
    background-image: url(/local/templates/jvector/images/19437462271595601936.svg);
}

.price-support__table-calc--infinity {
    background-image: url(/local/templates/jvector/images/20532183541537355864.svg);
    height: 110px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: -40px 0 50px 0;
}







.navmenu-z {
    margin-top: 20px;
    margin-bottom: 60px;
}

.navmenu-z__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navmenu-z__link {
    display: flex;
    align-items: center;
}

.navmenu-z__link:hover .navmenu-z__text:before {
    content: '';
    background-image: url(/local/templates/jvector/images/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
    position: absolute;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
    top: -16px;
    left: 0;
}

.navmenu-z__icon {
    /* flex: 0 0 65px; */
    margin: 0 10px 0 0;
    width: 35px;
    height: 40px;
    background-image: url(/local/templates/jvector/images/sites.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.navmenu-z__text {
    font-size: 17px;
    line-height: 21px;
    font-family: 'm900';
    color: #000;
    display: block;
    border-bottom: 1px solid #fb4005;
    position: relative;
}

.active .navmenu-z__text {
    border-bottom: 1px solid #fb400500;
    color: #ed7049;
}








.sale-tasks__table__inner {
    padding-top: 60px;
    padding-bottom: 70px;
}

.sale-tasks {
    margin: 170px 0 0 0;
}

.sale-tasks__header {}

.sale-tasks__title {
    font-family: 'm900';
    font-size: 33px;
    line-height: 44px;
    margin-bottom: 30px;
}

.sale-tasks__comment {
    position: relative;
    padding: 0 0 0 80px;
    color: #5b5555;
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 0 14%;
}

.sale-tasks__icon {
    width: 85px;
    flex: 0 0 85px;
    margin: 0 20px 0 0px;
    height: 90px;
    background-image: url(/local/templates/jvector/images/2476088661601623445.svg);
    background-size: 65px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
}

.sale-tasks__icon--first {
    position: absolute;
    width: 65px;
    height: 35px;
    border-style: solid;
    border-color: #000000;
    border-width: 0px 0px 2px 2px;
    left: 0;
    top: -20px;
}

.sale-tasks__icon--second {
    position: absolute;
    width: 2px;
    height: 35px;
    border-style: solid;
    border-color: #000000;
    border-width: 0px 0px 0px 2px;
    left: 20%;
    bottom: calc(-100% - 50px);
    padding: 70px 0 0 0;
}

.sale-tasks__icon--second em {
    border: 2px solid #000;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 0 0 -9px;
}

.sale-tasks__table {
    background: #f0f0f0;
    margin: 65px 0 0 0;
}

.sale-tasks__steps {
    display: flex;
    align-items: center;
}

.sale-tasks__step-text {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 16px;
    font-family: 'm900';
    color: #5b5555;
    width: 100px;
}

.sale-tasks__step-line {
    width: 100%;
    max-width: 300px;
    background: #e5e5e5;
    border-radius: 30px;
    height: 12px;
    margin: 0 30px 0 0;
}

.sale-tasks__step-line-inner {
    width: 20%;
    background: #fc4005;
    height: 100%;
    border-radius: 30px;
}

.sale-tasks__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 60px 0 0 0;
}

.sale-tasks__left {
    flex: 0 0 calc(75% - 50px);
    display: none;
}

.sale-tasks__left.active {
    display: block;
}

.sale-tasks__left-header {
    font-family: 'm900';
    font-size: 33px;
    line-height: 44px;
    text-transform: uppercase;
    margin: 0 0 115px 0;
}

.sale-tasks__left-elements {
    display: flex;
    margin: 0 -20px;
    justify-content: flex-start;
}






.sale-tasks__contacts {}

.sale-tasks__contacts-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 0 35px 0;
}

.sale-tasks__contacts-row:last-child {
    margin-bottom: 0;
}

.sale-tasks__contacts-div {}

.sale-tasks__contacts-div.row_element__half {
    flex: 0 0 calc(50% - 40px);
}

.sale-tasks__contacts-name {
    font-size: 17px;
    line-height: 25px;
    font-family: 'm900';
    flex: 0 0 100%;
    margin: 0 0 10px 0;
}

.sale-tasks__contacts-input {
    border: 1px solid #d3d3d3;
    outline: none;
    background-color: #fff;
    border-radius: 10px;
    font-size: 18px;
    line-height: 41px;
    padding: 0 25px;
    width: 100%;
}

.sale-tasks__contacts-input--phone {}

.sale-tasks__contacts-textarea {
    width: 100%;
    border: 1px solid #d3d3d3;
    outline: none;
    background-color: #fff;
    border-radius: 10px;
    font-size: 18px;
    line-height: 41px;
    padding: 0 25px;
    height: 110px;
}

.sale-tasks__contacts-confirm {
    font-size: 15px;
    line-height: 25px;
    font-family: 'm500';
    flex: 0 0 100%;
    margin: -20px 0 20px 0;
}

.sale-tasks__contacts-confirm a {
    display: inline;
    border-bottom: 2px solid #ccc;
    color: #000000;
}

.sale-tasks__contacts-buttonsend {
    background: #fc4005;
    color: #fff;
    border-radius: 30px;
    font-size: 24px;
    line-height: 55px;
    font-family: 'm900';
    padding: 0 75px;
    margin: -10px 0 0 0;
    cursor: pointer;
}





.sale-tasks__element {
    flex: 0 0 25%;
    padding: 15px 20px 5px 20px;
    max-width: 280px;
    border-radius: 0;
    cursor: pointer;
}

.sale-tasks__element:hover {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.2);
}

.sale-tasks__element:hover .sale-tasks__element-name {
    color: #fc4005;
}

.sale-tasks__element:hover {
    /*border: 3px solid #e1e1e1;*/
}

.sale-tasks__element-top {
    display: flex;
}

.sale-tasks__element-top div {
    color: #656565;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 23px;
    font-family: 'm500';
}

.sale-tasks__element-name {
    text-transform: uppercase;
    font-family: 'm900';
    font-size: 16px;
    line-height: 25px;
    margin: 5px 0 0 0;
}

.sale-tasks__right {
    border-left: 1px solid #ccc;
    padding: 0 0 0 7%;
    flex: 0 0 25%;
    font-size: 15px;
    line-height: 18px;
    font-family: 'm500';
    color: #c1c1c1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sale-tasks__right-header {
    font-family: 'm900';
    color: #000;
    margin: 35px 0;
}

.sale-tasks__steps-list {}

.sale-tasks__steps-list li {
    margin: 35px 0;
    cursor: pointer;
}

.sale-tasks__steps-list .active {
    font-family: 'm900';
    color: #54367b;
}

.sale-tasks__steps-list .active:hover {
    color: #fc4005;
}

.sale-tasks__step-line__back {
    display: flex;
    opacity: 0;
    align-items: center;
    cursor: pointer;
}

.sale-tasks__step-line__back i {
    flex: 0 0 25px;
    aspect-ratio: 1/ 1;
    background-image: url(/local/templates/jvector/images/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
    transform: scale(-1);
}

.sale-tasks__step-line__back em {
    white-space: nowrap;
    font-family: 'm900';
    color: #000;
    margin: 0 0 0 7px;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    /* border-bottom: 2px solid #fc3f05; */
}





















.dev-tasks {
    margin-top: 160px;
}

.dev-tasks__header {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
    margin: 0 0 70px 0;
}

.dev-tasks__list {}

.dev-tasks__item {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #e7e7e7;
    justify-content: space-between;
    padding: 25px 0;
    flex-wrap: wrap;
}

.dev-tasks__priority {
    flex: 0 0 12%;
}

.dev-tasks__priority-header {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 23px;
    font-family: 'm500';
}

.dev-tasks__priority-status {
    background: #ccc;
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    line-height: 19px;
}

.dev-tasks__name {
    font-size: 18px;
    line-height: 26px;
    font-family: 'm500';
    flex: 0 0 57%;
    padding: 0 4% 0 1%;
}

.dev-tasks__date {
    flex: 0 0 15%;
}

.dev-tasks__date-header {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 23px;
    font-family: 'm500';
}

.dev-tasks__date-value {
    font-size: 19px;
    line-height: 34px;
    font-family: 'm900';
}

.dev-tasks__time {
    flex: 0 0 8%;
}

.dev-tasks__time-header {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 23px;
    font-family: 'm500';
}

.dev-tasks__time-value {
    display: flex;
    align-items: center;
}

.dev-tasks__time-icon {
    width: 17px;
    flex: 0 0 17px;
    margin: 0 15px 0 0px;
    height: 28px;
    background-image: url(/local/templates/jvector/images/7833025511629971259.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
}

.dev-tasks__time-text {
    font-size: 19px;
    line-height: 34px;
    font-family: 'm900';
}

.dev-tasks__button {
    text-align: center;
    margin: 60px 0 0 0;
}

.dev-tasks__button-text {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    font-family: 'm900';
    cursor: pointer;
}

.dev-tasks__button-icon {
    position: absolute;
    width: 90%;
    height: 2px;
    background-color: #fb4005;
    left: 0;
    bottom: -5px;
    text-transform: uppercase;
}










.privacy-l {
    display: flex;
    gap: 20px;
}
.privacy__checkbox-m {
    flex: 0 0 25px;
    height: 25px;
}

.privacy__text-n {
    flex: auto;
    font-size: 16px;
    line-height: 19px;
    color: #787878;
}
.privacy__link-o {
    color: #787878;
    display: inline;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #ff4d14;
}
.privacy__link-o:hover {
    color: #b3b3b3;
    display: inline;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #ff4d1400;
}

.privacy__checkbox-m-checkbox {
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.privacy__checkbox-m-checkbox:checked {
    background-color: #fb4005;
    border-color: #fb4005;
}

.privacy__checkbox-m-checkbox:checked::after {
    content: "";
    width: 8px;
    height: 15px;
    position: absolute;
    border-radius: 2px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
    left: calc(50% - 4px);
    top: calc(50% - 10px);
}

 
 








.porfolio_top {
    font-size: 22px;
    line-height: 28px;
    font-family: 'm500';
}

.porfolio_toptop {
    font-size: 19px;
    line-height: 28px;
    font-family: 'm900';
    margin-top: 20px;
}

.portfolio {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.portfolio__left {
    width: calc(100% - 585px);
}

.portfolio__devices {
    position: relative;
}

.portfolio__devices-pc {
    background-image: url(/local/templates/jvector/images/portfolio/light63/pc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 70%;
    aspect-ratio: 1;
    margin: 0 auto;
    aspect-ratio: 387 / 320;
}

.portfolio__devices-notebook {
    background-image: url(/local/templates/jvector/images/portfolio/light63/notebook.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 45%;
    aspect-ratio: 609 / 352;
    position: absolute;
    bottom: -50px;
    left: 0;
}

.portfolio__devices-mobile {
    background-image: url(/local/templates/jvector/images/portfolio/light63/mobile.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 13%;
    aspect-ratio: 141 / 289;
    position: absolute;
    bottom: -50px;
    right: 0;
}

.portfolio__targets {
    margin: 200px 0 0 0;
}

.portfolio__header {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
    margin: 0 0 50px 0;
}

.portfolio__targets-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.portfolio__targets-item {
    flex: 0 0 30%;
    display: flex;
}

.portfolio__targets-counter {
    flex: 0 0 65px;
    font-family: 'i';
    color: #c0c0c0;
    font-size: 50px;
    line-height: 46px;
}

.portfolio__targets-text {
    font-size: 19px;
    line-height: 24px;
    font-family: 'm500';
    flex: 0 0 calc(100% - 65px);
}

.portfolio__results {
    margin: 110px 0 0 0;
}

.portfolio__results-list {}

.portfolio__results-ul {}

.portfolio__results-item {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}

.portfolio__results-icon {
    height: 2px;
    flex: 0 0 25px;
    margin: 10px 20px 0px 0;
    background: #fc3f05;
}

.portfolio__results-text {
    flex: 0 0 calc(100% - 45px);
    font-size: 19px;
    line-height: 25px;
}

.portfolio__demo {}

.portfolio__demo-item {}

.portfolio__demo-header {}

.portfolio__demo-text {}

.portfolio__demo-image {}

.portfolio__demo-link {}

.portfolio__demo-img {}

.portfolio__right {
    flex: 0 0 435px;
}

.portfolio__right_right {}

.portfolio__site {
    margin-bottom: 80px;
}

.portfolio__site-header {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 25px 0;
    font-family: 'm900';
}

.portfolio__site-link {}

.portfolio__link {
    position: relative;
    font-size: 18px;
    line-height: 16px;
    font-family: 'm900';
    color: #000;
}

.portfolio__link-img {
    position: absolute;
    width: 90%;
    height: 2px;
    background-color: #fb4005;
    left: 0;
    bottom: -3px;
    text-transform: uppercase;
}

.portfolio__link-arrow {
    background-image: url(/local/templates/jvector/images/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
    position: absolute;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
    top: calc(50% - 7px);
    right: -25px;
}

.portfolio__about {
    margin-bottom: 80px;
}

.portfolio__about-header {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 25px 0;
    font-family: 'm900';
}

.portfolio__about-logo {}

.portfolio__about-text {
    font-size: 17px;
    line-height: 34px;
}

.portfolio__other {}

.portfolio__other-header {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 45px 0;
    font-family: 'm900';
}

.portfolio__other-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.portfolio__other-item {
    position: relative;
    width: 100%;
    border-radius: 30px;
    border: 5px solid #034e92;
    aspect-ratio: 1 / 1;
    background-image: url(/local/templates/jvector/images/portfolio/light63/1.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 0 45px 0;
    /* overflow: hidden; */
}

.portfolio__other-item-header {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 25px;
    margin: 0 auto 20px auto;
    font-family: 'm900';
    width: 85%;
}

.portfolio__other-item-text {
    font-size: 17px;
    line-height: 25px;
    width: 85%;
    margin: 0 auto 30px auto;
}

.portfolio__other-item__bg {
    width: calc(100% + 6px);
    height: calc(100% + 3px);
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0, #034e92 60%);
    border-radius: 30px;
    position: absolute;
    left: -3px;
    top: 0;
    display: flex;
    align-items: flex-start;
    color: #fff;
    justify-content: flex-end;
    flex-direction: column;
}








.portfolio__params {
    margin: 110px 0 0 0;
}

.portfolio__header {}

.portfolio__params-list {
    display: flex;
    justify-content: space-between;
    margin: 0 -15px;
}

.portfolio__params-item {
    flex: 0 0 33.33%;
    padding: 0 15px;
}

.portfolio__params-item-header {
    font-family: 'm900';
    font-size: 24px;
    line-height: 37px;
    margin: 0 0 15px 0;
}

.portfolio__params-item-text {
    font-size: 19px;
    line-height: 21px;
}

.portfolio__demoslider {}

.portfolio__slider-list {}

.portfolio__slider-item {}


















.sitetypesblock {
    margin: 0 0 150px 0;
}

.sitetypesblock__inner {}

.sitetypesblock__elements {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.sitetypesblock__element {
    flex: 0 0 33.33%;
    padding: 0 15px;
    margin: 65px 0;
}

.sitetypesblock__header {
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 40px;
    padding: 0px 40px 0px 40px;
}

.sitetypesblock__image {
    flex: 0 0 50px;
    aspect-ratio: 1 / 1;
    margin: 15px 0 20px 0;
}

.sitetypesblock__image em {
    background-image: url(/local/templates/jvector/images/type_sites/med_site.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1;
    display: block;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
}

.sitetypesblock__text {
    flex: 0 0 calc(100% - 50px);
    padding: 0px 0 0 25px;
    font-family: 'i';
    border-radius: 40px;
    color: #000000;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 32px;
}

.sitetypesblock__infotext {
    padding: 0 0px 0 40px;
    font-size: 20px;
    line-height: 26px;
    margin: 30px 0 0 0;
}

.sitetypesblock__go {
    padding: 0 0px 0 40px;
    margin: 20px 0 0 0;
}

.sitetypesblock__golink {
    font-size: 20px;
    line-height: 26px;
}

.sitetypesblock__golink:before {
    content: '';
}

.sitetypesblock__golink:after {
    content: '';
}

.sitetypesblock__golink span {
    padding-bottom: 1px;
    font-size: 15px;
    line-height: 33px;
    font-family: 'm900';
    color: #000;
    position: relative;
    text-transform: uppercase;
    display: inline;
    border-bottom: 0px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 2px 0px #fc3f06;
}

.sitetypesblock__inner__header {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
    margin: 0 0 30px 0;
}



























.price-site {
    margin: 0 0 150px 0;
}

.price-site__inner {}

.price-site__header {
    /* text-transform: uppercase; */
    font-size: 42px;
    line-height: 44px;
    font-family: 'm900';
}

.price-site__block {
    display: flex;
    justify-content: space-between;
    margin: 70px 0 0 0;
}

.price-site__details {
    flex: 0 0 60%;
}

.price-site__details-header {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 34px;
    font-family: 'm900';
}

.price-site__details-list {
    padding: 0 0 0 50px;
}

.price-site__details-item {
    font-size: 20px;
    line-height: 29px;
    position: relative;
    display: flex;
    padding: 0 0 0 45px;
    font-family: 'm500';
    margin: 26px 0 0 0;
}

.price-site__details-item:before {
    content: '';
    width: 30px;
    height: 3px;
    border-radius: 5px;
    background: #3e3535;
    position: absolute;
    left: 0;
    top: 13px;
}

.price-site__pricing {
    flex: 0 0 40%;
    border: 5px dashed #e3e3e3;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'm900', 'tahoma', sans-serif;
    justify-content: space-evenly;
    min-height: 370px;
}

.price-site__cost {}

.price-site__cost-inner {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 23px;
    line-height: 24px;
}

.price-site__cost-text {}

.price-site__cost-value {
    margin: 0 10px;
    font-size: 38px;
    line-height: 32px;
}

.price-site__cost-currency {
    font-weight: bold;
}

.price-site__cost-description {
    font-family: 'm900';
    text-transform: uppercase;
    font-size: 13px;
    line-height: 27px;
    text-align: center;
    color: #fb4005;
}

.price-site__time {}

.price-site__time-inner {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 23px;
    line-height: 24px;
}

.price-site__time-text {}

.price-site__time-value {
    margin: 0 10px;
    font-size: 38px;
    line-height: 32px;
}

.price-site__time-description {
    font-family: 'm900';
    text-transform: uppercase;
    font-size: 13px;
    line-height: 27px;
    text-align: center;
    color: #fb4005;
}

.price-site__button {}

.price-site__button-inner {
    font-family: 'm900';
    font-size: 19px;
    line-height: 50px;
    border-radius: 30px;
    padding: 0 80px;
    border: 2px solid #fe3d00;
    margin: 0 0px 0 0;
    cursor: pointer;
}

.price-site__button-inner:hover {
    background: #fb4005;
    color: #fff;
}










.cms-developer {
    margin: 50px auto 50px auto;
}

.cms-developer__inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    grid-gap: 50px;
}

.cms-developer__element {
    flex: 0 0 calc((100% - 100px) / 3);
    padding: 0 20px;
    border: 4px solid #000000;
    border-radius: 15px;
}

.cms-developer__topline {
    height: 6px;
    background: #2a2a2a;
    border-radius: 20px;
    margin: 15px 0 0 0;
}

.cms-developer__icon {
    background-image: url(/local/templates/jvector/images/1c_bitrix_logo1.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
    width: 65px;
    height: 65px;
    margin: 20px 0 20px 0;
}

.cms-developer__name {}

.cms-developer__description {
    color: #757575;
    font-family: 'm300';
    font-size: 16px;
    line-height: 21px;
    margin: 15px 0 25px 0;
}

.cms-developer__button {
    margin: 0 0 30px 0;
}

.cms-developer__button-elem {
    font-size: 15px;
    line-height: 16px;
    font-family: 'm900';
    color: #000;
    position: relative;
    text-transform: uppercase;
    display: inline;
    border-bottom: 0px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 2px 0px #fc3f05;
}

.cms-developer__button-elem:hover {
    color: #fc3f05;
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 2px 0px #fc3f0500;
}

.cms-developer__button-elem:hover:before {
    display: none;
}

.cms-developer__name a {
    color: #000;
    border-bottom: 2px solid #242424;
    text-transform: uppercase;
    font-family: 'm900';
    font-size: 18px;
    line-height: 25px;
}

.cms-developer__name a:hover {
    color: #fc3f05;
    border-bottom: 2px solid #24242400;
}

.cms-developer__button-elem:before {
    content: '';
    background-image: url(/local/templates/jvector/images/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
    position: absolute;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
    top: calc(50% - 7px);
    right: -25px;
}









.cookie-k {
    position: fixed;
    bottom: 20px;
    left: 50%;
    z-index: 9999;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    max-width: 520px;
}
.cookie__inner-l {
    /* width: 520px; */
    /* max-width: calc(100% - 40px); */
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #6a6a6a4d;
    border-radius: 8px;
}
.cookie__row-m {
    display: flex;
    align-items: center;
}
.cookie__col-n {}
.cookie__col-wide-o {
    flex: 1 1 auto;
}
.cookie__text-p {
    margin: 0;
    font-size: 15px;
    line-height: 30px;
    padding: 0 15px 0 0;
}
.cookie__link-q {
    font-family: 'm900';
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}
.cookie__actions-r {}
.cookie__button-s {
    display: inline-block;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
    font-weight: 400;
    font-family: inherit;
    vertical-align: middle;
    text-align: center;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    text-align: right;
    color: #fc4005;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #fc4005;
    border-radius: 16px;
}
.cookie__btn-text-t {}











.service-page-list {
    margin-top: 90px;
}

.service-page-list__inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
}

.service-page-list__block {
    flex: calc(33.33% - 100px);
    padding: 0 50px;
    margin: 40px 0;
}

.service-page-list__header {
    font-family: 'm900';
    font-size: 35px;
    line-height: 40px;
    margin: 0 0 20px 0;
}

.service-page-list__list {}

.service-page-list__item {
    margin: 10px 0;
}

.service-page-list__link {
    color: #000;
    display: inline;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #fb4005;
    font-family: 'm500';
    font-size: 16px;
    line-height: 33px;
}

.service-page-list__link:hover {
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #fb400500;
    color: #6a6a6a;
}

.service-page-list__text {
    color: #818181;
    display: inline;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255 255 255 / 0%), 0px 1px 0px #fb400500;
    font-family: 'm500';
    font-size: 16px;
    line-height: 33px;
}












.task-price {
    margin-top: 140px;
}

.task-price__inner {
    display: flex;
    align-items: center;
    border: 4px dashed #555555;
    /* padding: 15px 0 5px 0; */
}

.task-price__name.task-price__name--onlyprice {
    flex: 0 0 85%;
}

.task-price__name {
    flex: 0 0 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 20px 5px 25px;
}

.task-price__name-label {
    background: #ebebeb;
    font-size: 14px;
    line-height: 20px;
    font-family: 'm300';
    padding: 0 15px;
}

.task-price__name-value {
    font-size: 16px;
    line-height: 22px;
    font-family: 'm500';
    margin: 7px 0 0 0;
}

.task-price__time {
    display: flex;
    flex-direction: column;
    flex: 0 0 15%;
    align-items: flex-start;
    padding: 15px 0 5px 0;
}

.task-price__time-label {
    background: #ebebeb;
    font-size: 14px;
    line-height: 20px;
    font-family: 'm300';
    padding: 0 15px;
}

.task-price__time-value {
    font-size: 26px;
    line-height: 39px;
    font-family: 'm900';
}

.task-price__price {
    display: flex;
    flex-direction: column;
    flex: 0 0 15%;
    align-items: flex-start;
    padding: 15px 0 5px 0;
}

.task-price__price-label {
    background: #ebebeb;
    font-size: 14px;
    line-height: 20px;
    font-family: 'm300';
    padding: 0 15px;
}

.task-price__price-value {
    font-size: 26px;
    line-height: 39px;
    font-family: 'm900';
}















.seo-service {
    margin-top: 150px;
}

.seo-service__inner {}

.seo-service__elements {
    display: flex;
    flex-wrap: wrap;
    margin: 35px 0 0 0;
    justify-content: space-between;
}

.seo-service__element {
    flex: 0 0 22%;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin: 20px 0;
}

.seo-service__element-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 65px;
    width: 65px;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(3deg) brightness(102%) contrast(102%);
}

.seo-service__element-details {}

.seo-service__element-header {
    font-size: 23px;
    line-height: 27px;
    font-family: 'm900';
    margin: 15px 0 15px 0;
}

.seo-service__details-list {}

.seo-service__details-item {
    display: flex;
    font-size: 18px;
    line-height: 29px;
    font-family: 'm500';
    margin: 10px 0;
}

.seo-service__details-item:before {
    content: '';
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    flex: 0 0 20px;
    margin: 5px 15px 0 0;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
    background-image: url(/local/templates/jvector/images/element-svgrepo-com.svg);
}










.modal-a {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000e3;
    z-index: 1;
    display: none;
}

.modal-a__window__logoback {
    position: fixed;
    width: 700px;
    height: 400px;
    display: flex;
    align-items: flex-end;
    left: calc(50% - 350px);
    );
    ) _;
    );
    top: calc(50% - 200px);
    opacity: 0.6;
    z-index: 1;
}

.modal-a__window__logoback--logo {
    background-image: url(/local/templates/jvector/images/onlylogo.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50%;
    aspect-ratio: 1 / 1;
}

.modal-a__window__logoback--text {
    background-image: url(/local/templates/jvector/images/onlytext.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50%;
    aspect-ratio: 1 / 1;
}

.modal-a__window {
    position: fixed;
    z-index: 2;
    left: calc(50% - 375px);
    top: 200px;
    width: 750px;
    background: #ffffff;
    border-radius: 35px;
    padding: 40px 50px;
}

.modal-a__title {
    font-family: 'm900';
    text-transform: uppercase;
    font-size: 36px;
    line-height: 47px;
    margin-bottom: 40px;
    position: relative;
}

.modal-a__form {}

.modal-a__input {
    margin: 30px 0;
}

.modal-a__input-field {
    border: 1px solid #ccc;
    border-radius: 15px;
    width: 100%;
    font-size: 20px;
    line-height: 50px;
    padding: 0 15px;
    font-family: 'm500';
}

.modal-a__actions {}

.modal-a__rule {
    font-size: 16px;
    line-height: 19px;
    margin-top: 40px;
    color: #787878;
    font-family: 'm300';
    text-align: center;
}

.modal-a__rule a {
    color: #787878;
    display: inline;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #ff4d14;
}
.modal-a__rule a:hover {
    color: #b3b3b3;
    display: inline;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #ff4d1400;
}

.modal-a__link {
    color: #000;
    display: inline;
    border-bottom: 1px solid rgba(126, 57, 144, 0);
    box-shadow: 0px 0px 0px rgb(255, 255, 255), 0px 1px 0px #000000;
}

.modal-a__button {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.modal-a__button-text {
    font-size: 23px;
    line-height: 68px;
    width: 100%;
    border-radius: 55px;
    max-width: 300px;
    text-align: center;
    font-family: 'm900';
    cursor: pointer;
    border: 1px solid #fb4005;
    color: #fb4005;
    text-transform: uppercase;
}

.modal-a__title--closemodal {
    position: absolute;
    right: -40px;
    top: -30px;
    width: 50px;
    aspect-ratio: 1 / 1;
    border: 7px solid #fb40051f;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
}

.modal-a__title--closemodal em {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-image: url(/local/templates/jvector/images/close-.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
}

.modal-a__title--closemodal:hover {
    border: 7px solid #fb4005;
}

.modal-a__button-text:hover {
    background: #fb4005;
    color: #fff;
}














.portfolio__topshort-a {
    font-family: 'm900';
    font-size: 18px;
    line-height: 33px;
    margin-top: 30px;
}

.portfolio__block-b {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.portfolio__left-c {
    flex: 0 0 calc(100% - 500px);
}

.portfolio__images-d {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 150px 0;
}

.portfolio__image--laptop-e {
    background-image: url(/local/templates/jvector/images/portfolio/light63_monitor.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 70%;
    max-width: 780px;
    aspect-ratio: 387 / 320;
}

.portfolio__image--notebook-f {
    background-image: url(/local/templates/jvector/images/portfolio/light63_notebook.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 45%;
    max-width: 780px;
    aspect-ratio: 609 / 352;
    position: absolute;
    left: 0;
    bottom: -70px;
}

.portfolio__image--phone-g {
    background-image: url(/local/templates/jvector/images/portfolio/light63_phone.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 11%;
    max-width: 780px;
    aspect-ratio: 141 / 289;
    position: absolute;
    right: 14%;
    bottom: -70px;
}

.portfolio__targets-h {}

.portfolio__header-i {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
    margin: 0 0 50px 0;
}

.portfolio__targets__list-j {
    display: flex;
    align-items: flex-start;
    margin: 0 -20px;
    flex-wrap: wrap;
}

.portfolio__target-k {
    flex: 0 0 33.33%;
    padding: 0 20px;
    display: flex;
    align-items: flex-start;
    margin: 10px 0;
}

.portfolio__target__counter-l {
    flex: 0 0 70px;
    font-family: 'i';
    font-size: 55px;
    line-height: 56px;
    color: #c0c0c0;
}

.portfolio__target__text-m {
    flex: 0 0 calc(100% - 70px);
    font-size: 18px;
    line-height: 28px;
}

.portfolio__screens-n {
    background-color: #f0f0f0;
    position: relative;
    margin-top: 100px;
}

.portfolio__screens__list-o {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.portfolio__screen-p {
    position: relative;
    display: flex;
    flex: 0 0 180px;
    background-image: url(/local/templates/jvector/images/portfolio/light63-ru-mainpage.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    height: 230px;
    justify-content: center;
    align-items: flex-end;
    margin: 0 4%;
    cursor: pointer;
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.2);
}

.portfolio__screen__photo-q {}

.portfolio__screen__name-r {
    border-radius: 30px;
    text-align: center;
    width: 90%;
    background: #2c2c2c;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    font-family: 'm500';
    margin: 0 0 10px 0;
}

.portfolio__solutions-s {
    margin-top: 100px;
}

.portfolio__solutions__list-u {}

.portfolio__solution-v {
    display: flex;
    align-items: flex-start;
    font-size: 19px;
    font-family: 'm300';
    line-height: 30px;
    margin: 40px 0;
}

.portfolio__solution-v:before {
    content: '';
    background: #fe3d00;
    border-radius: 5px;
    margin: 13px 15px 0 0;
    flex: 0 0 20px;
    height: 3px;
}

.portfolio__company-w {
    flex: 0 0 420px;
}

.portfolio__company__item-x {}

.portfolio__company__header-y {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 34px;
    font-family: 'm900';
    margin: 0 0 20px 0;
}

.portfolio__company__link-z {
    font-size: 18px;
    line-height: 18px;
    font-family: 'm900';
    display: inline-block;
    position: relative;
    color: #000;
}

.portfolio__link__line-1 {
    position: absolute;
    width: 80%;
    height: 2px;
    background-color: #fb4005;
    left: 0;
    bottom: -5px;
}

.portfolio__link__arrow-2 {
    background-image: url(/local/templates/jvector/images/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
    position: absolute;
    filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
    top: calc(50% - 7px);
    right: -25px;
}

.portfolio__company__logo-5 {
    height: 40px;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0 0 20px 0;
}

.portfolio__company__text-6 {
    font-family: 'm300';
    font-size: 17px;
    line-height: 34px;
}

.portfolio__project-9 {
    aspect-ratio: 1 / 1;
    background-image: url(/local/templates/jvector/images/1234.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 20px;
    border: 7px solid #00519c;
    margin: 50px 0;
    width: 100%;
    display: block;
}

.portfolio__project__header-0 {
    text-transform: uppercase;
    font-size: 27px;
    line-height: 33px;
    font-family: 'm900';
    margin: 0px 0 20px 0;
}

.portfolio__project__short-1 {
    font-size: 17px;
    line-height: 28px;
    font-family: 'm500';
    margin: 0 0 20px 0;
}

.portfolio__header-t {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
    margin: 0 0 50px 0;
}

.portfolio__company__item-3 {
    margin-top: 70px;
}

.portfolio__company__header-4 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 34px;
    font-family: 'm900';
    margin: 0 0 20px 0;
}

.portfolio__company__item-7 {
    margin-top: 70px;
}

.portfolio__company__header-8 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 34px;
    font-family: 'm900';
    margin: 0 0 20px 0;
}

.portfolio__screens-n:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    background: #f0f0f0;
    width: 100%;
    left: -100%;
}

.portfolio__project-9--inner {
    background: linear-gradient(1deg, rgba(0, 81, 156, 1) 0%, rgba(0, 81, 156, 1) 34%, rgba(0, 81, 156, 0.9) 60%, rgba(0, 212, 255, 0) 75%);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-end;
    padding: 0 20px;
    color: #fff;
}

.portfolio__screen-p:hover {
    box-shadow: none;
}

.short_text_header_portfoliodev {
    font-family: 'm900';
    font-size: 18px;
    line-height: 33px;
    margin-top: 20px;
}


.head_l__logo_mobilelogo {
    display: none;
}














.portfolio-b {
    display: flex;
    align-items: center;
    margin-top: 90px;
}

.portfolio__left-a {
    flex: 0 0 35%;
    margin: 0 5% 0 0;
}

.portfolio__top-m {
    display: flex;
    align-items: center;
}

.portfolio__logo-h {
    flex: 0 0 160px;
    background-image: url(/upload/uf/43e/34q5t9a6hixm2j4ucw60dbvr1s8no7ju.png);
    height: 50px;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0 40px 0 0;
}

.portfolio__link-u {
    font-size: 16px;
    line-height: 20px;
}

.portfolio__link-head-p {
    margin: 0 0 5px 0;
}

.portfolio__link-url-v {}

.portfolio__link-href-s {
    font-family: 'm900';
    color: #000;
    position: relative;
}

.portfolio__link-line-w {
    position: absolute;
    width: 80%;
    height: 2px;
    background-color: #fb4005;
    left: 0;
    bottom: -3px;
    text-transform: uppercase;
}

.portfolio__description-k {
    font-size: 17px;
    line-height: 33px;
    margin: 35px 0 0 0;
}

.portfolio__right-b {
    flex: 0 0 60%;
}

.portfolio__icons-g {
    display: flex;
    justify-content: space-between;
    margin: 0 -4%;
}

.portfolio__icon-el-m {
    flex: 0 0 33.33%;
    padding: 0 4%;
    display: flex;
    flex-direction: column;
}

.portfolio__icon-i {
    width: 75px;
    aspect-ratio: 1 / 1;
    background-image: url(/local/templates/jvector/images/clock-line-icon.svg);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0 0px 10px 0;
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
}

.portfolio__icon-el-f .portfolio__icon-i {
    background-image: url(/local/templates/jvector/images/direction-.svg);
}

.portfolio__icon-el-c .portfolio__icon-i {
    background-image: url(/local/templates/jvector/images/target-.svg);
}

.portfolio__icon-name-o {
    font-size: 14px;
    line-height: 32px;
    color: #878787;
}

.portfolio__icon-detail-q {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-family: 'm900';
}

.portfolio__icon-el-f {
    flex: 0 0 33.33%;
    padding: 0 4%;
    display: flex;
    flex-direction: column;
}


.portfolio__icon-name-n {}

.portfolio__icon-detail-x {}

.portfolio__icon-el-c {
    flex: 0 0 33.33%;
    padding: 0 4%;
    display: flex;
    flex-direction: column;
}

.portfolio__icon-name-e {}

.portfolio__icon-detail-r {}

.resh-b {
    display: flex;
    justify-content: space-between;
    margin-top: 90px;
}

.resh__left-d {
    flex: 0 0 55%;
    margin: 0 5% 0 0;
}

.resh__header-g {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 34px;
    font-family: 'm900';
    margin: 0 0 40px 0;
}

.resh__detail-j {}

.resh__detail-j p {
    font-size: 17px;
    line-height: 33px;
}

.resh__detail-j ul {}

.resh__detail-j li {
    font-size: 17px;
    line-height: 30px;
    font-family: 'm500';
    display: flex;
    align-items: flex-start;
    margin: 20px 0;
}

.resh__detail-j li:before {
    content: '';
    background: #fe3d00;
    border-radius: 5px;
    margin: 14px 15px 0 0;
    flex: 0 0 20px;
    height: 3px;
}

.resh__right-q {
    flex: 0 0 40%;
    font-size: 17px;
    line-height: 33px;
}

.resh__header-l {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 34px;
    font-family: 'm900';
    margin: 0 0 40px 0;
}

.resh__text-f {}

.resh__text-f strong {
    font-family: 'm900';
    font-size: 23px;
    line-height: 28px;
    display: inline-block;
}

.resh__graph-a {
    background: #f0f0f0;
    position: relative;
    padding: 9%;
    margin: 30px 0 0 0;
}

.resh__graph-a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    right: -100%;
    top: 0;
}

.resh__lines-c {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: relative;
    height: 300px;
}

.resh__dot-first-x {
    display: flex;
    flex-direction: column;
    left: 9%;
    position: absolute;
    bottom: 9%;
    z-index: 1;
}

.resh__percent-y {
    font-size: 16px;
    line-height: 24px;
    font-family: 'm900';
    margin-left: -20px;
}

.resh__circle-t {
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: #fe3d00;
    position: relative;
}

.resh__date-r {
    font-size: 14px;
    line-height: 23px;
}

.resh__dot-two-h {
    left: inherit;
    bottom: inherit;
    right: 20px;
    top: 29px;
}

.resh__percent-k {}

.resh__circle-p {}

.resh__date-u {}

.results-m {
    margin-top: 100px;
}

.results__header-a {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 34px;
    font-family: 'm900';
    margin: 0 0 70px 0;
}

.results__elements-v {
    display: flex;
    margin: 0 -3%;
}

.results__element-n {
    flex: 0 0 25%;
    padding: 0 3%;
}

.results__elements-v-count3 .results__element-n {
    flex: 0 0 33.33%;
}


.results__top-o {
    text-transform: uppercase;
    font-size: 56px;
    line-height: 56px;
    font-family: 'm900';
    margin: 0 0 10px 0;
    color: #fe3d00;
    display: flex;
    align-items: flex-end;
}

.results__top-o span {
    color: #000;
    font-size: 28px;
    line-height: 36px;
    text-transform: lowercase;
    margin: 0 6px 0 0;
}

.results__bottom-b {
    font-size: 17px;
    line-height: 30px;
    font-family: 'm500';
}

.head_l__buttonmobilemenu {
    display: none;
    background-image: url(/local/templates/jvector/images/hamburger-menu-icon.svg);
    margin: 0 0px 0 0;
    width: 35px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}






.linemakesite .linemakesite__inner .linemakesite__element__top .linemakesite__element_1.linemakesite__element {
    width: 53%;
    margin-left: 0.3%;
}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element_2.linemakesite__element {
    margin: 0 0 0 3%;
    width: 30%;
}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element_3.linemakesite__element {
    margin: 0 0 0 3%;
    width: 32%;
}

.linemakesite .linemakesite__inner .linemakesite__element__top .linemakesite__element_4.linemakesite__element {
    margin: 0 0 0 4.7%;
    width: 42%;
}

.linemakesite .linemakesite__inner .linemakesite__element__bottom .linemakesite__element_5.linemakesite__element {
    margin: 0px 0 0 3%;
    width: 29%;
}

.linemakesite.mobile_make_site_line .linemakesite__element.correctmobilesys.mobile_make_site_line {
    margin: 30px 0;
    width: 100%;
}

.linemakesite.mobile_make_site_line {
    overflow: hidden;
    margin: 50px auto 60px auto;
}

.linemakesite.mobile_make_site_line .linemakesite__inner {
    width: 100%;
}

.linemakesite.mobile_make_site_line .linemakesite__element__middle {
    display: none;
}

.linemakesite.mobile_make_site_line .linemakesite__inner .linemakesite__element__bottom {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 0 0;
}

.linemakesite.mobile_make_site_line .linemakesite__inner .linemakesite__element__top {
    flex-direction: column;
    align-items: flex-start;
}

.linemakesite.mobile_make_site_line .linemakesite__inner .linemakesite__element .linemakesite__element__bottom .linemakesite__element__bottom__text {
    border-left: 0;
    margin: 10px 0 0px 0;
    padding: 0 0px 0 0px;
    height: inherit;
}

.linemakesite.mobile_make_site_line .linemakesite__inner .linemakesite__element__bottom .linemakesite__element .linemakesite__element__top .linemakesite__element__top__cifre:before {
    display: none;
}








.slick-dots {
    bottom: -50px;
}

.slick-dots li button:before {
    display: none;
}

.slick-dots li button {
    width: 50px;
    height: 4px;
    background-color: #e9e9e9;
    border-radius: 10px;
    padding: 2px;
}

.slick-dots li {
    width: 50px;
    height: 4px;
}

.slick-dots .slick-active button {
    background-color: #fc3f06;
}










.menu-m {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 5;
    padding: 10px 15px;
    display: none;
}

.menu-m__content {}

.menu-m__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-m__logo {
    background-image: url(/local/templates/jvector/images/logo.svg);
    width: 150px;
    height: 65px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.menu-m__close {
    background-image: url(/local/templates/jvector/images/close-.svg);
    width: 30px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.menu-m__body {
    margin: 50px 0 0 0;
}

.menu-m__services {}

.menu-m__links {}

.menu-m__item {
    margin: 0 0 15px 0px;
}

.menu-m__link {
    font-family: 'm500';
    font-size: 24px;
    line-height: 27px;
    color: #707070;
}

.menu-m__contacts {
    display: flex;
    flex-direction: column;
    margin: 60px 0 0 0;
}

.menu-m__email {
    font-size: 16px;
    line-height: 18px;
    font-family: 'm900';
    color: #000;
}

.menu-m__phone {
    font-size: 26px;
    line-height: 42px;
    font-family: 'm900';
    color: #000;
}

.menu-m__socials {
    display: flex;
    margin: 10px 0 0 -2px;
}

.menu-m__telegram {
    background-image: url(/local/templates/jvector/images/telegram-.svg);
    width: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1;
}



















.adv-need-a {
    margin-top: 110px;
}

.adv-need__title-b {
    font-family: 'm900';
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 80px;
}

.adv-need__items-c {
    display: flex;
    justify-content: space-between;
    grid-gap: 60px;
}

.adv-need__item-d {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    flex: 0 0 calc((100% - 240px) / 5);
}

.adv-need__icon-e {
    width: 70px;
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/local/templates/jvector/images/sites.svg);
    filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
    margin: 0 0 30px 0;
}

.adv-need__desc-f {
    font-family: 'i';
    font-size: 20px;
    line-height: 33px;
    text-align: center;
}

.adv-tasks-g {
    margin-top: 130px;
}

.adv-tasks__title-h {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 90px;
    font-family: 'm900';
}

.adv-tasks__items-i {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0 0 0;
    grid-gap: 50px;
}

.adv-tasks__item-j {
    display: flex;
    align-items: center;
    flex: 0 0 calc((100% - 100px) / 3);
    padding: 25px 0px;
}

.adv-tasks__counter-k {
    border-radius: 50%;
    border: 8px solid #dcdcdc;
    width: 90px;
    flex: 0 0 90px;
    margin: 0 30px 0 0;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'i';
}

.adv-tasks__num-small-l {
    font-size: 46px;
    line-height: 46px;
    color: #ffe5e2;
    margin: -17px -16px 0 0px;
}

.adv-tasks__num-big-m {
    font-size: 75px;
    line-height: 86px;
    color: #fc4005;
    margin: -40px -30px 0px 0;
}

.adv-tasks__text-n {
    font-size: 20px;
    line-height: 28px;
    font-family: 'm500';
}

.adv-need__icon-e--lamp {
    background-image: url(/local/templates/jvector/images/lamp-icon.svg);
}

.adv-need__icon-e--lu {
    background-image: url(/local/templates/jvector/images/find-employee-icon.svg);
}

.adv-need__icon-e--adv {
    background-image: url(/local/templates/jvector/images/social-media-marketing-icon.svg);
}

.adv-need__icon-e--new {
    background-image: url(/local/templates/jvector/images/horse-toys-icon.svg);
    background-size: 60px;
}

.adv-need__icon-e--season {
    background-image: url(/local/templates/jvector/images/beach-svgrepo-com.svg);
    background-size: 78px;
}












.contacts-header-a {
    display: flex;
    gap: 5em;
    align-items: center;
    margin: 60px 0 60px 0;
}
.contacts-info-b {
    background-color: #343745;
    border-radius: 0 40px 40px 0;
    padding: 40px 60px 40px 0px;
    position: relative;
    width: 45%;
    color: #e8e8e8;
}
.contacts-info__title-c {
    font-family: 'm900';
    font-size: 27px;
    line-height: 34px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}
.contacts-info__items-d {
    display: flex;
    /* gap: 5em; */
    justify-content: space-between;
}
.contacts-info__item-e {
    display: flex;
    flex-direction: column;
}
.contacts-info__label-f {
    font-family: 'm500';
    font-size: 20px;
    line-height: 55px;
}
.contacts-info__value-g {
    font-size: 27px;
    line-height: 35px;
    font-family: 'm500';
}
.contacts-info__action-h {
    margin: 40px 0 0 0;
}
.contacts-info__button-i {
    position: relative;
    font-family: 'm900';
    font-size: 27px;
    line-height: 29px;
    display: inline-block;
    cursor: pointer;
}
.contacts-header__text-j {
    width: 50%;
    font-family: 'i';
    font-size: 19px;
    line-height: 34px;
    color: #767676;
}
.contacts-offices-k {}
.contacts-offices__title-l {
    text-transform: uppercase;
    color: #fc4005;
    font-size: 45px;
    line-height: 90px;
    font-family: 'm900';
    margin: 0 0 0 0;
}
.contacts-offices__tabs-m {
    display: flex;
    align-items: center;
    gap: 1em;
    margin: 20px 0 30px 0;
}
.contacts-offices__tab-n {
    background-color: #343745;
    color: #e8e8e8;
    border-radius: 15px;
    padding: 20px 30px;
    display: flex;
    font-size: 19px;
    line-height: 20px;
    font-family: 'm500';
}
.contacts-offices__badge-o {
    font-size: 15px;
    line-height: 7px;
    margin: 0 0 0 5px;
    color: #9b9b9b;
}
.contacts-offices__info-p {
    display: flex;
    justify-content: space-between;
    gap: 2em;
}
.contacts-offices__item-q {
}
.contacts-offices__label-r {
    font-family: 'm500';
    font-size: 26px;
    color: #7c7c7c;
    line-height: 55px;
}
.contacts-offices__content-s {
    display: flex;
    gap: 1em;
}
.contacts-offices__line-t {
    font-size: 23px;
    line-height: 25px;
}
.contacts-offices__map-u {
    height: 450px;
    overflow:hidden;
    border-radius: 15px;
    margin: 40px 0 0 0;
}
.contacts-info-b:before {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: calc(50vw - 50%);
	right: 100%;
	background-color: #343745;
}
.contacts-info__button-i:before {
	content: '';
	background-image: url(/local/templates/jvector/images/arrow.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 18px;
	height: 14px;
	position: absolute;
	filter: invert(32%) sepia(99%) saturate(2816%) hue-rotate(356deg) brightness(97%) contrast(104%);
	top: calc(50% - 7px);
	right: -25px;
}
.contacts-info__button-i:after {
	content: '';
	position: absolute;
	width: 90%;
	height: 2px;
	background-color: #fb4005;
	left: 0;
	bottom: -5px;
}
.contacts-offices__tab-n--soon {
	background-color: #f1f1f15e;
	color: #c3c3c3;
}
.contacts-offices__line-t--orange {
	color: #fc4005;
}
#YMapsID {
	width: 100%;
	height: 100%;
}











.design-intro-a {
    font-family: 'i';
    font-size: 29px;
    line-height: 40px;
    margin-top: 60px;
}

.design-types-b {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.design-types__item-c {
    flex: 0 0 calc(50% - 115px);
    font-family: 'm500';
}

.design-types__title-d {
    font-family: 'm900';
    font-size: 53px;
    line-height: 75px;
    margin: 0 0px 20px 0;
}

.design-types__highlight-e {
    color: #fb4005;
}

.design-types__desc-f {
    font-size: 20px;
    line-height: 30px;
}

.design-types__list-g {
    margin: 20px 0 20px 50px;
}

.design-types__list-g li {
    position: relative;
    font-size: 17px;
    line-height: 30px;
    margin: 30px 0;
}

.design-types__list-g li:before {
    content: '';
    position: absolute;
    width: 13px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: #fb4005;
    top: 8px;
    left: -30px;
}

.design-types__note-h {
    font-size: 17px;
    line-height: 30px;
    margin: 60px 0 0px 0;
}

.design-types__action-i {
    margin: 50px 0 0 0;
}

.design-types__btn-j {
    font-family: 'i';
    text-transform: uppercase;
    cursor: pointer;
    ];
    color: #fb4005;
    display: inline-block;
    border-bottom: 2px solid #fb4005;
    font-size: 32px;
    line-height: 38px;
}















.price-block-a {
    font-family: 'm500';
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    margin-top: 140px;
}

.price-block__main-b {
    flex: 0 0 40%;
}

.price-block__title-c {
    font-family: 'm900';
    font-size: 57px;
    line-height: 63px;
    margin-bottom: 35px;
}

.price-block__title-part-d {
    display: block;
    color: #707070;
}

.price-block__desc-e {
    font-size: 23px;
    line-height: 35px;
    max-width: 530px;
    margin-bottom: 45px;
}

.price-block__list-f {
    margin: 20px 0 20px 50px;
    max-width: 530px;
}

.price-block__item-g {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    margin: 25px 0;
}

.price-block__item-g:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 4px;
    border-radius: 4px;
    background: #fb4005;
    top: 12px;
    left: -50px;
}

.price-block__prices-h {
    flex: 0 0 45%;
    margin: 0 8% 0 0;
}

.price-block__price-i {
    margin: 70px 0;
}

.price-block__value-j {
    font-family: 'i';
    font-size: 38px;
    line-height: 50px;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
}

.price-block__prefix-k {}

.price-block__num-l {
    font-size: 65px;
    line-height: 70px;
    margin: 0 15px;
    color: #fb4005;
}

.price-block__currency-m {}

.price-block__note-n {
    font-family: 'm900';
    font-size: 26px;
    line-height: 33px;
    margin: 20px 0 0 0;
}

.price-block__period-o {}

.price-block__label-p {
    font-family: 'i';
    font-size: 60px;
    text-transform: uppercase;
    line-height: 60px;
    transform: rotate(270deg);
    white-space: nowrap;
    transform-origin: top right;
    position: absolute;
    right: 75px;
    top: calc(50% - 227px);
    opacity: 0.1;
}









.design-steps-a {
    margin-top: 140px;
}

.design-steps__title-b {
    text-transform: uppercase;
    color: #fc4005;
    font-size: 50px;
    line-height: 70px;
    font-family: 'm900';
}

.design-steps__subtitle-c {
    font-size: 18px;
    line-height: 30px;
    margin: 30px 0;
}

.design-steps__container-d {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.design-steps__item-e {
    flex: 0 0 26%;
    border: 4px solid #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 2% 0 2%;
    margin-top: 2%;
}

.design-steps__item-e:nth-of-type(2),
.design-steps__item-e:nth-of-type(5) {
    flex: 0 0 44%;
}

.design-steps__header-f {
    display: flex;
    align-items: center;
}

.design-steps__number-g {
    font-family: 'i';
    font-size: 58px;
    line-height: 60px;
    color: #fc4005;
    margin: 0 20px 0 0;
}

.design-steps__name-h {
    font-family: 'i';
    font-size: 26px;
    line-height: 20px;
}

.design-steps__desc-i {
    font-size: 21px;
    line-height: 32px;
    font-family: 'm500';
    margin: 30px 0 45px 0;
}

.design-steps__tag-j {
    font-family: 'i';
    font-size: 33px;
    line-height: 29px;
    text-transform: uppercase;
    text-align: center;
    color: #ebebeb;
}








@media only screen and (max-width: 1600px) {
    .mainpage_bests .mainpage_bests__toprow .mainpage_bests__toprow__comment {
        font-size: 21px;
        max-width: 700px;
    }

    .mainpage_topservices .mainpage_topservices__left {
        margin-right: 3%;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle {
        margin: 0 0 0 -160px;
        width: 60%;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__weknow {
        width: calc(40% + 150px);
    }

    .contacts-offices__line-t {
        font-size: 20px;
    }
    .contacts-offices__info-p {
        gap: 0em;
    }


}

@media only screen and (max-width: 1450px) {
    .mainpage_topservices {
        flex-direction: column;
    }

    .mainpage_topservices .mainpage_topservices__left {
        margin: 0 0 0 0;
        width: 100%;
        flex: 0 0 100%;
    }

    .mainpage_topservices .mainpage_topservices__left .mainpage_topservices__left__toptext {
        display: flex;
        justify-content: center;
    }

    .mainpage_topservices .mainpage_topservices__left .mainpage_topservices__left__button_callback {
        margin: 70px 0 0 0;
    }

    .mainpage_topservices .mainpage_topservices__bi {
        margin: 50px -15px 0 -15px;
    }

    .mainpage_topservices .mainpage_topservices__bi .mainpage_topservices__bi__elem {
        padding: 0 15px;
    }

    .mainpage_bests .mainpage_bests__toprow {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .mainpage_bests .mainpage_bests__toprow .mainpage_bests__toprow__comment {
        max-width: 100%;
        margin: 40px 0 0 0;
    }

    .mainpage_bests .mainpage_bests__details {
        margin: 0 0 0 0;
    }

    .footer .footer__inner .footer__inner__left {
        flex: 0 0 325px;
        margin: 0px 40px 0 0;
    }

    .footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__phone {
        font-size: 36px;
    }

    .footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row .footer__inner__navs__row__el ul li a {

        font-size: 15px;
        line-height: 21px;
    }


    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle {
        margin: 0 0 0 -220px;
        width: 75%;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__weknow {
        width: calc(25% + 220px);
    }




    .sale-tasks__icon {
        width: 60px;
        flex: 0 0 60px;
        margin: 0 10px 0 0px;
        height: 80px;
        background-size: 48px !important;
        background-position: 0px 0px !important;
    }

    .sale-tasks__left-header {
        font-size: 25px;
        line-height: 37px;
        margin: 0 0 75px 0;
    }

    .sale-tasks__element-name {
        font-size: 15px;
    }

    .sale-tasks__right {
        padding: 0 0 0 4%;
        flex: 0 0 20%;
        font-size: 14px;
    }

    .sale-tasks__steps-list li {
        margin: 25px 0;
    }

    .sale-tasks__content {
        margin: 30px 0 0 0;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__text {
        font-size: 14px;
        line-height: 20px;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__detail .workseosteps__colum__detail__top .workseosteps__colum__detail__top__num {
        flex: 0 0 60px;
        font-size: 92px;
        line-height: 97px;
        margin: 0 20px 0 0px;
    }

    .somebigblockheader {
        font-size: 40px;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__price {
        font-size: 34px;
        line-height: 45px;
        margin: 5px 0 25px 0;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__comment {
        font-size: 16px;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__inner:after {
        display: none;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__inner {
        padding: 30px 30px 30px 30px;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__h {
        align-items: flex-start;
        flex-direction: column;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__h .seorulesbig__faq__h__big {
        margin: 0 0px 10px 0;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__h .seorulesbig__faq__h__small {
        line-height: 21px;
        font-size: 14px;
    }

    .seo-service__element-header {
        font-size: 19px;
    }

    .seo-service__details-item {
        font-size: 16px;
        line-height: 25px;
    }

}

@media only screen and (max-width: 1366px) {
    .topseoregions .topseoregions__regions {
        width: 460px;
    }

    .topseoregions .topseoregions__relems {
        width: calc(100% - 470px);
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle__el {
        right: 10px;
        top: 130px;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__text {
        width: 45%;
        top: 140px;
        padding: 0 0 0 15px;
    }

    .portfolio__screens__list-o {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .portfolio__screen-p {
        flex: 0 0 42%;
        width: 42%;
        margin-bottom: 60px;
    }

    .portfolio__screen-p:last-child {
        margin-bottom: 0px;
    }

    .portfolio__targets__list-j {
        flex-direction: column;
        margin: 0;
    }

    .portfolio__target-k {
        flex: 0 0 100%;
        width: 100%;
        align-items: center;
        padding: 0 0;
        margin-bottom: 10px;
    }

    .portfolio__company-w {
        flex: 0 0 340px;
    }

    .portfolio__left-c {
        flex: 0 0 calc(100% - 400px);
    }



    .design-types__item-c {
        flex: 0 0 calc(50% - 45px);
    }

    .price-block__title-c {
        font-size: 50px;
        line-height: 56px;
    }

    .price-block__main-b {
        flex: 0 0 43%;
    }



    .cms-developer__element {
        flex: 0 0 calc((100% - 50px) / 2);
    }

    .contacts-offices__info-p {
        display: grid;
        grid-template-columns: minmax(20rem, 1fr) auto;
        gap: 3em;
    }
    .contacts-header-a {
        gap: 3em;
    }
    .contacts-info-b {
        width: 50%;
    }

}

@media only screen and (max-width: 1200px) {
    .numbersblock .numbersblock__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__varlist .formcontactall__form__varlist__element span {
        font-size: 15px;
        line-height: 35px;
        padding: 0 15px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__varlist .formcontactall__form__varlist__element {
        padding: 5px 5px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__varlist {
        margin: 10px -5px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__botbut .formcontactall__form__button__botbut__button {
        font-size: 20px;
        line-height: 60px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__mid:after {
        display: none;
    }

    .formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__head div {
        font-size: 40px;
    }

    .formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__head {
        width: 60%;
    }

    .formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__phone {
        width: 40%;
    }

    .headerline .head_l .head_l__logo img {
        width: 215px;
    }

    .headerline .head_l .head_l__phone .head_l__phone__elem a {
        font-size: 18px;
    }

    .headerline .head_l .head_l__buttoncallback .head_l__buttoncallback__elem span {
        font-size: 15px;
        padding: 0 30px;
    }

    .headerline .head_l .head_l__adres .head_l__adres__city {
        font-size: 15px;
        line-height: 19px;
    }

    .headerline .head_l .head_l__adres .head_l__adres__street {
        font-size: 14px;
    }

    .mainpage_topservices .mainpage_topservices__left .mainpage_topservices__left__toptext .mainpage_topservices__left__toptext__elem {
        font-size: 41px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img {
        width: 160px;
        flex: 1 0 160px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img div {
        width: 100px;
        height: 100px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__data__other__text .onconnect__element__text {
        font-size: 15px;
        line-height: 22px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__data__other__text .onconnect__element__head {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 5px 0;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__readinfo {
        flex: 1 0 140px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__readinfo big {
        font-size: 14px;
        line-height: 16px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__readinfo__readbutton {
        flex: 1 0 170px;
    }

    .footer .footer__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer .footer__inner .footer__inner__left {
        flex: 0 0 100%;
        margin: 0px 0px 50px 0;
    }


    .linemakesite {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .linemakesite .linemakesite__inner {
        width: 1170px;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price,
    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__header,
    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__golink,
    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__infotext {
        padding: 0 35px;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__header {
        font-size: 32px;
        line-height: 90px;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__infotext {
        font-size: 18px;
        line-height: 31px;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__pricevalue {
        font-size: 20px;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__pricevalue big {
        font-size: 29px;
        line-height: 38px;
        margin: 0 5px;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__priceline i {
        margin: 0 10px 0 0;
    }

    .makesitepage__expert .makesitepage__expert__circles {
        flex-direction: column;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle {
        margin: 0 0 60px 0;
        width: 100%;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__weknow {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 50px;
    }



    .seopagesfooter__navigation ul li a {
        font-size: 17px;
        line-height: 23px;
    }


    .sitetypesblock__element {
        flex: 0 0 50%;
    }

    .price-site__header {
        font-size: 30px;
        line-height: 36px;
    }

    .price-site__details-item {
        font-size: 17px;
        line-height: 26px;
    }

    .price-site__button {
        width: 100%;
        padding: 0 15px;
    }

    .price-site__button-inner {
        width: 100%;
        padding: 0;
        text-align: center;
        margin: 0 auto;
    }





    .price-support__header-text,
    .dev-tasks__header {
        font-size: 32px;
    }


    .task-price__price-value,
    .task-price__time-value {
        font-size: 20px;
        line-height: 35px;
    }

    .task-price__name-value {
        font-size: 15px;
        line-height: 22px;
    }



    .somebigblockheader {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 30px 0;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum {
        padding: 32px 32px 0 32px;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle {
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    }

    .workseosteps .slick-dots li button {
        height: 10px;
    }



    .contacts-header__text-j {
        display: none;
    }
    .contacts-info-b {
        width: 100%;
        border-radius: 0;
        padding: 40px 0px 40px 0px;
    }
    .contacts-info-b:after {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: calc(50vw - 50%);
        left: 100%;
        background-color: #343745;
    }
    
}

@media only screen and (max-width: 1024px) {
    .mainpage_topservices .mainpage_topservices__bi {
        width: 100%;
        max-width: 100%;
        flex-wrap: nowrap;
    }

    .mainpage_topservices .mainpage_topservices__bi .mainpage_topservices__bi__elem {
        max-width: 100%;
    }


    .headerline .head_l .head_l__adres {
        display: none;
    }

    .headerline .head_l .head_l__buttoncallback {
        display: none;
    }

    .head_l__buttonmobilemenu {
        display: block;
    }

    .navmenu-z {
        display: none;
    }

    .numbersblock .numbersblock__numberslist .numbersblock__numberslist__element {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row {
        flex-direction: column;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__dots .stack_tehnology__row__info__dots__element {
        padding: 15px 0px 15px 20px;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__name {
        width: 100%;
        padding: 0 0px 10px 0;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__name .stack_tehnology__row__name__detail {
        max-width: 100%;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info {
        width: 100%;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__icons .stack_tehnology__row__info__icons__element {
        padding: 0 0px 0 30px;
    }




    .mainpage_topservices {
        margin-top: 0px !important;
    }

    .formcontactall .formcontactall__inner .formcontactall__header {
        flex-direction: column;
    }

    .formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__head {
        width: 100%;
        margin-bottom: 20px;
    }

    .formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__phone {
        width: 100%;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock {
        flex-direction: column;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button {
        width: 100%;
        margin: 15px 0 0 0;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__mid {
        height: inherit;
        max-width: 100%;
        padding: 0 0px 20px 0;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form {
        width: 100%;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo {
        flex-direction: column;
        margin: 0px 0 0 0;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element {
        width: 100%;
        margin: 50px 0 0 0;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other {
        flex-wrap: wrap;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__data__other__text {
        flex: auto;
        margin: 0 0px 20px 0;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__data__other__text .onconnect__element__text {
        font-size: 14px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img {
        width: 130px;
        flex: 1 0 130px;
    }





    .mainpage_topservices .mainpage_topservices__bi:after {
        content: '';
        position: absolute;
        background-image: url(/local/templates/jvector/images/slide-left-right-icon.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 40px;
        width: 40px;
        margin: 0 0 -15px 0;
        filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
        left: calc(50% - 25px);
        bottom: 0;
        opacity: 0.2; 
        animation: linear infinite;
        animation-name: run;
        animation-duration: 1s;
    }
    @keyframes run {
        0% {
            left: calc(50% - 25px);
        }
        25% { 
            left: calc(52% - 25px); 
        }
        50% { 
            left: calc(50% - 25px); 
        }
        75% { 
            left: calc(48% - 25px); 
        }
        100% {
            left: calc(50% - 25px);    
        }
    }






    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img .onconnect__element__img__bgsec {
        left: 8px;
        top: -8px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img .onconnect__element__img__bgfirst {
        left: -8px;
        top: 8px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__img {
        margin: 0px 0px 0 8px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form .formcontactall__form__row {
        margin: 20px -15px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form .formcontactall__form__row .formcontactall__form__row__oneelem {
        padding: 0 15px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form .formcontactall__form__row .formcontactall__form__row__twoelem {
        padding: 0 15px;
    }

    .footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row .footer__inner__navs__row__el {
        width: 50%;
    }

    h1 {
        font-size: 34px;
        line-height: 44px;
    }

    .short_text_header {
        font-size: 15px;
        line-height: 31px;
    }

    .breadcrumbs .breadcrumbs__elemnts {
        flex-wrap: nowrap;
        overflow-y: scroll;
        white-space: nowrap;
        padding: 0 0 10px 0;
    }



    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element {
        width: 100%;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle {
        margin-left: -200px;
        width: calc(100% + 200px);
    }


    .price-site__block {
        flex-direction: column;
    }

    .price-site__details {
        flex: 0 0 100%;
        margin-bottom: 65px;
    }

    .price-site__details-list {
        padding: 0 0 0 20px;
    }

    .sitetypesblock__text {
        font-size: 20px;
        line-height: 32px;
    }

    .sitetypesblock__infotext {
        font-size: 16px;
        line-height: 24px;
    }

    .tasks__elements {
        flex-direction: column;
    }

    .tasks__element {
        width: 100%;
        padding: 20px 20px 30px 20px;
        margin: 10px 0;
    }

    .standards__item {
        width: 50%;
        flex: 0 0 50%;
    }

    .tasks__element-image {
        width: 35px;
        height: 75px;
        margin: 0 10px 0 0;
    }

    .tasks__element-text {
        width: calc(100% - 45px);
    }





    /**-------------------------------*/
    .price-support__table .slick-track {
        display: flex;
        align-items: flex-end;
    }

    .price-support__table-left {
        padding: 0 30px;
    }

    .price-support__table .slick-dots {
        bottom: -70px;
    }

    .price-support__table .slick-dots li {
        height: 10px;
    }

    .price-support__table .slick-dots li button {
        height: 10px;
    }

    .price-support__table-header {
        font-size: 25px;
        line-height: 60px;
    }

    .price-support__table-header--best span {
        width: 50px;
        flex: 0 0 50px;
        height: 50px;
    }

    .price-support__table-header--best .price-support__table-header--bestname {
        font-size: 19px;
        line-height: 26px;
    }

    .price-support__table-detail {
        font-size: 15px;
        line-height: 22px;
    }

    .price-support__table-count-header {
        margin: 30px 0 50px 0;
        font-size: 19px;
        line-height: 30px;
    }

    .price-support__price-detail {
        font-size: 17px;
        line-height: 25px;
    }

    .price-support__table-price {
        display: flex;
        margin: 0px 0 10px 0;
    }

    .price-support__total {
        font-size: 24px;
        line-height: 36px;
        margin: 30px 0 20px 0;
    }

    .price-support__button {
        line-height: 66px;
    }

    .price-support__calc-slider.noUi-target .noUi-handle {
        width: 54px;
        height: 54px;
        top: -22px;
        right: -20px;
    }

    .price-support__calc-slider.noUi-target .noUi-touch-area {
        line-height: 54px;
        font-size: 19px;
    }

    .price-support__calc-start {
        width: 40px;
        height: 40px;
        font-size: 15px;
        line-height: 35px;
        left: -25px;
        top: -15px;
    }

    .price-support__calc-end {
        width: 40px;
        height: 40px;
        font-size: 14px;
        line-height: 35px;
        top: -15px;
    }

    .price-support__nomisu-detail {
        font-size: 17px;
        line-height: 25px;
    }

    .price-support__bottom-element span {
        font-size: 14px;
        line-height: 19px;
    }

    .price-support__table .slick-prev,
    .price-support__table .slick-next {
        display: none !important;
    }

    .price-support__table {
        margin: 0;
    }

    .price-support {
        padding: 0;
    }

    .price-support__header {
        padding: 0 15px;
    }

    /**-------------------------------*/
    /**-------------------------------*/
    .sale-tasks__right {
        display: none;
    }

    .sale-tasks__left {
        flex: 0 0 100%;
    }

    .sale-tasks__left-elements {
        margin: 0 -15px;
    }

    .sale-tasks__element {
        padding: 10px 10px 5px 10px;
    }

    .sale-tasks__element-top div {
        display: none;
    }

    /**-------------------------------*/
    /**-------------------------------*/
    .dev-tasks__priority {
        flex: 0 0 100%;
    }

    .dev-tasks__name {
        flex: 0 0 100%;
        padding: 0;
        margin: 10px 0 10px 0;
        font-size: 15px;
        line-height: 21px;
    }

    .dev-tasks__date-value,
    .dev-tasks__time-text {
        font-size: 17px;
        line-height: 26px;
        font-family: 'm900';
    }

    .dev-tasks__time {
        flex: 0 0 85px;
    }

    .dev-tasks__date {
        flex: 0 0 135px;
    }

    .dev-tasks__time-icon {
        margin: 0 10px 0 0px;
    }

    .dev-tasks__date-header,
    .dev-tasks__time-header {
        font-size: 13px;
    }

    .dev-tasks__time {
        flex: 0 0 75px;
    }

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

    .task-price__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .task-price__name,
    .task-price__time,
    .task-price__price {
        flex: 0 0 100%;
        padding: 20px 15px 10px 15px;
    }


    .workseosteps .workseosteps__colums:before {
        content: '';
        position: absolute;
        background-image: url(/local/templates/jvector/images/slide-left-right-icon.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 80px;
        width: 80px;
        margin: 0 0 25px 0;
        filter: invert(33%) sepia(92%) saturate(4312%) hue-rotate(359deg) brightness(105%) contrast(98%);
        left: calc(50% - 50px);
        opacity: 0.2;
        animation: linear infinite;
        animation-name: run_medium;
        animation-duration: 1s;
    }  
    @keyframes run_medium {
        0% {
            left: calc(50% - 50px);
        }
        25% { 
            left: calc(52% - 50px); 
        }
        50% { 
            left: calc(50% - 50px); 
        }
        75% { 
            left: calc(48% - 50px); 
        }
        100% {
            left: calc(50% - 50px);    
        }
    }


    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__text {
        position: relative;
        top: inherit;
        left: inherit;
        width: 80%;
        text-align: center;
        padding: 0;
        margin: 15px auto 0 auto;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle__el {
        right: 25%;
        bottom: 0;
        top: inherit;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum.third__element .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle__el {
        width: 60%;
        right: 20%;
        max-width: inherit;
    }

    .topseoregions {
        flex-direction: column;
        align-items: flex-start;
    }

    .topseoregions .topseoregions__regions {
        width: 100%;
    }

    .topseoregions .topseoregions__relems {
        width: 100%;
        margin: 90px auto 0 auto;
    }

    .seorulesbig .seorulesbig__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__priceblock {
        width: 100%;
        margin-bottom: 100px;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__faq {
        width: 100%;
    }

    .seo-service__element {
        flex: 0 0 48%;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__data {
        flex-direction: column;
        margin: 50px 0 0 0;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__stats {
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__stats .seokeys__data__stats__elem {
        margin: 0px 40px 0px 0px;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__header .seokeys__header__name {
        font-size: 25px;
        line-height: 39px;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__header .seokeys__header__desc {
        width: 100%;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph {
        width: 100%;
        margin-top: 50px;
    }

    .seokeys .seokeys__inner {
        padding: 40px 0 50px 0;
    }



    .portfolio__block-b {
        flex-direction: column;
    }

    .portfolio__left-c {
        flex: 0 0 100%;
    }

    .portfolio__header-i,
    .portfolio__header-t {
        font-size: 32px;
        line-height: 40px;
    }

    .portfolio__solution-v {
        line-height: 27px;
        font-size: 17px;
    }

    .portfolio__company-w {
        flex: 0 0 100%;
        margin: 40px 0 0 0;
    }



    .portfolio-b {
        margin-top: 60px;
        flex-direction: column;
    }

    .portfolio__left-a {
        flex: 0 0 100%;
        margin: 0 0 80px 0;
    }

    .portfolio__right-b {
        flex: 0 0 100%;
        width: 100%;
    }

    .resh-b {
        margin-top: 80px;
        flex-direction: column;
    }

    .resh__right-q {
        margin-top: 90px;
        flex: 0 0 100%;
        width: 100%;
    }

    .resh__graph-a:before {
        display: none;
    }

    .resh__graph-a {
        padding: 5%;
    }










    .design-types-b {
        flex-direction: column;
        justify-content: flex-start;
    }

    .design-types__item-c {
        flex: 0 0 100%;
        margin-bottom: 90px;
    }

    .price-block-a {
        align-items: flex-start;
        position: relative;
        justify-content: flex-start;
        margin-top: 60px;
        flex-direction: column;
    }

    .price-block__main-b,
    .price-block__prices-h {
        flex: 0 0 100%;
        width: calc(100% - 90px);
        margin: 0;
    }

    .price-block__desc-e,
    .price-block__list-f {
        max-width: 100%;
    }

    .price-block__price-i {
        margin: 20px 0;
    }

    .design-types__title-d {
        font-size: 43px;
        line-height: 60px;
    }

    .design-types__desc-f {
        font-size: 18px;
        line-height: 25px;
    }

    .design-types__list-g li {
        position: relative;
        font-size: 15px;
        line-height: 26px;
        margin: 20px 0;
    }

    .design-types__note-h {
        margin: 30px 0 0px 0;
    }

    .price-block__title-c {
        font-size: 42px;
        line-height: 49px;
    }

    .price-block__desc-e {
        font-size: 21px;
        line-height: 28px;
        max-width: 100%;
        margin-bottom: 37px;
    }

    .price-block__note-n {
        font-family: 'm900';
        font-size: 20px;
        line-height: 27px;
        margin: 10px 0 0 0;
    }

    .price-block__num-l {
        font-size: 48px;
        line-height: 63px;
    }

    .price-block__value-j {
        font-size: 30px;
        line-height: 50px;
    }

    .design-intro-a {
        font-size: 24px;
        line-height: 32px;
    }

    .design-steps__title-b {
        font-size: 42px;
        line-height: 58px;
    }

    .design-steps__subtitle-c {
        font-size: 15px;
        line-height: 28px;
        margin: 30px 0;
    }

    .design-steps__item-e,
    .design-steps__item-e:nth-of-type(2),
    .design-steps__item-e:nth-of-type(5) {
        flex: 0 0 48%;
        padding: 30px 3% 0 3%;
        margin-top: 4%;
    }

    .design-steps__number-g {
        font-size: 44px;
        line-height: 47px;
    }

    .design-steps__desc-i {
        font-size: 16px;
        line-height: 28px;
        margin: 25px 0 35px 0;
    }

    .design-steps__name-h {
        font-size: 21px;
    }

    .design-steps__tag-j {
        font-size: 24px;
        line-height: 22px;
    }






    .adv-need__items-c {
        grid-gap: 30px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .adv-need__item-d {
        flex: 0 0 calc((100% - 60px) / 3);
    }


    .adv-tasks__items-i {
        grid-gap: 30px;
    }

    .adv-tasks__item-j {
        flex: 0 0 calc((100% - 30px) / 2);
        padding: 15px 0px;
    }

    .adv-tasks__text-n {
        font-size: 17px;
        line-height: 25px;
    }





    .contacts-info__title-c {
        font-size: 17px;
        line-height: 25px;
        margin: 0 0 15px 0;
    }
    .contacts-offices__title-l {
        font-size: 26px;
        line-height: 60px;
    }
    .contacts-info__value-g {
        font-size: 16px;
        line-height: 20px;
    }
    .contacts-info__label-f {
        font-size: 15px;
        line-height: 35px;
        cursor: pointer;
    }
    .contacts-info__button-i {
        font-size: 20px;
        line-height: 25px;
    }
    .contacts-offices__info-p {
        grid-template-columns: 1fr;
                gap: 1em;
    }
    .contacts-offices__label-r {
        font-size: 20px;
        line-height: 35px;
    }
    .contacts-offices__line-t {
        font-size: 16px;
    }
    .contacts-offices__tab-n {
        padding: 15px 15px;
        font-size: 15px;
        line-height: 15px;
    }
    .contacts-offices__tabs-m {
        gap: 0.5em;
        margin: 10px 0 10px 0;
    }
    .contacts-offices__badge-o {
        font-size: 10px;
    }
    .contacts-header-a {
            margin: 30px 0 30px 0;
    }
    .contacts-offices__map-u {
        height: 300px;
    }
}


@media only screen and (max-width: 900px) {
    .workseosteps .workseosteps__colums:before {
        top: -40px;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum.second__element .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle__el,
    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle__el {
        max-width: inherit;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle {
        background-size: 110%;
    }

    .sop__i {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 0px;
    }

    .sop__e {
        width: 100%;
        padding: 25px 30px 70px 30px;
        margin: 20px 0px;
    }


    .cms-developer__element {
        flex: 0 0 100%;
    }


}

@media only screen and (max-width: 768px) {
    .mainpage_topservices .mainpage_topservices__left .mainpage_topservices__left__toptext .mainpage_topservices__left__toptext__elem {
        font-size: 25px;
        line-height: 30px;
    }

    .mainpage_topservices .mainpage_topservices__left .mainpage_topservices__left__button_callback {
        margin: 50px 0 0 0;
    }

    .mainpage_topservices .mainpage_topservices__left .mainpage_topservices__left__button_callback span {
        font-size: 18px;
        line-height: 56px;
    }

    .mainpage_topservices .mainpage_topservices__bi .mainpage_topservices__bi__elem .mainpage_topservices__bi__elem__middle .mainpage_topservices__bi__elem__middle__text {
        font-size: 15px;
        line-height: 24px;
    }

    .mainpage_topservices .mainpage_topservices__bi .mainpage_topservices__bi__elem .mainpage_topservices__bi__elem__middle .mainpage_topservices__bi__elem__middle__link a {
        font-size: 18px;
        line-height: 20px;
    }

    .mainpage_topservices .mainpage_topservices__bi .mainpage_topservices__bi__elem .mainpage_topservices__bi__elem__head .mainpage_topservices__bi__elem__head__ico {
        margin: 0 25px 0 0;
    }



    .mainpage_bests .mainpage_bests__toprow .mainpage_bests__toprow__best span {
        font-size: 32px;
        margin: 0 60px 0 0;
    }

    .mainpage_bests .mainpage_bests__details .mainpage_bests__details__itemelem .mainpage_bests__details__itemelem__head {
        font-size: 21px;
    }

    .mainpage_bests .mainpage_bests__details .mainpage_bests__details__itemelem .mainpage_bests__details__itemelem__head:after {
        height: 3px;
    }

    .mainpage_bests .mainpage_bests__details .mainpage_bests__details__itemelem .mainpage_bests__details__itemelem__detail {
        font-size: 16px;
        line-height: 25px;
    }

    .mainpage_bests .mainpage_bests__details .mainpage_bests__details__itemelem {
        margin: 40px 0;
    }

    .numbersblock .numbersblock__header .numbersblock__header__name,
    .lastprojectbig .lastprojectbig__header,
    .stack_tehnology .stack_tehnology__inner .stack_tehnology__inner__head,
    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__header,
    .makesitepage__expert .makesitepage__expert__header,
    .sitetypesblock__inner__header,
    .standards__header,
    .onconnect .onconnect__head {
        font-size: 32px;
    }

    .numbersblock .numbersblock__header .numbersblock__header__comment {
        font-size: 21px;
        line-height: 31px;
    }

    .numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__detail {
        font-size: 16px;
    }

    .numbersblock .numbersblock__numberslist .numbersblock__numberslist__element {
        margin: 25px 0;
    }

    .numbersblock,
    .stack_tehnology {
        padding-top: 60px;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__name .stack_tehnology__row__name__head {
        font-size: 30px;
        line-height: 60px;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__name .stack_tehnology__row__name__detail {
        font-size: 15px;
        line-height: 22px;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__dots .stack_tehnology__row__info__dots__element {
        padding: 5px 0px 5px 20px;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__dots .stack_tehnology__row__info__dots__element span {
        font-size: 15px;
        line-height: 26px;
        padding: 0 30px;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row .stack_tehnology__row__info .stack_tehnology__row__info__icons .stack_tehnology__row__info__icons__element img {
        width: 50px;
        height: 50px;
    }

    .stack_tehnology .stack_tehnology__inner .stack_tehnology__row {
        margin: 40px 0;
    }

    .formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__head div {
        font-size: 32px;
    }

    .formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__phone div {
        font-size: 17px;
        line-height: 22px;
        margin: 0px 0 5px 0;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__header {
        font-size: 21px;
        line-height: 30px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form .formcontactall__form__row .formcontactall__form__row__twoelem {
        width: 100%;
        padding: 5px 15px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__form .formcontactall__form__row {
        flex-direction: column;
    }

    .numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__cifre .numbersblock__numberslist__element__cifre__cifre {
        font-size: 88px;
        line-height: 103px;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner {
        height: 430px;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__head {
        font-size: 17px;
        line-height: 25px;
        margin: 0 0px 15px 0;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__text {
        font-size: 15px;
        line-height: 24px;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__head {
        line-height: 25px;
        margin: 0 0px 15px 0;

    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__mobile span,
    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__dev span,
    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__design span {
        font-size: 15px;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__mobile i,
    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__dev i,
    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem .lastprojectbig__inner__workelem__design i {
        width: 20px;
        height: 20px;
    }

    .formcontactall {
        margin-top: 90px;
    }

    .lastprojectbig .lastprojectbig__header {
        margin-bottom: 30px;
    }

    .lastprojectbig {
        padding-top: 80px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element {
        margin: 35px 0;
    }

    .footer {
        margin-top: 140px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__line {
        width: 100%;
    }


    .seopagesfooter__navigation {
        flex-direction: column;
    }

    .seopagesfooter__bigright {
        margin: 50px 0 0 0;
    }

    .seopagesfooter__bigleft {
        width: 100%;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
        background: none;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle ul {
        margin: 0 0 0 40px;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle ul li:before {
        content: '';
        width: 30px;
        height: 4px;
        border-radius: 5px;
        background: #fc3f06;
        position: absolute;
        left: -40px;
        top: 7px;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__circle {
        height: inherit;
    }


    .sitetypesblock__element {
        flex: 0 0 100%;
    }

    .sitetypesblock__image {
        margin: 5px 0 10px 0;
    }

    .sitetypesblock__element {
        margin: 35px 0;
    }



    .standards__item-head {
        font-size: 18px;
        line-height: 28px;
    }

    .standards__item-detail {
        font-size: 15px;
        line-height: 25px;
    }

    .price-support__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .price-support__header-text {
        line-height: 50px;
        margin: 0 0px 20px 0;
    }

    .sale-tasks__title {
        font-size: 22px;
        line-height: 29px;
    }

    .sale-tasks__comment {
        font-size: 18px;
        line-height: 26px;
    }

    .sale-tasks__left-header {
        font-size: 18px;
        line-height: 30px;
        margin: 0px 0 45px 0;
    }

    .sale-tasks__element {
        flex: 0 0 100%;
    }

    .sale-tasks__icon--second {
        display: none;
    }

    .sale-tasks__left-elements {
        flex-direction: column;
        justify-content: flex-start;
    }

    .sale-tasks__element {
        display: flex;
        flex-direction: row;
        align-items: center;
        border-top: 1px dashed #ccc;
        max-width: 100%;
    }

    .sale-tasks__element-name {
        margin: 0;
    }

    .sale-tasks__icon {
        background-position: center !important;
    }

    .sale-tasks__element:last-child {
        border-bottom: 0;
    }

    .sale-tasks__element:first-child {
        border-top: 0;
    }

    .sale-tasks__table__inner {
        padding-bottom: 30px;
    }

    .sale-tasks__contacts-div.row_element__half {
        flex: 0 0 100%;
        margin: 20px 0 0 0;
    }

    .sale-tasks__contacts-buttonsend {
        width: 100%;
        text-align: center;
        padding: 0;
        font-size: 20px;
        line-height: 57px;
    }

    .sale-tasks__step-text {
        font-size: 14px;
        line-height: 16px;
        width: 85px;
    }

    .sale-tasks__steps {
        flex-wrap: wrap;
    }

    .sale-tasks__step-line__back {
        flex: 0 0 100%;
        margin: 20px 0 0 0;
    }

    .sale-tasks__step-line {
        width: calc(100% - 85px);
        margin: 0 0px 0 0;
        max-width: 100%;
    }

    .price-support__calc-start {
        left: -20px;
    }

    .price-support__calc-end {
        right: -20px;
    }

    .dev-tasks__header {
        line-height: 50px;
        margin: 0 0 20px 0;
    }

    .dev-tasks {
        margin-top: 80px;
    }

    .workseosteps .slick-arrow {
        display: none !important;
    }


    .portfolio__image--phone-g {
        right: 0;
    }

    .modal-a__window {
        width: 90%;
        left: 5%;
        padding: 30px 20px 30px 20px;
    }

    .modal-a__title--closemodal {
        right: -10px;
        top: -20px;
    }

    .modal-a__title {
        padding-top: 30px;
        font-size: 22px;
        line-height: 30px;
    }

    .modal-a__input {
        margin: 10px 0;
    }

    .modal-a__rule {
        font-size: 14px;
        line-height: 19px;
    }

    .modal-a__window__logoback {
        width: 90%;
        height: 90%;
        left: 5%;
        top: 5%;
        align-items: center;
    }






    .adv-tasks__title-h {
        font-size: 32px;
        line-height: 45px;
    }

    .adv-need__title-b {
        font-size: 20px;
    }


}

@media only screen and (max-width: 630px) {


    .cms-developer__button-elem:before {
        display: none;
    }

    .cookie__text-p {
    	font-size: 14px;
	    line-height: 19px;
	    padding: 0px 5px 0 0;
    }
    .cookie__button-s {
	    padding: 5px 5px;
    	font-size: 14px;
    }
    .cookie__inner-l {
    	padding: 10px 10px;
    }

    .headerline .head_l .head_l__navs {
        display: none;
    }

    .mainpage_topservices .mainpage_topservices__bi {
        margin-top: 20px;
    }

    .headerline .head_l .head_l__phone .head_l__phone__elem a {
        font-size: 19px;
    }

    .mainpage_bests .mainpage_bests__toprow .mainpage_bests__toprow__best span {
        font-size: 18px;
    }

    .slick-dots li {
        width: 30px;
    }

    .slick-dots li button {
        width: 30px;
    }

    .mainpage_topservices .mainpage_topservices__left .mainpage_topservices__left__toptext .mainpage_topservices__left__toptext__elem {
        font-size: 21px;
    }

    .mainpage_bests .mainpage_bests__toprow .mainpage_bests__toprow__comment {
        margin: 30px 0 0 0;
        font-size: 17px;
    }

    .mainpage_bests .mainpage_bests__details .mainpage_bests__details__itemelem .mainpage_bests__details__itemelem__head:after {
        display: none;
    }

    .mainpage_bests .mainpage_bests__details .mainpage_bests__details__itemelem .mainpage_bests__details__itemelem__head {
        font-size: 19px;
        line-height: 25px;
    }

    .mainpage_bests .mainpage_bests__details .mainpage_bests__details__itemelem .mainpage_bests__details__itemelem__detail {
        margin: 15px 0 0 0;
    }

    .formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__head div {
        font-size: 19px;
    }

    .formcontactall {
        padding-top: 20px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__top {
        margin: 0 0 10px 0;
        font-size: 17px;
        line-height: 27px;
    }

    .numbersblock .numbersblock__header .numbersblock__header__name,
    .lastprojectbig .lastprojectbig__header,
    .stack_tehnology .stack_tehnology__inner .stack_tehnology__inner__head,
    .onconnect .onconnect__head {
        font-size: 22px;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner {
        height: 240px;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__workelem {
        display: none;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__rowtwo .lastprojectbig__inner__rowtwo__element .lastprojectbig__inner__rowtwo__element__inner .lastprojectbig__inner__rowtwo__element__inner__text {
        margin-bottom: 0;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner {
        height: 240px;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__workelem {
        display: none;
    }

    .lastprojectbig .lastprojectbig__inner .lastprojectbig__inner__big .lastprojectbig__inner__big__inner .lastprojectbig__inner__big__inner__text {
        margin-bottom: 0;
    }

    .numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__cifre .numbersblock__numberslist__element__cifre__cifre {
        font-size: 94px;
        line-height: 63px;
    }

    .headerline {
        padding-top: 20px;
    }

    .mainpage_topservices .mainpage_topservices__left .mainpage_topservices__left__toptext .mainpage_topservices__left__toptext__elem {
        font-size: 18px;
    }

    .numbersblock .numbersblock__header .numbersblock__header__comment {
        font-size: 17px;
        line-height: 29px;
        text-align: left;
    }

    .numbersblock .numbersblock__numberslist .numbersblock__numberslist__element {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__header {
        font-size: 16px;
        line-height: 25px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__botbut .formcontactall__form__button__botbut__button {
        font-size: 18px;
        line-height: 51px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element {
        flex-direction: column;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__line {
        display: none;
    }

    .head_l__buttonmobilemenu {
        width: 25px;
        height: 31px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__data__other__text .onconnect__element__head {
        line-height: 23px;
    }

    .onconnect .onconnect__inner .onconnect__inner__element .onconnect__inner__element__data .onconnect__element__data__other .onconnect__element__readinfo {
        margin-bottom: 10px;
    }

    .footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__phone {
        font-size: 33px;
    }

    .footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__callback {
        flex-wrap: wrap;
    }

    .footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__callback .footer__inner__callback__call {
        margin: 0 0px 30px 0;
    }

    .footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__callback .footer__inner__callback__wtsp,
    .footer .footer__inner .footer__inner__left .footer__inner__left__emailphone .footer__inner__emailphone__callback .footer__inner__callback__chat {
        display: none;
    }

    .footer .footer__inner .footer__inner__right .footer__inner__right__navs .footer__inner__right__navs__row .footer__inner__navs__row__el {
        width: 100%;
    }

    .head_l__logo_mobilelogo {
        display: inline;
    }

    .head_l__logo_logo {
        display: none;
    }

    .headerline .head_l .head_l__logo img {
        width: 40px;
    }

    .formcontactall .formcontactall__inner .formcontactall__header .formcontactall__header__head p {
        font-size: 17px;
        line-height: 23px;
    }

    .formcontactall .formcontactall__inner .formcontactall__form .formcontactall__form__inputsblock .formcontactall__form__inputsblock__button .formcontactall__form__button__botbut .formcontactall__form__button__botbut__confirm {
        margin: 15px 0 0 0;
        font-size: 14px;
        line-height: 19px;
    }


    .button__request_price {
        flex-direction: column;
        align-items: flex-start;
    }

    .button__request_price .button__request_price__request {
        width: 100%;
        text-align: center;
        padding: 0;
        font-size: 22px;
        margin: 0 0 20px 0;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price,
    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__header,
    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__golink,
    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__infotext {
        padding: 0 10px;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__header {
        border-radius: 15px;
        font-size: 26px;
        line-height: 64px;
    }


    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price {
        flex-direction: column;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__pricevalue {
        width: 100%;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element .sitemaking_vector__element__price .sitemaking_vector__element__priceline {
        width: 100%;
        margin: 15px 0 0 0;
    }

    .sitemaking_vector .sitemaking_vector__inner .sitemaking_vector__elements .sitemaking_vector__element {
        margin: 30px 0;
    }

    .makesitepage__expert .makesitepage__expert__circles .makesitepage__expert__weknow {
        padding: 20px 15px 20px 15px;
        margin: 0 -15px;
        width: calc(100% + 30px);
        border-radius: 15px;
    }

    .standards__item {
        width: 100%;
        flex: 0 0 100%;
    }

    .price-support__table-header--best .price-support__table-header--bestname {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
    }

    .price-support__total {
        font-size: 19px;
        line-height: 27px;
        margin: 20px 0 20px 0;
    }

    .price-support__icon,
    .price-support__nomisu-icon {
        width: 32px;
        height: 30px;
        flex: 0 0 40px;
    }

    .price-support__calc-start {
        left: -10px;
    }

    .price-support__calc-end {
        right: -10px;
    }

    .price-support__button {
        font-size: 18px;
        line-height: 55px;
        text-transform: uppercase;
    }

    .price-support__table-left {
        padding: 0 10px;
    }

    .tasks__header {
        font-size: 27px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .seopagesfooter__bigleft__links ul {
        width: 100%;
    }

    .seopagesfooter__bigleft__links {
        flex-direction: column;
    }



    .workseosteps .somebigblockheader,
    .seorulesbig .somebigblockheader,
    .seokeys .somebigblockheader,
    .seo-service .somebigblockheader {
        font-size: 25px;
        line-height: 30px;
    }

    .seo-service__element {
        flex: 0 0 100%;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__stats {
        align-items: flex-start;
        flex-direction: column;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__stats .seokeys__data__stats__elem {
        margin: 0px 0px 20px 0px;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__data .seokeys__data__graph .seokeys__data__graph__global .seokeys__data__graph__workelem__top_bot {
        display: none;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__results .seorulesbig__priceblock__results__elems .seorulesbig__priceblock__results__elem span {
        font-size: 15px;
        line-height: 20px;
        text-align: center;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__priceblock .seorulesbig__priceblock__price {
        font-size: 24px;
        line-height: 35px;
    }

    .topseoregions .topseoregions__relems {
        flex-wrap: wrap;
    }

    .topseoregions .topseoregions__relems .topseoregions__relems__elem {
        flex: 0 0 50%;
        margin: 30px 0;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum {
        padding: 32px 0px 0 0px;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle {
        box-shadow: none;
        background: #f2f2f2;
        width: 100%;
        margin: 0 auto;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__detail .workseosteps__colum__detail__top .workseosteps__colum__detail__top__name {
        font-size: 18px;
        line-height: 23px;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__o {
        padding: 25px 0 0 0;
        font-size: 14px;
        line-height: 19px;
    }

    .workseosteps .workseosteps__colums .workseosteps__colum .workseosteps__colum__bigcicle .workseosteps__bigcicle__circle__el {
        border: 3px solid #fc3f05;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__inner {
        padding: 20px 15px 20px 15px;
        margin: 0 -15px;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el.active .seorulesbig__faq__elems__el__q:after,
    .seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el .seorulesbig__faq__elems__el__q:after {
        display: none;
    }

    .topseoregions .topseoregions__relems .topseoregions__relems__elem .topseoregions__relems__elem__icon {
        height: 50px;
        width: 60px;
    }

    .topseoregions .topseoregions__relems .topseoregions__relems__elem .topseoregions__relems__elem__info {
        font-family: 'm500';
    }

    .topseoregions .topseoregions__relems .topseoregions__relems__elem .topseoregions__relems__elem__icon.topseoregions__relems__elem__icon__marketing {
        background-size: contain;
    }

    .topseoregions .topseoregions__relems {
        margin: 40px auto 0 auto;
    }

    .workseosteps {
        margin-top: 40px;
    }

    .topseoregions .topseoregions__regions .topseoregions__regions__inner .topseoregions__regions__inner__header {
        font-size: 18px;
        line-height: 25px;
    }

    .topseoregions .topseoregions__regions .topseoregions__regions__inner ul {
        font-size: 16px;
        line-height: 25px;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el .seorulesbig__faq__elems__el__q {
        font-size: 16px;
        line-height: 22px;
    }

    .seorulesbig .seorulesbig__inner .seorulesbig__faq .seorulesbig__faq__elems .seorulesbig__faq__elems__el .seorulesbig__faq__elems__el__a {
        border-radius: 10px;
        padding: 10px 15px;
        margin: 0 0 0 20px;
        font-size: 14px;
        line-height: 22px;
    }

    .seokeys .seokeys__inner .seokeys__innerInner .seokeys__header .seokeys__header__desc {
        font-size: 15px;
    }

    .sop__e {
        padding: 25px 10px 70px 10px;
    }

    .sop__cmt {
        font-size: 16px;
    }

    .sop__s__l a {
        font-size: 15px;
    }

    .sop__e {
        background-size: auto 100px;
    }

    .numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__cifre .numbersblock__numberslist__element__cifre__cifre .numbersblock__numberslist__element__cifre__cifre__sec {
        left: 3px;
        top: -3px;
    }

    .numbersblock .numbersblock__numberslist .numbersblock__numberslist__element .numbersblock__numberslist__element__cifre .numbersblock__numberslist__element__cifre__cifre .numbersblock__numberslist__element__cifre__cifre__third {
        left: 6px;
        top: -6px;
    }


    .portfolio__screen-p {
        flex: 0 0 100%;
        width: 100%;
        margin: 0 0 60px 0;
        height: 350px;
    }

    .portfolio__screens-n {
        margin-right: -15px;
        padding-right: 15px;
    }

    .portfolio__target__text-m {
        font-size: 17px;
        line-height: 25px;
    }



    .portfolio__icons-g {
        margin: 0;
        flex-direction: column;
    }

    .portfolio__icon-el-m,
    .portfolio__icon-el-f,
    .portfolio__icon-el-c {
        flex: 0 0 100%;
        width: 100%;
        padding: 0;
        flex-direction: row;
        align-items: center;
        margin: 40px 0;
    }

    .portfolio__icon-i {
        flex: 0 0 75px;
        margin: 0 15px 0px 0;
    }

    .portfolio__icon-name-o--block {
        flex: 0 0 calc(100% - 90px);
    }

    .portfolio__left-a {
        margin: 0 0 30px 0;
    }

    .resh-b {
        margin-top: 50px;
    }

    .results__elements-v {
        margin: 0 0;
        flex-direction: column;
    }

    .results__elements-v-count3 .results__element-n,
    .results__element-n {
        flex: 0 0 100%;
        padding: 0 0%;
        margin: 0 0 40px 0;
    }

    .portfolio__top-m {
        align-items: flex-start;
        flex-direction: column;
    }

    .portfolio__logo-h {
        width: 160px;
        margin: 0 0 15px 0;
    }

    .portfolio-b {
        margin-top: 0px;
    }






    .design-types__title-d {
        font-size: 28px;
        line-height: 49px;
    }

    .design-intro-a {
        font-size: 22px;
        line-height: 32px;
    }

    .price-block__title-c {
        font-size: 28px;
        line-height: 37px;
    }

    .price-block__desc-e {
        font-size: 16px;
        line-height: 28px;
    }

    .price-block__label-p {
        font-size: 24px;
        line-height: 27px;
        right: 35px;
        top: 0;
    }

    .price-block__main-b,
    .price-block__prices-h {
        width: calc(100% - 25px);
    }

    .price-block__item-g {
        font-size: 15px;
        line-height: 27px;
        margin: 14px 0;
    }

    .price-block__item-g:before {
        width: 23px;
        top: 10px;
        left: -35px;
    }

    .price-block__list-f {
        margin: 20px 0 20px 35px;
    }

    .design-steps__title-b {
        font-size: 22px;
        line-height: 35px;
    }

    .design-steps__item-e,
    .design-steps__item-e:nth-of-type(2),
    .design-steps__item-e:nth-of-type(5) {
        flex: 0 0 100%;
    }








    .adv-need__items-c {
        grid-gap: 0;
    }

    .adv-need__item-d {
        flex: 0 0 100%;
        margin-bottom: 45px;
    }

    .adv-need__desc-f {
        font-size: 17px;
        line-height: 31px;
    }

    .adv-tasks__items-i {
        grid-gap: 0px;
    }

    .adv-tasks__item-j {
        flex: 0 0 100%;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .adv-tasks__counter-k {
        border: 5px solid #dcdcdc;
        width: 70px;
        flex: 0 0 70px;
        margin: 0 10px 0 0;
        height: 70px;
    }

    .adv-tasks__text-n {
        font-size: 16px;
        line-height: 21px;
    }




}