@font-face {
   font-family: Gotham Pro;
   font-style: normal;
   font-weight: 400;
   src: url("../fonts/reg/gothampro.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Gotham Pro;
   font-style: normal;
   font-weight: 500;
   src: url("../fonts/bold/gothampro-bold.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Gotham Pro;
   font-style: normal;
   font-weight: 700;
   src: url("../fonts/bold/gothampro-bold.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: italic;
   font-weight: 100;
   src: local("Roboto Thin Italic"), local(Roboto-ThinItalic), url("//fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzAdKQ.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: italic;
   font-weight: 300;
   src: local("Roboto Light Italic"), local(Roboto-LightItalic), url("//fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc6CsI.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: italic;
   font-weight: 400;
   src: local("Roboto Italic"), local(Roboto-Italic), url("//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzQ.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: italic;
   font-weight: 500;
   src: local("Roboto Medium Italic"), local(Roboto-MediumItalic), url("//fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc6CsI.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: italic;
   font-weight: 700;
   src: local("Roboto Bold Italic"), local(Roboto-BoldItalic), url("//fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsI.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: italic;
   font-weight: 900;
   src: local("Roboto Black Italic"), local(Roboto-BlackItalic), url("//fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TLBCc6CsI.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: normal;
   font-weight: 100;
   src: local("Roboto Thin"), local(Roboto-Thin), url("//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzQ.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   src: local("Roboto Light"), local(Roboto-Light), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc-.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   src: local(Roboto), local(Roboto-Regular), url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxM.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   src: local("Roboto Medium"), local(Roboto-Medium), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc-.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   src: local("Roboto Bold"), local(Roboto-Bold), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc-.woff") format("woff");
   font-display: swap
}

@font-face {
   font-family: Roboto;
   font-style: normal;
   font-weight: 900;
   src: local("Roboto Black"), local(Roboto-Black), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc-.woff") format("woff");
   font-display: swap
}

html,
ins,
legend,
mark {
   color: #000
}

a,
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
   margin: 0;
   padding: 0
}

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

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
   font-style: normal;
   font-weight: 400
}

caption {
   text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 400
}

abbr,
acronym {
   border: 0;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal
}

input,
select,
textarea {
   font-family: inherit;
   font-weight: inherit;
   font-size: 100%
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: 0 0
}

ins,
mark {
   background-color: #ff9
}

body {
   line-height: 1
}

nav ul {
   list-style: none
}

blockquote,
q {
   quotes: none
}

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

a {
   font-size: 100%;
   vertical-align: baseline;
   background: 0 0
}

ins {
   text-decoration: none
}

mark {
   font-style: italic;
   font-weight: 700
}

del {
   text-decoration: line-through
}

abbr[title],
dfn[title] {
   border-bottom: 1px dotted;
   cursor: help
}

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

hr {
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0
}

input,
select {
   vertical-align: middle
}

:root {
   --defaultFont: "Gotham Pro", Arial, sans-serif;
   --baseWidth: 1394px;
   --mainColor: #cb2b21;
   --secondColor: #f0f0f0;
   --borderColor: #eef2f5;
   --boxShadow: 0 0 15px 0 rgba(0, 0, 0, 0.15)
}

html {
   font-size: 100%
}

a,
button,
input,
select,
textarea {
   outline: none
}

::-webkit-input-placeholder {
   color: #adb4c6;
   opacity: 1
}

:-moz-placeholder,
::-moz-placeholder {
   color: #adb4c6;
   opacity: 1
}

:-ms-input-placeholder {
   color: #adb4c6;
   opacity: 1
}

.slick-arrow {
   border: none;
   background: none;
   padding: 0;
   text-indent: -9999px;
   overflow: hidden
}

.swiper-button-disabled {
   opacity: 0.5;
   pointer-events: none
}

.slick-slide {
   height: auto !important
}

button,
input:not([type]),
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font: inherit
}

button:focus::-webkit-input-placeholder,
input:not([type]):focus::-webkit-input-placeholder,
input[type=color]:focus::-webkit-input-placeholder,
input[type=date]:focus::-webkit-input-placeholder,
input[type=datetime-local]:focus::-webkit-input-placeholder,
input[type=datetime]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=month]:focus::-webkit-input-placeholder,
input[type=number]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
input[type=search]:focus::-webkit-input-placeholder,
input[type=submit]:focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder,
input[type=text]:focus::-webkit-input-placeholder,
input[type=time]:focus::-webkit-input-placeholder,
input[type=url]:focus::-webkit-input-placeholder,
input[type=week]:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   opacity: 0
}

button:focus:-moz-placeholder,
button:focus::-moz-placeholder,
input:not([type]):focus:-moz-placeholder,
input:not([type]):focus::-moz-placeholder,
input[type=color]:focus:-moz-placeholder,
input[type=color]:focus::-moz-placeholder,
input[type=date]:focus:-moz-placeholder,
input[type=date]:focus::-moz-placeholder,
input[type=datetime-local]:focus:-moz-placeholder,
input[type=datetime-local]:focus::-moz-placeholder,
input[type=datetime]:focus:-moz-placeholder,
input[type=datetime]:focus::-moz-placeholder,
input[type=email]:focus:-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=month]:focus:-moz-placeholder,
input[type=month]:focus::-moz-placeholder,
input[type=number]:focus:-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=password]:focus:-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=search]:focus:-moz-placeholder,
input[type=search]:focus::-moz-placeholder,
input[type=submit]:focus:-moz-placeholder,
input[type=submit]:focus::-moz-placeholder,
input[type=tel]:focus:-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
input[type=text]:focus:-moz-placeholder,
input[type=text]:focus::-moz-placeholder,
input[type=time]:focus:-moz-placeholder,
input[type=time]:focus::-moz-placeholder,
input[type=url]:focus:-moz-placeholder,
input[type=url]:focus::-moz-placeholder,
input[type=week]:focus:-moz-placeholder,
input[type=week]:focus::-moz-placeholder,
select:focus:-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus:-moz-placeholder,
textarea:focus::-moz-placeholder {
   opacity: 0
}

button:focus:-ms-input-placeholder,
input:not([type]):focus:-ms-input-placeholder,
input[type=color]:focus:-ms-input-placeholder,
input[type=date]:focus:-ms-input-placeholder,
input[type=datetime-local]:focus:-ms-input-placeholder,
input[type=datetime]:focus:-ms-input-placeholder,
input[type=email]:focus:-ms-input-placeholder,
input[type=month]:focus:-ms-input-placeholder,
input[type=number]:focus:-ms-input-placeholder,
input[type=password]:focus:-ms-input-placeholder,
input[type=search]:focus:-ms-input-placeholder,
input[type=submit]:focus:-ms-input-placeholder,
input[type=tel]:focus:-ms-input-placeholder,
input[type=text]:focus:-ms-input-placeholder,
input[type=time]:focus:-ms-input-placeholder,
input[type=url]:focus:-ms-input-placeholder,
input[type=week]:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
   opacity: 0
}

input:not([type]),
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
   border-radius: 0
}

*,
:after,
:before {
   box-sizing: border-box
}

[v-cloak] {
   display: none
}

i.rub {
   font-family: Roboto;
   font-style: normal
}

address {
   font-weight: inherit
}

body {
   min-width: 320px;
   line-height: 1.38;
   font-family: Gotham Pro, Arial, sans-serif;
   font-family: var(--defaultFont);
   font-weight: 300;
   font-size: 16px;
   background: #fff;
   color: #000;
   position: relative;
   left: 0;
   display: flex;
   flex-direction: column;
   width: 100%
}

body:not(.main) {
   min-height: 100vh
}

body.main .right-btn {
   opacity: 1
}

body.main:after {
   content: "";
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   position: fixed;
   background: url("../img/loader.svg") 50% no-repeat, #fff;
   pointer-events: none;
   opacity: 0;
   z-index: 20
}

body.main.loading:after {
   opacity: 1;
   pointer-events: all
}

body.main #content {
   transition: -webkit-transform 0.8s ease;
   transition: transform 0.8s ease;
   transition: transform 0.8s ease, -webkit-transform 0.8s ease;
   will-change: transform
}

body.white .fp-scroll {
   color: #000;
   background: #fff
}
header > .white-btn {display: none; width: max-content; margin: auto; border: 1px solid var(--mainColor); padding: 8px 16px; margin-bottom: 16px;}
body.white .right-btn__link:hover {background: #df2f24; color: #fff; border: 1px solid #fff;}
body.white .right-btn__link {
   background-image: url("../img/ico-right-btn-red.png");
   background-color: #fff;
}

body.js__scroll-to-footer #content {
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0)
}

body.inner #content {
   display: flex;
   flex: 1 1 auto
}

body.has-top-slider .inner-content {
   margin: 0
}

body.has-top-slider .inner-content>.wrapper {
   max-width: none;
   padding: 0
}

body.has-top-slider .inner-content__title {
   position: relative
}

h3 {
   margin-bottom: 15px
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   text-indent: 0.01px;
   text-overflow: "";
   -ms-appearance: none;
   appearance: none !important
}

select::-ms-expand {
   display: none
}

.footer,
.head {
   flex: none
}

#content {
   height: 100%;
   flex-direction: column;
   position: relative;
   z-index: 2
}

a {
   color: #000;
   font-weight: inherit;
   text-decoration: none
}

a[href^=mail],
a[href^=tel] {
   white-space: nowrap
}

a:not([class]) {
   color: #cb2b21;
   color: var(--mainColor);
   border-bottom: 1px solid transparent
}

a:not([class]):focus,
a:not([class]):hover {
   border-color: currentColor
}

.wrapper {
   max-width: 1394px;
   max-width: var(--baseWidth);
   padding: 0 2rem;
   margin: 0 auto;
   box-sizing: content-box
}

button,
input[type=submit] {
   cursor: pointer
}

img,
svg {
   max-width: 100%
}

li {
   list-style: none
}

.table-wrap {
   position: relative
}

.table-wrap__track {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch
}

.table-wrap__shadow {
   width: 12px;
   top: 0;
   bottom: 0;
   position: absolute;
   pointer-events: none;
   background: linear-gradient(90deg, rgba(0, 0, 0, .0001), rgba(0, 0, 0, .1));
   opacity: 0
}

.table-wrap__shadow--left {
   left: 0;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

.table-wrap__shadow--right {
   right: 0
}

.soc {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: -10px
}

.soc__link {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 10px
}

.soc__link:not(:last-child) {
   margin-right: 30px
}

.quality-btn {
   border-radius: 30px;
   background: url("../img/ico-quality.png") left 25px center no-repeat;
   background-color: #cb2b21;
   background-color: var(--mainColor);
   transition: background-color 0.3s ease;
   color: #fff;
   display: inline-block;
   padding: 15px 27px 15px 60px
}

.quality-btn:focus,
.quality-btn:hover {
   background-color: #df2f24
}

.swiper-list {
   overflow: hidden
}

.default-btn {
   border-radius: 31px;
   padding: 15px 39px;
   line-height: 1;
   border: 1px solid #cb2b21;
   border: 1px solid var(--mainColor);
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   display: inline-block;
   transition: background 0.3s ease;
   white-space: nowrap
}

.default-btn:focus,
.default-btn:hover {
   background: #df2f24
}

.category {
   position: relative;
   background: #eeeded;
   padding: 9px 14px 11px 36px;
   border-radius: 6px
}

.category:before {
   content: "";
   top: calc(50% - 5px);
   left: 15px;
   position: absolute;
   border-radius: 50%;
   width: 9px;
   height: 9px
}

.category--context:before {
   background: #9f388f
}

.category--media:before {
   background: #db460e
}

.category--soc:before {
   background: #643293
}

.category--seo:before {
   background: #b32a54
}

.category--audit:before {
   background: #df2115
}

.category--consalt:before {
   background: #9bae3c
}

.category--analit:before {
   background: #01b1bb
}

.category--target:before {
   background: #01899c
}

.category--develop:before {
   background: #628de3
}

.arrow-btn {
   border-radius: 27px;
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   display: inline-block;
   padding: 14px 34px;
   position: relative;
   transition: background 0.3s ease
}

.arrow-btn:focus,
.arrow-btn:hover {
   background: #df2f24
}

.arrow-btn:after,
.arrow-btn:before {
   content: "";
   position: absolute
}

.arrow-btn:before {
   width: 21px;
   height: 1px;
   background: currentColor;
   top: calc(50% - 1px)
}

.arrow-btn:after {
   border-top: 1px solid;
   border-right: 1px solid;
   width: 9px;
   height: 9px;
   top: calc(50% - 5px)
}

.arrow-btn--left {
   padding-left: 79px
}

.arrow-btn--left:after {
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg);
   left: 30px
}

.arrow-btn--left:before {
   left: 30px
}

.arrow-btn--right {
   padding-right: 79px
}

.arrow-btn--right:after {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   right: 30px
}

.arrow-btn--right:before {
   right: 30px
}

.white-btn {
   color: #cb2b21;
   color: var(--mainColor);
   background-color: #fff;
   display: inline-block;
   padding: 15px 26px 16px;
   line-height: 1;
   border-radius: 30px;
   border: 1px solid var(--mainColor);
   transition: background 0.3s ease, color 0.3s ease
}

.white-btn:focus,
.white-btn:hover {
   background: #ac2219;
   color: #fff !important
}

.fp-scroll {
   border-radius: 50%;
   border: none;
   bottom: 60px;
   left: 60px;
   position: fixed;
   padding: 34px 0 35px;
   width: 69px;
   height: 69px;
   z-index: 5;
   transition: background-color 0.3s ease, color 0.3s ease
}

.fp-scroll,
.fp-scroll.js__go-back {
   background: #cb2b21;
   background: var(--mainColor);
   color: #fff
}

.fp-scroll.js__go-back {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

.fp-scroll:after,
.fp-scroll:before {
   content: "";
   position: absolute
}

.fp-scroll:before {
   background: currentColor;
   width: 1px;
   height: 24px;
   top: calc(50% - 12px);
   left: calc(50% - 1px)
}

.fp-scroll:after {
   border-right: 1px solid;
   border-bottom: 1px solid;
   width: 9px;
   height: 9px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   left: calc(50% - 5px);
   bottom: calc(50% - 12px)
}

.arrow-link {
   display: inline-block;
   width: 24px;
   height: 11px;
   position: relative;
   color: #cb2b21;
   color: var(--mainColor)
}

.arrow-link:after,
.arrow-link:before {
   content: "";
   position: absolute
}

.arrow-link:before {
   background: currentColor;
   width: 100%;
   height: 1px;
   top: calc(50% - 1px);
   left: 0
}

.arrow-link:after {
   border-right: 1px solid;
   border-bottom: 1px solid;
   width: 9px;
   height: 9px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   top: calc(50% - 5px);
   right: 0
}

.right-btn {
   top: calc(50% - 26px);
   right: 0;
   position: fixed;
   z-index: 5;
   transition: opacity 0.3s ease;

   transform: rotate(90deg);
   right: 28px;
   transform-origin: right center;
   top: 60%;
}

.right-btn:not(.js__visible) {
   opacity: 0
}

.right-btn__link {
   display: block;
   transition: background 0.3s ease;
   /* background: url("../img/ico-right-btn-white.png") left 22px center no-repeat; */
   /* background-color: #cb2b21;
   background-color: var(--mainColor); */
   width: 69px;
   height: 52px;
   border-radius: 32px 0 0 32px;

   width: auto;
   height: auto;
   padding: 16px 24px;
   color: var(--mainColor);
   border: 1px solid var(--mainColor);
   background: #fff;
   background-image: none !important;
   border-radius: 30px;
}

.bottom-btn {position: fixed; right: 10px; bottom: 0; z-index: 10; display: flex; gap: 13px; align-items: center;}
.bottom-btn .white-btn {height: 50px;border: 1px solid var(--mainColor);}
.bottom-btn .red-btn {height: 50px;border: 1px solid #fff;background: var(--mainColor); color: #fff; transition: .3s; padding: 12px 26px; border-radius: 30px;}
.bottom-btn .red-btn:hover {border: 1px solid var(--mainColor);background: #fff; color: var(--mainColor); transition: .3s; }

.right-btn__link:focus,
.right-btn__link:hover {
   background-color: #df2f24;
   color: #fff;
}

.toggle-btn {
   border-radius: 50%;
   border: none;
   background: #f7f7f7;
   position: relative;
   width: 40px;
   height: 40px;
   transition: color 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease;
   transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;
   transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease
}

.toggle-btn.active {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

.toggle-btn:after {
   content: "";
   border-right: 2px solid;
   border-bottom: 2px solid;
   width: 10px;
   height: 10px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   top: calc(50% - 5px);
   left: calc(50% - 5px);
   position: absolute
}

.toggle-btn:hover {
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor)
}

.message-btn {
   background: url("../img/ico-right-btn-red.png") 50% no-repeat, #fff;
   border-radius: 25px;
   display: inline-block;
   width: 72px;
   height: 52px
}

@media screen and (max-width:1700px) {
   .fp-scroll {
      bottom: 30px;
      left: 30px;
      width: 40px;
      height: 40px;
      padding: 0
   }

   .fp-scroll:before {
      height: 10px;
      top: calc(50% - 5px)
   }

   .fp-scroll:after {
      width: 7px;
      height: 7px;
      left: calc(50% - 4px);
      bottom: calc(50% - 6px)
   }
}

@media screen and (max-width:1000px) {
   .default-btn {
      padding: 11px 20px 13px
   }

   .fp-scroll {
      bottom: 20px;
      left: calc(50% - 20px)
   }
}

@media screen and (max-width:660px) {
   .bottom-btn {display: none;}
   header > .white-btn {display: block;}
   body:not(.page-404) {
      padding: 130px 0 0 !important
   }

   #content {
      -webkit-transform: none !important;
      transform: none !important;
      will-change: unset !important;
      height: auto !important
   }

   .fp-scroll,
   .right-btn {
      display: none
   }

   .right-btn__link {
      background: url("../img/ico-right-btn-red.png") 50% no-repeat !important;
      border-radius: 0;
      width: 40px;
      height: 40px
   }
}

.text-page {
   font-weight: 400
}

.text-page> :not(:first-child) {
   margin-top: 32px
}

.text-page .attention {
   position: relative;
   padding-left: 60px
}

.text-page .attention:before {
   content: "";
   top: calc(50% - 19px);
   left: 0;
   position: absolute;
   width: 37px;
   height: 37px;
   border-radius: 50px;
   background: url("../img/ico-!.png") 50% no-repeat, #cb2b21;
   background: url("../img/ico-!.png") 50% no-repeat, var(--mainColor)
}

.text-page strong {
   font-weight: 700
}

.text-page h2,
.text-page h3,
.text-page h4,
.text-page h5,
.text-page h6 {
   font-weight: 300
}

.text-page h2:not(:first-child),
.text-page h3:not(:first-child),
.text-page h4:not(:first-child),
.text-page h5:not(:first-child),
.text-page h6:not(:first-child) {
   margin-top: 40px
}

.text-page h2 {
   font-size: 26px;
   line-height: 1.23077;
   margin-bottom: 30px
}

.text-page h3 {
   font-size: 22px;
   line-height: 1.27273
}

.text-page h4 {
   font-size: 18px;
   line-height: 1.55556
}

.text-page h5,
.text-page h6 {
   font-size: 1rem;
   line-height: 1.5
}

.text-page .hint_text,
.text-page blockquote {
   background: #f0f0f0;
   background: var(--secondColor);
   padding: 30px 40px
}

.text-page .hint_text i,
.text-page blockquote i {
   display: block;
   background: #fff;
   margin: -30px -40px;
   padding: inherit
}

.text-page .b-content-image__right,
.text-page [align=right] {
   float: right;
   margin-left: 44px
}

.text-page .b-content-image__left,
.text-page [align=left] {
   float: left;
   margin-right: 44px
}

.text-page img[height] {
   height: auto
}

.text-page .b-content-image__left,
.text-page .b-content-image__right,
.text-page [align] {
   margin-bottom: 35px
}

.text-page table {
   font-size: 14px
}

.text-page table thead td,
.text-page table thead th {
   background: #ececec
}

.text-page table td,
.text-page table th {
   padding: 15px;
   font-weight: inherit
}

.text-page table td:not([valign]),
.text-page table td[valign=middle],
.text-page table th:not([valign]),
.text-page table th[valign=middle] {
   vertical-align: middle
}

.text-page table td[valign=top],
.text-page table th[valign=top] {
   vertical-align: top
}

.text-page table td[valign=bottom],
.text-page table th[valign=bottom] {
   vertical-align: bottom
}

.text-page table.styled_table,
.text-page table[border="1"] {
   min-width: 100%
}

.text-page table.styled_table td,
.text-page table.styled_table th,
.text-page table[border="1"] td,
.text-page table[border="1"] th {
   border: 1px solid #e7e7e7
}

.text-page table.styled_table tr:hover td,
.text-page table[border="1"] tr:hover td {
   background: #edf1e0
}

.text-page li:not(:first-child) {
   margin: 3px 0 0
}

.text-page li:before {
   display: inline-block
}

.text-page li ol,
.text-page li ul {
   margin-bottom: 20px;
   margin-top: 0
}

.text-page li li {
   padding-left: 10px
}

.text-page li li:before {
   margin-right: 10px !important
}

.text-page li li:not(:first-child) {
   margin-top: 5px
}

.text-page ul.arrow_ul>li,
.text-page ul.content_ul>li,
.text-page ul:not([class])>li {
   padding-left: 25px
}

.text-page ul.arrow_ul>li:before,
.text-page ul.content_ul>li:before,
.text-page ul:not([class])>li:before {
   content: "";
   margin: 0 16px 2px -22px;
   display: inline-block;
   border-radius: 50%;
   background: #cb2b21;
   background: var(--mainColor);
   width: 6px;
   height: 6px
}

.text-page ul>li li {
   padding-left: 30px
}

.text-page ul[class]:not(.content_ul)>li {
   position: relative;
   padding-left: 32px
}

.text-page ul[class]:not(.content_ul)>li:before {
   content: "";
   display: inline-block;
   margin: 0 20px 0 -32px;
   width: 12px;
   height: 12px
}

.text-page ul[class=star_ul]>li:before {
   background: url("../img/ico-pentagon-gray.png") no-repeat
}

.text-page ul.red-star_ul>li:before {
   background: url("../img/ico-pentagon-red.png") no-repeat
}

.text-page ul.gray-star_ul>li:before {
   background: url("../img/ico-pentagon-gray.png") no-repeat
}

.text-page ul.lblue-star_ul>li:before {
   background: url("../img/ico-pentagon-blackgray.png") no-repeat
}

.text-page ul.green-star_ul>li:before {
   background: url("../img/ico-pentagon-green.png") no-repeat
}

.text-page .li_green-star:before {
   background: url("../img/ico-pentagon-green.png") no-repeat !important
}

.text-page .li_red-star:before {
   background: url("../img/ico-pentagon-red.png") no-repeat !important
}

.text-page .li_lblue-star:before {
   background: url("../img/ico-pentagon-blackgray.png") no-repeat !important
}

.text-page ol {
   counter-reset: i
}

.text-page ol>li {
   counter-increment: i;
   font-weight: 700;
   padding-left: 18px
}

.text-page ol>li:before {
   content: counter(i) ".";
   margin: 0 8px 0 -18px
}

.text-page ol>li li {
   font-weight: 300;
   margin: 23px 0 0 !important
}

.text-page ol ul>li {
   padding-left: 14px
}

.text-page ol ul>li:before {
   content: "–" !important;
   background: none !important;
   border-radius: 0 !important;
   width: auto !important;
   height: auto !important;
   margin: 0 7px 0 -14px
}

.text-page ol.styled_ol>li {
   padding-left: 60px;
   font-weight: 400
}

.text-page ol.styled_ol>li:before {
   display: none
}

.text-page ol.styled_ol>li:not(:first-child) {
   margin: 26px 0 0
}

.text-page ol.styled_ol>li .styled_ol_num {
   display: inline-block;
   color: #fff;
   padding: 5px 5px 7px;
   margin: 0 15px 0 -60px;
   text-align: center;
   width: 40px;
   background: #9f9f9f
}

.text-page ol.styled_ol>li .styled_ol_num.blue {
   background-color: #3c485a
}

.text-page ol.styled_ol>li .styled_ol_num.green {
   background-color: #62a010
}

.text-page ol.styled_ol>li .styled_ol_num.lblue {
   background-color: #5fa0c0
}

.text-page ol.styled_ol>li .styled_ol_num.red {
   background: #cb2b21;
   background: var(--mainColor)
}

.text-page ol.styled_ol>li .styled_ol_num.gray {
   background: #9f9f9f
}

.text-page ol.styled_ol>li .styled_ol_num.blackgray {
   background: #595959
}

@media screen and (max-width:1600px) {
   .text-page h2 {
      margin-bottom: 30px
   }

   .text-page> :not(:first-child) {
      margin-top: 20px
   }

   .text-page .b-content-image__left,
   .text-page .b-content-image__right,
   .text-page [align] {
      margin-bottom: 20px
   }

   .text-page .b-content-image__left,
   .text-page [align=left] {
      margin-right: 16px
   }

   .text-page .b-content-image__right,
   .text-page [align=right] {
      margin-left: 16px
   }
}

@media screen and (max-width:1000px) {
   .text-page {
      font-size: 14px
   }

   .text-page> :not(:first-child) {
      margin-top: 18px
   }
}

@media screen and (max-width:660px) {
   .text-page> :not(:first-child) {
      margin-top: 1rem
   }

   .text-page h2 {
      font-size: 17px;
      margin-bottom: 22px
   }

   .text-page h3 {
      font-size: 16px
   }

   .text-page h4 {
      font-size: 15px
   }

   .text-page h5,
   .text-page h6 {
      font-size: 14px
   }

   .text-page .hint_text,
   .text-page blockquote {
      padding: 20px
   }

   .text-page .hint_text>i,
   .text-page blockquote>i {
      margin: -20px
   }

   .text-page .b-content-image__left,
   .text-page .b-content-image__right,
   .text-page [align] {
      margin-left: 0;
      float: none;
      margin-right: 0
   }

   .text-page .b-content-image__left img,
   .text-page .b-content-image__right img,
   .text-page [align] img {
      width: 100%
   }

   .text-page ul[class]>li {
      padding-left: 20px
   }

   .text-page ul[class]>li:before {
      margin: 0 8px 0 -20px
   }

   .text-page ul:not([class])>li {
      padding-left: 20px
   }

   .text-page ul:not([class])>li:before {
      margin: 0 19px 0 -18px
   }

   .text-page ol>li li {
      margin: 17px 0 0 !important
   }

   .text-page h2:not(:first-child),
   .text-page h3:not(:first-child),
   .text-page h4:not(:first-child),
   .text-page h5:not(:first-child),
   .text-page h6:not(:first-child) {
      margin-top: 25px
   }
}

#quality,
#service {
   width: 1000px
}

.popup-form {
   display: none;
   border: 1px solid #eef2f5;
   border: 1px solid var(--borderColor);
   padding: 55px 65px 70px !important;
   width: 655px
}

.popup-form__title {
   font-size: 30px;
   margin-bottom: 20px
}

.popup-form__info,
.popup-form__text,
.popup-form__title {
   text-align: center
}

.popup-form__text {
   color: rgba(0, 0, 0, .5);
   max-width: 745px;
   margin: 0 auto 50px
}

.popup-form__info,
.popup-form__text {
   line-height: 1.66667;
   font-size: 12px
}

.popup-form__info {
   margin: 32px 0 0
}

.popup-form .forms__error-message {
   top: calc(100% + 1px);
   left: 0;
   right: 0;
   box-shadow: none;
   border: none;
   background: none;
   padding: 0 0 2px;
   color: #cb2b21;
   color: var(--mainColor)
}

.popup-form .forms__error-message:after {
   display: none
}

.popup-form .forms__input:focus~.forms__error-message {
   color: rgba(0, 0, 0, .5)
}

.checkbox {
   position: relative
}

.checkbox__input {
   top: 0;
   left: 0;
   position: absolute;
   opacity: 0;
   pointer-events: none
}

.checkbox__input:checked~label:after {
   opacity: 1
}

.checkbox__label {
   cursor: pointer;
   display: flex;
   align-items: center;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.checkbox__label:after,
.checkbox__label:before {
   content: "";
   display: inline-block
}

.checkbox__label:before {
   flex: none;
   background: #fff;
   border: 1px solid #e8e8e8;
   margin: 0 15px 0 0;
   border-radius: 7px;
   width: 32px;
   height: 32px
}

.checkbox__label:after {
   border: 2px solid #cb2b21;
   border: 2px solid var(--mainColor);
   border-top: none;
   border-left: none;
   width: 9px;
   height: 12px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   top: 7px;
   left: 12px;
   position: absolute;
   transition: opacity 0.1s ease;
   opacity: 0
}

.forms__inputs {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -40px -27px
}

.forms__inputs .forms__input-cont {
   width: calc((100% - 50px)/2);
   margin: 0 0 40px 25px
}

.forms__inputs--column {
   flex-direction: column;
   margin: 0 !important
}

.forms__inputs--column .forms__input-cont {
   width: 100%;
   margin: 0
}

.forms__inputs--column .forms__input-cont:not(:first-child) {
   margin: 25px 0 0
}

.forms__inputs--column~.forms__submit {
   margin: 23px 0 0
}

.form-req {
   text-align: center;
   vertical-align: top;
   font-size: 12px
}

.form-req i {
   font-style: normal;
   border-radius: 50%;
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   width: 22px;
   height: 22px;
   display: inline-block;
   padding-top: 3px;
   margin: 0 10px 0 0;
   font-size: 15px
}

.forms__submit {
   text-align: center;
   margin: 70px 0 0
}

.forms__req {
   margin: 40px 0 0
}

.forms__input {
   border: 1px solid transparent;
   padding: 31px 10px 13px 23px;
   height: 67px;
   transition: border-color 0.3s ease, background-color 0.3s ease;
   width: 100%;
   background-color: #f8f8f8;
   background-position: right 26px center;
   background-repeat: no-repeat
}

.forms__input--error:not(:valid) {
   border-color: red
}

.forms__input--error:not(:valid)~.forms__error-message {
   opacity: 1
}

.forms__input--error:not(:valid):focus~.forms__error-message {
   opacity: 0
}

.forms__input::-webkit-input-placeholder {
   transition: opacity 0.3s ease;
   color: rgba(0, 0, 0, .5)
}

.forms__input:-moz-placeholder,
.forms__input::-moz-placeholder {
   transition: opacity 0.3s ease;
   color: rgba(0, 0, 0, .5)
}

.forms__input:-ms-input-placeholder {
   transition: opacity 0.3s ease;
   color: rgba(0, 0, 0, .5)
}

.forms__input:not(:focus)::-webkit-input-placeholder {
   opacity: 0
}

.forms__input:not(:focus):-moz-placeholder,
.forms__input:not(:focus)::-moz-placeholder {
   opacity: 0
}

.forms__input:not(:focus):-ms-input-placeholder {
   opacity: 0
}

.forms__input:not(:focus).js__have-content:valid {
   background-image: url("../img/ico-true.svg")
}

.forms__input:not(:focus).js__have-content:invalid {
   background-image: url("../img/ico-close-red.svg")
}

.forms__input:focus {
   border-color: #eaeaed;
   background-color: transparent
}

.forms__input:focus::-webkit-input-placeholder {
   opacity: 1 !important
}

.forms__input:focus:-moz-placeholder,
.forms__input:focus::-moz-placeholder {
   opacity: 1 !important
}

.forms__input:focus:-ms-input-placeholder {
   opacity: 1 !important
}

.forms__input.js__have-content~label,
.forms__input:focus~label {
   -webkit-transform: translate3d(0, -12px, 0);
   transform: translate3d(0, -12px, 0);
   font-size: 12px
}

.forms__input--select {
   padding: 0 30px 0 25px;
   right 18px center no-repeat,
   #f8f8f8
}

.forms__input--select.selectize-control {
   padding: 0
}

.forms__input--select .selectize-input {
   height: 100%;
   background-color: inherit !important;
   padding: 0 30px 0 25px;
   box-shadow: none !important;
   border-radius: 0;
   border-color: transparent;
   display: flex !important;
   align-items: center
}

.forms__input--select .selectize-input.input-active {
   background-color: #fff !important;
   border-color: #eaeaed
}

.forms__input--select .selectize-input input {
   display: none !important
}

.forms__input--select .selectize-input .item {
   font-size: 16px
}

.forms__input--select .selectize-dropdown {
   height: auto;
   border-color: #eef2f5 !important;
   border-color: var(--borderColor) !important
}

.forms__input--select .selectize-dropdown-content .option {
   cursor: pointer
}

.forms__input--select .selectize-dropdown-content .option.active {
   background: #f0f0f0;
   background: var(--secondColor)
}

.forms__input--select .selectize-dropdown-content::-webkit-scrollbar {
   width: 9px
}

.forms__input--select .selectize-dropdown-content::-webkit-scrollbar-track {
   background: #f0f0f0;
   background: var(--secondColor)
}

.forms__input--select .selectize-dropdown-content::-webkit-scrollbar-thumb {
   background: #cb2b21;
   background: var(--mainColor);
   border-radius: 7px
}

.forms__input-cont {
   display: flex;
   flex-direction: column-reverse;
   position: relative;
   justify-content: flex-end
}

.forms__input-cont--file {
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: flex-start
}

.forms__input-cont--double {
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between
}

.forms__input-cont--double .forms__input-cont {
   margin-top: 0 !important;
   width: calc(50% - 10px)
}

.forms__input[required]~label:after {
   content: "*";
   display: inline-block
}

.forms__input--textarea {
   max-width: 100%;
   height: 101px;
   resize: none
}

.forms__input--file {
   opacity: 0;
   top: 0;
   left: 0;
   position: absolute;
   pointer-events: none
}

.forms__input--file~.forms__input {
   width: calc(100% - 147px)
}

.forms__label {
   margin-bottom: 10px;
   flex: none;
   top: 0;
   left: 0;
   position: absolute;
   padding: 24px 0 0 22px;
   transition: font-size 0.3s ease, -webkit-transform 0.3s ease;
   transition: font-size 0.3s ease, transform 0.3s ease;
   transition: font-size 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
   pointer-events: none;
   font-size: 15px;
   color: rgba(0, 0, 0, .5)
}

.forms__label--file {
   position: static;
   flex: none;
   pointer-events: all;
   background: url("../img/ico-file-select.png") left 23px center no-repeat, #f8f8f8;
   width: 133px;
   height: 67px;
   font-size: 14px !important;
   color: #000;
   padding: 24px 20px 25px 58px;
   cursor: pointer;
   margin: 0 0 0 auto;
   -webkit-transform: none !important;
   transform: none !important
}

.top-label {
   width: 100%;
   color: rgba(0, 0, 0, .5);
   margin-bottom: 15px
}

.file-extensions {
   color: rgba(0, 0, 0, .5);
   font-size: 12px;
   margin: 12px 0 0
}

.forms-bot {
   margin: 28px 0 0;
   display: flex;
   justify-content: space-between;
   align-items: center
}

.forms-bot__links {
   text-align: right
}

.forms-bot input[type=submit]:first-child:last-child {
   width: 100%
}

.form-links__link {
   color: #cb2b21;
   color: var(--mainColor);
   border-bottom: 1px solid #d4e3f6
}

.forms__error-message {
   border: 1px solid #d4d4d4;
   background: #fff;
   color: #000;
   padding: 7px 10px;
   border-radius: 7px;
   position: absolute;
   bottom: 45px;
   right: -6px;
   box-shadow: 0 0 21px 0 rgba(0, 0, 0, .1);
   transition: opacity 0.3s ease;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font-size: 12px;
   opacity: 0;
   pointer-events: none
}

.forms__error-message:after {
   content: "";
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAIBAMAAADU/bjBAAAAGFBMVEX////V1dXV1dXY2Nji4uL9/f3+/v7///88REMWAAAAA3RSTlMAipDLFSdbAAAAM0lEQVQI12NwKweBMgcGlXQQI0WBgQkkVObEwAAWAgowgITAAiAhsABQyBUiwMAgLAAkAJ+wDc+KWF7qAAAAAElFTkSuQmCC");
   position: absolute;
   top: 100%;
   right: 19px;
   height: 8px;
   width: 15px
}

.forms__error-message-icon {
   display: block;
   border-radius: 50%;
   position: absolute;
   border: 1px solid #ff0024;
   height: 19px;
   width: 19px;
   background: #fff;
   bottom: -32px;
   right: 16px
}

.forms__error-message-icon:after,
.forms__error-message-icon:before {
   content: "";
   position: absolute;
   width: 1px;
   background: #ff0024;
   left: calc(50% - 1px)
}

.forms__error-message-icon:before {
   top: 4px;
   height: 8px
}

.forms__error-message-icon:after {
   bottom: 4px;
   height: 2px
}

.forms-info {
   letter-spacing: 0.02em;
   flex: 1 1 auto;
   display: flex;
   align-items: center;
   padding: 34px 0 0
}

.forms-info:before {
   content: "";
   width: 34px;
   height: 34px;
   border-radius: 50%;
   background: url("../img/ico-!.png") 50% no-repeat, #cb2b21;
   background: url("../img/ico-!.png") 50% no-repeat, var(--mainColor);
   margin-right: 27px;
   flex: none
}

@media screen and (max-width:1000px) {
   .popup-form {
      padding: 20px !important
   }

   .popup-form__title {
      font-size: 24px
   }

   .popup-form__text {
      margin-bottom: 20px
   }

   .popup-form__info {
      margin: 25px 0 0
   }

   .forms__req,
   .forms__submit {
      margin: 20px 0 0
   }
}

@media screen and (max-width:660px) {
   .fancybox-slide--html {
      padding: 0 !important
   }

   .fancybox-slide--html:before {
      display: none !important
   }

   .forms__inputs {
      display: block;
      margin: 0
   }

   .forms__input {
      height: 50px
   }

   .forms__input-cont {
      width: auto !important;
      margin: 0 !important
   }

   .forms__input-cont:not(:first-child) {
      margin: 32px 0 0 !important
   }

   .forms__input-cont--double .forms__input-cont {
      margin-top: 0 !important;
      width: 100% !important
   }

   .forms__input-cont--double .forms__input-cont:not(:first-child) {
      margin: 15px 0 0 !important
   }

   .forms__input--file~.forms__input {
      width: calc(100% - 66px)
   }

   .forms__input--textarea {
      height: auto
   }

   .forms__label {
      padding: 14px 0 0 15px
   }

   .forms__label--file {
      text-indent: -9999px;
      overflow: hidden;
      width: 50px;
      height: 50px;
      padding: 0;
      background-position: 50%
   }

   .popup-form {
      padding: 20px 16px !important
   }
}

.has-top-slider .title-block {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   position: absolute;
   max-width: 1394px;
   max-width: var(--baseWidth);
   color: #fff;
   padding: 120px 2rem 0;
   box-sizing: content-box;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   justify-content: center
}

.has-top-slider .title-block__title {
   margin-bottom: 50px
}

.has-top-slider .title-block__title h1 {
   font-size: 60px;
   line-height: 0.93333;
   font-weight: 300;
   max-width: 60%
}

.has-top-slider .title-block__title.min_title h1 {
    font-size: 20px;
	text-align: left !important;
}

.subtitle.max_subtitle {
    font-size: 60px;
	line-height: 1.1;
	text-align: left !important;
}

.has-top-slider .title-block__crumbs {
   display: flex;
   justify-content: space-between;
   align-items: flex-end
}

.has-top-slider .title-block__crumbs .bread-crumbs__link:after,
.has-top-slider .title-block__crumbs .bread-crumbs__this {
   color: #fff
}

.title-slider {
   position: relative;
   max-width: 100%
}

.title-slider:after {
   content: "";
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   position: absolute;
   background: rgba(0, 0, 0, .3)
}

.title-slider__progress {
   position: relative;
   width: 195px;
   height: 1px;
   background: #fff
}

.title-slider__progress:after {
   content: "";
   right: 0;
   bottom: 0;
   left: 0;
   position: absolute;
   background: #cb2b21;
   background: var(--mainColor);
   -webkit-transform-origin: right;
   transform-origin: right;
   width: 100%;
   height: 2px
}

.title-slider__progress.active:after {
   transition: -webkit-transform 0.3s linear;
   transition: transform 0.3s linear;
   transition: transform 0.3s linear, -webkit-transform 0.3s linear;
   transition-duration: inherit !important;
   -webkit-transform: scaleX(0);
   transform: scaleX(0)
}

.title-slide {
   display: flex !important;
   align-items: flex-start
}

.title-slide:not(:first-child) {
   display: none !important
}

.title-slide img {
   display: block;
   width: 100%
}

.title-block {
   flex: 1 1 auto
}

.title-block__crumbs {
   margin: 7px 0 0
}

.title-block__title h1 {
   font-weight: 300;
   font-size: 30px;
   line-height: 1.14286
}

.title-btn .right-btn__link {
   border-radius: 32px
}

.bread-crumbs {
   font-size: 13px
}

.bread-crumbs__link {
   margin-right: 27px;
   position: relative;
   color: #cb2b21;
   color: var(--mainColor);
   transition: border-color 0.3s ease;
   border-bottom: 1px solid transparent
}

.bread-crumbs__link:after {
   content: "|";
   color: #989898;
   position: absolute;
   left: calc(100% + 11px)
}

.bread-crumbs__link:focus,
.bread-crumbs__link:hover {
   border-color: currentColor
}

.bread-crumbs__this {
   color: #989898
}

@media screen and (max-width:1600px) {
   .has-top-slider .title-block {
      padding: 105px 2rem 0
   }
}

@media screen and (max-width:1200px) {
   .has-top-slider .title-block__title h1 {
      font-size: 20px
   }
.has-top-slider .title-block__title.min_title h1 {
    font-size: 18px;
}

.subtitle.max_subtitle {
    font-size: 50px;
}
}

@media screen and (max-width:1000px) {
//   .title-block__title {
//      margin-bottom: 0 !important
//   }

   .title-block__title h1 {
      font-size: 26px;
   }

.has-top-slider .title-block__title.min_title h1 {
    font-size: 14px;
}

.subtitle.max_subtitle {
    font-size: 28px;
}
}

@media screen and (max-width:660px) {

.has-top-slider .title-block__title.min_title h1 {
    font-size: 10px;
}

.subtitle.max_subtitle {
    font-size: 20px;
}

   .inner-content__title-block {
      margin: 0 0 25px
   }

   .inner-content__title-block .wrapper {
      padding: 0
   }

   .title-slider__progress {
      display: none
   }

   .title-block {
      padding: 0 20px !important;
      background: #f7f7f7;
      position: relative !important
   }

   .title-block__crumbs {
      margin: 0
   }

   .title-block__title {
      padding: 20px 30px;
      text-align: center
   }

   .title-block__title:before {
      display: none
   }

   .title-block__title h1 {
      font-size: 18px;
      color: #000;
      max-width: none !important;
      margin-top: 30px;
   }

   .title-block__title h1 br {
      display: none
   }

   .bread-crumbs {
      top: calc(50% - 15px);
      left: 15px;
      position: absolute
   }

   .bread-crumbs__link:not(:nth-last-child(2)),
   .bread-crumbs__this {
      display: none
   }

   .bread-crumbs__link:nth-last-child(2) {
      margin: 0;
      overflow: hidden;
      width: 30px;
      height: 30px;
      text-indent: -9999px;
      display: block;
      position: relative
   }

   .bread-crumbs__link:nth-last-child(2):after {
      display: none
   }

   .bread-crumbs__link:nth-last-child(2):before {
      content: "";
      top: calc(50% - 6px);
      right: calc(50% - 6px);
      position: absolute;
      border-left: 2px solid #dbdbdb;
      border-bottom: 2px solid #dbdbdb;
      width: 12px;
      height: 12px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
   }
}

body.inner .head,
body.white .head {
   color: #fff
}

body.inner:not(.has-top-slider) .head {
   background: #cb2b21;
   background: var(--mainColor);
   top: -webkit-sticky;
   right: -webkit-sticky;
   bottom: -webkit-sticky;
   left: -webkit-sticky;
   position: -webkit-sticky;
   position: sticky;
   top: 0
}

body.inner .head__wrap {
   padding: 60px 60px 70px
}

.main .head {
   transition: color 1s ease
}

.has-top-slider .head,
.main .head {
   top: 0;
   right: 0;
   left: 0;
   position: absolute
}

.head {
   z-index: 3
}

.head__wrap {
   display: flex;
   align-items: center;
   padding: 60px 60px 0
}

.head__logo {
   margin-right: 3.94vw;
   flex: none
}

.head__contacts {
   justify-content: space-between;
   margin-right: auto
}

.head__contacts,
.head__contacts-phones {
   display: flex;
   align-items: center
}

.head__contacts-phones .white-btn {padding: 8px 14px; margin-top: 8px; font-size: 14px;}

.h-phone__ico {
   display: none;
   width: 16px;
   height: 16px;
   margin-right: 5px
}

.head__menu {
   margin-right: 1.94vw;
   transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
   transition: transform 0.3s ease, opacity 0.3s ease;
   transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-transform-origin: right;
   transform-origin: right
}

.head__burger {
   cursor: pointer;
   padding: 20px;
   margin: -20px
}

.logo {
   position: relative;
   display: block
}

.logo__color,
.logo__white {
   display: block;
   transition: opacity 1s ease;
   top: 0;
   left: 0
}

.logo__color.active,
.logo__white.active {
   margin: -4px 0 -12px
}

.logo__color:not(.active),
.logo__white:not(.active) {
   opacity: 0;
   pointer-events: none;
   position: absolute
}

.h-phone a {
   color: inherit;
   font-size: 18px
}

.h-city:not(:first-child) {
   margin-left: 2.1vw
}

.h-city__select {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.h-city__select .selectize-dropdown .h-city__select .selectize-input,
.h-city__select .selectize-input {
   color: inherit;
   background: none !important;
   border: none !important;
   box-shadow: none !important;
   padding: 0 32px 0 6px !important;
   border-radius: 0 !important;
   font: inherit !important
}

.h-city__select .selectize-dropdown .h-city__select .selectize-input input,
.h-city__select .selectize-input input {
   display: none !important
}

.h-city__select .selectize-dropdown .h-city__select .selectize-input:before,
.h-city__select .selectize-input:before {
   content: "";
   top: calc(50% - 3px) !important;
   right: 8px !important;
   position: absolute !important;
   left: auto !important;
   bottom: auto !important;
   width: 6px !important;
   height: 6px !important;
   border-right: 1px solid;
   border-bottom: 1px solid;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   background: none !important
}

.h-city__select .selectize-dropdown .h-city__select .selectize-input:after,
.h-city__select .selectize-input:after {
   display: none !important
}

.h-city__select .selectize-dropdown {
   font-size: 14px !important;
   margin: 0;
   top: calc(100% + 20px) !important;
   left: 50% !important;
   -webkit-transform: translate3d(-50%, 0, 0);
   transform: translate3d(-50%, 0, 0);
   min-width: 210px;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15) !important;
   box-shadow: var(--boxShadow) !important;
   border-radius: 0 !important;
   transition: opacity 0.3s ease
}

.h-city__select .selectize-dropdown[style*="display:none"] {
   opacity: 0;
   pointer-events: none
}

.h-city__select .selectize-dropdown:before {
   content: "";
   bottom: 100%;
   left: calc(50% - 7px);
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent transparent #fff;
   border-style: solid;
   border-width: 0 7px 8px
}

.h-city__select .selectize-dropdown-content {
   text-align: center;
   padding: 30px 5px
}

.h-city__select .selectize-dropdown-content::-webkit-scrollbar {
   width: 9px
}

.h-city__select .selectize-dropdown-content::-webkit-scrollbar-track {
   background: #f0f0f0;
   background: var(--secondColor)
}

.h-city__select .selectize-dropdown-content::-webkit-scrollbar-thumb {
   background: #cb2b21;
   background: var(--mainColor);
   border-radius: 7px
}

.h-city__select .selectize-dropdown-content .option {
   cursor: pointer
}

.h-city__select .selectize-dropdown-content .selected {
   color: #cb2b21;
   color: var(--mainColor)
}

.h-city__select .selectize-dropdown-content .active {
   background: #f0f0f0;
   background: var(--secondColor)
}

select.h-city__select {
   color: inherit;
   background: url("../img/ico-select-arrow-white.png") right 10px center no-repeat;
   border: none;
   padding: 0 32px 0 6px
}

.h-menu {
   display: flex;
   justify-content: flex-end;
   flex: 1 1 auto
}

.h-menu__item:not(:last-child) {
   margin-right: 2.36vw
}

.h-menu__item.have-sub {
   position: relative
}

.h-menu__item.have-sub:after {
   content: "";
   top: calc(100% + 12px);
   left: calc(50% - 7px);
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent transparent #fff;
   border-style: solid;
   border-width: 0 7px 8px;
   opacity: 0;
   transition: opacity 0.3s ease
}

.h-menu__item.have-sub.js__opened .h-submenu,
.h-menu__item.have-sub.js__opened:after {
   opacity: 1;
   pointer-events: all
}

.h-menu__link {
   color: inherit;
   white-space: nowrap;
   transition: border-color 0.3s ease;
   border-bottom: 1px solid transparent
}

body.main:not(.white) .head__contacts-phones .white-btn {background: #df2f24; color: #fff;border: 1px solid #df2f24;}
body.main:not(.white) .head__contacts-phones .white-btn:hover {background: #fff;  color: #df2f24 !important;}

.h-menu__link.active,
.h-menu__link:focus,
.h-menu__link:hover {
   border-color: currentColor
}

.h-submenu {
   top: 100%;
   left: -40px;
   position: absolute;
   padding: 20px 0 0;
   min-width: 405px;
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.3s ease
}

.h-submenu ul {
   padding: 43px 0 43px 52px;
   background: #fff;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
   box-shadow: var(--boxShadow);
   z-index: 1
}

.h-submenu__item:not(:first-child) {
   margin: 15px 0 0
}

.h-submenu__item.have-sub-sub .h-submenu__link {
   position: relative;
   display: block
}

.h-submenu__item.have-sub-sub .h-submenu__link:after {
   content: "";
   top: calc(50% - 10px);
   left: -50px;
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent #f0f0f0 transparent transparent;
   border-left: 0 solid transparent;
   border-bottom: 10px solid transparent;
   border-right: 10px solid var(--secondColor);
   border-top: 10px solid transparent;
   opacity: 0;
   transition: opacity 0.3s ease;
   z-index: 10;
   transform: rotate(175deg)
}

.h-submenu__item.have-sub-sub.js__opened .h-submenu__link:after {
   opacity: 1
}

.h-submenu__item.have-sub-sub.js__opened .submenu {
   opacity: 1;
   pointer-events: all
}

.h-submenu__link.active,
.h-submenu__link:hover {
   color: #cb2b21;
   color: var(--mainColor)
}

.submenu {
   top: 20px;
   right: 100%;
   background: #f0f0f0 !important;
   background: var(--secondColor) !important;
   width: 100%;
   padding: 43px 52px;
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.3s ease
}

.submenu:before {
   content: "";
   top: 0;
   right: 100%;
   width: 0;
   background: #fff
}

.submenu noindex:not(:first-child) .submenu__item {
   margin: 15px 0 0
}

.submenu__item:not(:first-child) {
   margin: 15px 0 0
}

.submenu__link.active,
.submenu__link:hover {
   color: #cb2b21;
   color: var(--mainColor)
}

.submenu,
.submenu:before {
   position: absolute;
   bottom: 0
}

.burger {
   width: 34px;
   height: 22px;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   justify-content: space-between
}

.burger:after,
.burger:before {
   content: "";
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

.burger span,
.burger:after,
.burger:before {
   background: currentColor;
   display: inline-block;
   height: 1px
}

.burger:before {
   width: 26px
}

.burger span,
.burger:after {
   width: 100%
}

@media screen and (min-width:660px) {

   .head__link,
   .head__menu .h-city__select {
      display: none
   }
}

@media screen and (min-width:1301px) {
   .head__menu.js__opened {
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      opacity: 0
   }

   .burger:not(.active):before {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0)
   }

   .burger:not(.active):after {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0)
   }

   .h-menu__item:last-child .h-submenu,
   .h-menu__item:nth-last-child(2) .h-submenu,
   .h-menu__item:nth-last-child(3) .h-submenu,
   .h-menu__item:nth-last-child(4) .h-submenu,
   .h-menu__item:nth-last-child(5) .h-submenu {
      left: auto;
      right: -40px
   }

   .h-menu__item:last-child .h-submenu>ul,
   .h-menu__item:nth-last-child(2) .h-submenu>ul,
   .h-menu__item:nth-last-child(3) .h-submenu>ul,
   .h-menu__item:nth-last-child(4) .h-submenu>ul,
   .h-menu__item:nth-last-child(5) .h-submenu>ul {
      padding-left: 0;
      padding-right: 52px
   }

   .h-menu__item:last-child .h-submenu__link,
   .h-menu__item:nth-last-child(2) .h-submenu__link,
   .h-menu__item:nth-last-child(3) .h-submenu__link,
   .h-menu__item:nth-last-child(4) .h-submenu__link,
   .h-menu__item:nth-last-child(5) .h-submenu__link {
      padding-left: 52px
   }

   .h-menu__item:last-child .h-submenu__item.have-sub-sub .h-submenu__link:after,
   .h-menu__item:nth-last-child(2) .h-submenu__item.have-sub-sub .h-submenu__link:after,
   .h-menu__item:nth-last-child(3) .h-submenu__item.have-sub-sub .h-submenu__link:after,
   .h-menu__item:nth-last-child(4) .h-submenu__item.have-sub-sub .h-submenu__link:after,
   .h-menu__item:nth-last-child(5) .h-submenu__item.have-sub-sub .h-submenu__link:after {
      right: auto;
      left: 0;
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg)
   }

   .h-menu__item:last-child .submenu,
   .h-menu__item:nth-last-child(2) .submenu,
   .h-menu__item:nth-last-child(3) .submenu,
   .h-menu__item:nth-last-child(4) .submenu,
   .h-menu__item:nth-last-child(5) .submenu {
      left: auto;
      right: 100%
   }

   .h-menu__item:last-child .submenu:before,
   .h-menu__item:nth-last-child(2) .submenu:before,
   .h-menu__item:nth-last-child(3) .submenu:before,
   .h-menu__item:nth-last-child(4) .submenu:before,
   .h-menu__item:nth-last-child(5) .submenu:before {
      right: auto;
      left: 100%
   }
}

@media screen and (max-width:1850px) {
   .head__logo {
      margin-right: 1.5vw
   }
}

@media screen and (max-width:2000px) {
   .head__contacts-phones {
      flex-direction: column;
      align-items: flex-start
   }

   /* .h-phone:not(:last-child) {
      margin: 10px 0 0
   } */
}

@media screen and (max-width:1600px) and (min-width:660px) {
   .head__wrap {
      padding: 25px 2rem 0
   }

   body.inner .head__wrap {
      padding: 25px 2rem
   }
}

@media screen and (max-width:1500px) {
   .head__logo {
      max-width: 140px
   }

   .h-phone a {
      font-size: 16px
   }

   .h-city:not(:first-child) {
      margin-left: 1.3vw
   }
}

@media screen and (max-width:1400px) and (min-height:1300px) {
   .h-menu__item:not(:last-child) {
      margin-right: 1.4vw
   }
}

@media screen and (min-width:1300px) {
   .close-menu {
      display: none
   }
}

@media screen and (max-width:1300px) {
   .burger {
      position: relative;
      width: 30px;
      height: 20px;
      display: flex;
      flex-direction: column;
      justify-content: space-between
   }

   .burger:after,
   .burger:before {
      content: "";
      -webkit-transform-origin: left;
      transform-origin: left;
      display: inline-block;
      width: 100%
   }

   .burger.burger span,
   .burger:after,
   .burger:before {
      background: currentColor;
      height: 2px
   }

   .burger span {
      transition: opacity 0.3s ease
   }

   .burger.active {
      width: 25px
   }

   .burger.active span {
      opacity: 0
   }

   .burger.active:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
   }

   .burger.active:after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
   }

   .head__menu {
      top: 0;
      bottom: 0;
      left: 0;
      position: fixed;
      background: #fff;
      height: 100%;
      color: #000;
      width: 250px;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch;
      font-size: 14px;
      margin: 0;
      z-index: 10;
      box-shadow: -5px 20px 15px 10px rgba(0, 0, 0, .3);
      -webkit-transform-origin: left;
      transform-origin: left
   }

   .head__menu::-webkit-scrollbar {
      width: 9px
   }

   .head__menu::-webkit-scrollbar-track {
      background: #f0f0f0;
      background: var(--secondColor)
   }

   .head__menu::-webkit-scrollbar-thumb {
      background: #cb2b21;
      background: var(--mainColor);
      border-radius: 4px
   }

   .head__menu:not(.js__opened) {
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      opacity: 0
   }

   .h-menu {
      display: block
   }

   .h-menu__link {
      padding: 10px 15px;
      display: block;
      border: none !important;
      transition: color 0.3s ease
   }

   .h-menu__link.active,
   .h-menu__link:focus,
   .h-menu__link:hover {
      color: #cb2b21;
      color: var(--mainColor)
   }

   .h-menu__item {
      border-bottom: 1px solid #eef2f5;
      border-bottom: 1px solid var(--borderColor);
      margin: 0 !important
   }

   .h-menu__item.have-sub {
      position: static;
      display: flex
   }

   .h-menu__item.have-sub:after {
      display: none !important
   }

   .h-menu__item.have-sub:before {
      width: 40px;
      height: 39px;
      content: "";
      order: 1;
      display: inline-block
   }

   .h-menu__item.have-sub .h-menu__link {
      position: relative;
      padding-right: 0;
      flex: 1 1 auto
   }

   .h-menu__item.have-sub .h-menu__link:after {
      content: "";
      position: absolute;
      width: 9px;
      height: 9px;
      border-top: 1px solid #cb2b21;
      border-top: 1px solid var(--mainColor);
      border-right: 1px solid #cb2b21;
      border-right: 1px solid var(--mainColor);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      left: calc(100% + 15px);
      top: calc(50% - 4px);
      pointer-events: none
   }

   .h-menu__item.have-sub.js__opened .h-submenu {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
   }

   .h-submenu,
   .submenu {
      background: #fff !important;
      transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease;
      overflow-x: hidden;
      overflow-y: auto;
      top: 0;
      bottom: 0;
      left: 100%;
      position: fixed;
      width: 100%;
      opacity: 1;
      min-width: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      pointer-events: all !important;
      z-index: 1
   }

   .h-submenu .close-menu,
   .submenu .close-menu {
      display: block;
      pointer-events: all !important;
      padding: 10px 15px;
      background-color: #cb2b21;
      color: #fff;
      background-color: var(--mainColor);
      cursor: pointer;
      order: -1;
      border: none;
      text-align: left
   }

   .h-submenu ul {
      border: none;
      box-shadow: none;
      padding: 0;
      flex: 1 1 auto
   }

   .h-submenu__item {
      border-top: 1px solid #eef2f5;
      border-top: 1px solid var(--borderColor);
      margin: 0 !important
   }

   .h-submenu__item.have-sub-sub {
      display: flex
   }

   .h-submenu__item.have-sub-sub:before {
      width: 40px;
      height: 39px;
      content: "";
      order: 1;
      display: inline-block
   }

   .h-submenu__item.have-sub-sub .h-submenu__link {
      position: relative;
      padding-right: 0;
      flex: 1 1 auto
   }

   .h-submenu__item.have-sub-sub .h-submenu__link:before {
      content: "";
      position: absolute;
      width: 9px;
      height: 9px;
      border-top: 1px solid #cb2b21;
      border-top: 1px solid var(--mainColor);
      border-right: 1px solid #cb2b21;
      border-right: 1px solid var(--mainColor);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      left: calc(100% + 15px);
      top: calc(50% - 4px);
      pointer-events: none
   }

   .h-submenu__item.have-sub-sub.js__opened .submenu {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
   }

   .h-submenu__link {
      display: block;
      padding: 10px 15px
   }

   .h-submenu__link:after,
   .submenu:before {
      display: none
   }

   .submenu__item {
      margin: 0 !important;
      border-bottom: 1px solid #eef2f5;
      border-bottom: 1px solid var(--borderColor)
   }

   .submenu__item:last-child {
      margin-bottom: auto
   }

   .submenu__link {
      display: block;
      padding: 10px 15px
   }
}

@media screen and (max-width:1000px) {
   .head__wrap {
      padding: 20px 20px 16px 20px
   }

   .head__logo {
      margin-right: 20px
   }

   .head__contacts-phones {
      margin-right: 25px
   }

   body.inner .head__wrap {
      padding: 16px
   }
}

@media screen and (max-width:660px) {
   body.inner .head__wrap {padding: 20px 24px 16px 20px;}
   .head {
      color: #000 !important;
      background-color: #fff !important;
      border-bottom: 1 solid #eef2f5;
      border-bottom: 1 solid var(--borderColor);
      position: fixed !important;
      left: 0;
      right: 0
   }

   .head__wrap {
      justify-content: space-between;
      flex-wrap: wrap
   }
   .head__contacts-phones .white-btn {display: none;}
   .h-city,
   /* .h-phone:not(:last-child), */
   .head__contacts-feedback,
   .head__link {
      display: none
   }

   .h-phone {
      display: flex;
      align-items: center;
      flex-wrap: wrap
   }

   .h-phone__ico {
      display: block
   }

   .head__contacts {
      flex: 1 0 auto;
      justify-content: flex-end
   }

   .head__burger {
      padding: 16px;
      margin: -16px
   }

   .h-city__select {
      border-bottom: 1px solid #eef2f5 !important;
      border-bottom: 1px solid var(--borderColor) !important;
      width: 100% !important;
      padding: 10px 30px 10px 15px !important;
      background: url("../img/ico-select-arrow.png") right 15px center no-repeat, #fff !important;
      background-size: 13px auto !important
   }

   .h-city__select .selectize-input:before {
      display: none !important
   }

   .h-city__select.selectize-dropdown {
      background: #fff !important
   }

   .logo__white {
      display: none
   }

   .logo__color:not(.active) {
      position: static;
      opacity: 1
   }

   body,
   html {
      overflow: auto !important
   }

   .content,
   body,
   html {
      height: auto !important
   }

   .content {
      -webkit-transform: none !important;
      transform: none !important;
      touch-action: auto !important
   }
}

@media screen and (max-width:420px) {
   .head__logo {
      max-width: 100px;
      margin-right: 0
   }

   .logo__color {
      object-fit: contain
   }

   .h-phone a {
      font-size: 14px
   }

   .head__burger {
      padding: 0
   }

   .head__wrap,
   body.inner .head__wrap {
      padding-right: 24px
   }
}

.page-404 {
   padding: 0
}

.page-404 .head {
   position: static !important
}

.page-404 .inner-content {
   margin: 0
}

.page-404 .inner-content,
.page-404 .inner-content__cont,
.page-404 .inner-content__cont>.wrapper {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto
}

.page-404 .inner-content__cont>.wrapper {
   width: 100%;
   box-sizing: border-box
}

.error-404 {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin: 150px 0 0;
   text-align: center
}

.error-404__number {
   color: #cb2b21;
   color: var(--mainColor);
   font-size: 14.38rem;
   line-height: 1;
   margin-bottom: 2.5rem
}

.error-404__title {
   font-size: 18px;
   margin-bottom: 20px;
   text-transform: uppercase;
   color: #cb2b21;
   color: var(--mainColor)
}

.error-404__text {
   color: #adb4c6;
   line-height: 1.5;
   margin-bottom: 40px
}

@media screen and (max-width:1200px) and (min-width:660px) {
   .error-404 {
      margin: 30px 0 0
   }

   .page-404 .footer {
      margin: 40px 0 0
   }
}

@media screen and (max-width:660px) {
   .error-404 {
      margin: 30px 0 0
   }

   .error-404__number {
      font-size: 60px;
      margin-bottom: 20px
   }

   .error-404__title {
      font-size: 16px
   }

   .error-404__text {
      margin-bottom: 20px;
      font-size: 14px
   }

   .error-404__text p {
      display: inline
   }
}

.main-screen {
   background-size: cover;
   background-position: 50%
}

.main-screen:not(.fp-section) {
   height: 100vh
}

.main-screen[data-text-color=white] {
   color: #fff
}

.main-screen:not([data-text-color]) {
   background: #fff
}

.screen-slide {
   display: flex !important;
   align-items: center;
   justify-content: space-between
}

.screen-slide:not(:first-child) {
   display: none !important
}

.screen-slide__subtitle,
.screen-slide__title {
   line-height: 1
}

.screen-slide__subtitle {
   font-size: 26px;
   margin-bottom: 18px
}

.screen-slide__title {
   font-size: 60px;
   margin-bottom: 2rem
}

.screen-slide__features {
   display: flex
}

.screen-slide__desc {
   align-self: stretch
}

.screen-slide__img img {
   display: block
}

.screen-slide__btn {
   margin: 20px 0 0
}

.screen-features {
   max-width: 230px
}

.screen-features__title {
   font-weight: 700;
   margin-bottom: 15px
}

.screen-features__list {
   line-height: 1.9375
}

.screen-features__list-link {
   color: inherit;
   border-bottom: 1px solid hsla(0, 0%, 69.8%, .7)
}

.screen-features__list-link:hover {
   border-color: #fff
}

.screen-features:not(:first-child) {
   margin-left: 100px
}

.screen-slider {
   padding: 40px 0
}

.screen-slider .slick-arrow {
   background: url("../img/white-arrow.png") no-repeat;
   width: 24px;
   height: 11px;
   display: block;
   position: absolute;
   bottom: 0;
   z-index: 5
}

.screen-slider .slick-prev {
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg);
   left: 0
}

.screen-slider .slick-next {
   left: 59px
}

.screen-slider .slick-dots {
   display: flex;
   justify-content: center;
   margin: 20px 0 0
}

.screen-slider .slick-dots button {
   display: block;
   border: none;
   padding: 0;
   overflow: hidden;
   text-indent: -9999px;
   width: 20px;
   height: 20px;
   background: none;
   position: relative
}

.screen-slider .slick-dots button:before {
   content: "";
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   position: absolute;
   background: #fff;
   border-radius: 50%;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
   -webkit-transform: scale(.4);
   transform: scale(.4)
}

.screen-slider .slick-dots .slick-active button:before {
   -webkit-transform: scale(.8);
   transform: scale(.8)
}

@media screen and (min-width:1000px) {

   .screen-slide__desc,
   .screen-slide__img {
      transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
      transition: opacity 0.3s ease, transform 0.3s ease;
      transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
   }

   .slick-active .screen-slide__desc,
   .slick-active .screen-slide__img {
      opacity: 1;
      -webkit-transform: none !important;
      transform: none !important
   }

   .slick-active .screen-slide__desc {
      transition-delay: 0.2s
   }

   .slick-active .screen-slide__img {
      transition-delay: 0.1s
   }

   .slick-active~.slick-slide .screen-slide__desc,
   .slick-active~.slick-slide .screen-slide__img {
      -webkit-transform: translate3d(-100%, 0, 0) !important;
      transform: translate3d(-100%, 0, 0) !important
   }
}

@media screen and (max-width:1000px) {
   .screen-slide {
      flex-direction: column-reverse
   }

   .screen-slide__img {
      margin-bottom: 30px
   }

   .screen-slide__img img {
      max-height: 28vh
   }

   .screen-slide__title {
      font-size: 50px
   }
}

@media screen and (max-width:660px) {
   .screen-features__list li {
      white-space: normal !important;
   }

   .main-screen {
      padding: 20px 0 !important
   }

   .main-screen,
   .main-screen .fp-tableCell {
      height: auto !important;
      display: block !important
   }

   .screen-slider {
      padding: 0
   }

   .screen-slide {
      align-items: stretch
   }

   .screen-slide__img {
      text-align: center;
      display: none
   }

   .screen-slide__img img {
      display: inline-block !important
   }

   .screen-slide__subtitle {
      margin-bottom: 12px;
      font-size: 16px
   }

   .screen-slide__title {
      font-size: 24px;
      margin-bottom: 15px
   }

   .screen-slide__features {
      display: block;
      -webkit-column-count: 2;
      column-count: 2;
      grid-column-gap: 20px;
      -webkit-column-gap: 20px;
      column-gap: 20px
   }

   .screen-features {
      page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
      break-inside: avoid;
      max-width: none;
      margin: 0 !important;
      font-size: 14px
   }

   .screen-features__title {
      margin-bottom: 10px
   }

   .screen-features__list {
      line-height: 1.2
   }

   .screen-features__list li:not(:first-child) {
      margin: 10px 0 0
   }
}

.main-advantages {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap
}

.main-advantages__title {
   font-size: 70px;
   line-height: 1;
   max-width: 460px
}

.main-advantages__subtitle {
   font-size: 14px;
   color: hsla(0, 0%, 49.8%, .5);
   width: 100%;
   margin: 65px 0 0
}

.m-advantages__title {
   color: #cb2b21;
   color: var(--mainColor);
   font-size: 25px;
   margin-bottom: 12px
}

.m-advantages__subtitle {
   margin-bottom: 36px
}

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

.m-advantages__list-item:not(:first-child) {
   margin: 25px 0 0
}

.m-advantages__list-img {
   width: 50px;
   flex: none;
   margin-right: 22px
}

.m-advantages__list-text {
   font-size: 24px;
   margin-bottom: 6px
}

.m-advantages__list-subtitle {
   color: rgba(0, 0, 0, .5)
}

@media screen and (max-width:1700px) {
   .main-advantages {
      justify-content: space-around
   }
}

@media screen and (max-width:1000px) {
   .main-advantages__title {
      font-size: 50px;
      max-width: none;
      text-align: center;
      margin: 0 0 25px
   }

   .main-advantages__list {
      width: 100%
   }

   .m-advantages__subtitle,
   .m-advantages__title {
      text-align: center
   }

   .m-advantages__list {
      display: flex;
      flex-wrap: wrap;
      margin: 0 0 -40px -20px
   }

   .m-advantages__list-item {
      width: calc((100% - 60px)/3);
      margin: 0 0 40px 20px !important
   }

   .m-advantages__list-subtitle {
      font-size: 15px
   }

   .m-advantages__list-img {
      width: 30px;
      margin-right: 15px
   }

   .m-advantages__list-text {
      font-size: 20px;
      margin-bottom: 4px
   }
}

@media screen and (max-width:660px) {
   .main-advantages__title {
      font-size: 25px;
      margin: 0 0 15px
   }

   .main-advantages__subtitle {
      margin: 20px 0 0
   }

   .m-advantages__title {
      font-size: 20px
   }

   .m-advantages__list {
      margin: 0 0 -20px -20px
   }

   .m-advantages__list-item {
      width: calc((100% - 40px)/2);
      margin: 0 0 20px 20px !important;
      display: block
   }

   .m-advantages__list-img {
      float: left
   }

   .m-advantages__list-text {
      font-size: 18px;
      margin-bottom: 15px
   }

   .m-advantages__list-subtitle {
      font-size: 14px
   }
}

.main-steps__title {
   font-size: 36px;
   line-height: 1.16667;
   max-width: 600px
}

.main-steps__list {
   margin: 25px 0 0
}

.m-steps {
   display: flex
}

.m-steps__item {
   display: flex;
   flex: none
}

.m-steps__item:nth-child(odd) .m-step__desc {
   background: #ebebeb
}

.m-steps__item:nth-child(2n) .m-step__desc {
   background: #f0f0f0;
   background: var(--secondColor)
}

.m-steps__item:last-child {
   width: 185px
}

.m-steps__item:last-child .m-step__desc {
   color: #fff;
   background: #cb2b21;
   background: var(--mainColor);
   justify-content: center;
   padding-top: 20px;
   padding-bottom: 20px
}

.m-step {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto
}

.m-step__img {
   align-self: center;
   margin-bottom: 45px
}

.m-step__img img {
   display: block
}

.m-step__desc {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   border-bottom: 2px solid #cb2b21;
   border-bottom: 2px solid var(--mainColor);
   padding: 23px 5px 38px 30px
}

.m-step__title {
   font-size: 20px
}

.m-step__title:not(:last-child) {
   margin-bottom: 25px
}

.m-step__text {
   font-size: 15px;
   line-height: 1.73333
}

@media screen and (min-width:660px) {
   .m-steps__item:last-child .m-step__img-for-mobile {
      display: none
   }
}

@media screen and (min-width:1000px) {
   .m-steps__item {
      padding-right: 0 !important
   }
}

@media screen and (max-width:1300px) {
   .main-steps__title {
      font-size: 30px
   }

   .m-step__img {
      margin-bottom: 25px
   }

   .m-step__title {
      font-size: 18px
   }

   .m-step__title:not(:last-child) {
      margin-bottom: 12px
   }

   .m-step__desc {
      padding-left: 15px
   }
}

@media screen and (max-width:1000px) {
   .m-steps {
      flex-direction: column;
      align-items: flex-start;
      max-width: 90%
   }

   .m-steps__item {
      padding-top: 0 !important;
      width: 100% !important
   }

   .m-step {
      flex-direction: row
   }

   .m-step__img {
      margin-bottom: 0;
      width: 90px;
      text-align: center
   }

   .m-step__img img {
      display: inline-block
   }

   .m-step__text {
      height: auto !important;
      font-size: 14px
   }

   .m-step__desc {
      padding: 13px 20px
   }

   .m-step__title {
      font-size: 17px
   }

   .m-step__title:not(:last-child) {
      margin-bottom: 4px
   }
}

@media screen and (max-width:660px) {
   .main-steps__title {
      font-size: 20px;
      text-align: center;
      max-width: none
   }

   .m-steps {
      max-width: none;
      margin: 0 -16px
   }

   .m-steps__item {
      padding: 0 !important
   }

   .m-steps__item:nth-child(2n) .m-step__img {
      background: #f0f0f0;
      background: var(--secondColor)
   }

   .m-steps__item:nth-child(odd) .m-step__img {
      background: #ebebeb
   }

   .m-steps__item:last-child .m-step__img {
      border: none;
      width: 55px;
      background: #cb2b21;
      background: var(--mainColor)
   }

   .m-steps__item:last-child .m-step__img img {
      filter: brightness(200)
   }

   .m-steps__item:last-child .m-step__img img:first-child:not(:last-child) {
      display: none
   }

   .m-steps__item:last-child .m-step__desc,
   .m-steps__item:last-child .m-step__img {
      border: none
   }

   .m-step__img {
      align-self: stretch;
      border-bottom: 2px solid #dbdbdb;
      width: 55px;
      padding: 13px 0 13px 10px
   }

   .m-step__desc {
      padding: 13px 15px;
      border-color: #dbdbdb
   }

   .m-step__title {
      font-size: 16px
   }

   .m-step__title:not(:last-child) {
      margin-bottom: 2px
   }

   .m-step__text {
      line-height: 1.3;
      font-size: 13px
   }

   .m-step__text li:not(:first-child) {
      margin: 4px 0 0
   }
}

.main-prices {
   display: flex;
   align-items: center;
   justify-content: space-between
}

.main-prices__left {
   max-width: 600px
}

.main-prices__left-title {
   font-size: 70px;
   line-height: 1.05714
}

.main-prices__left-title:not(:last-child) {
   margin-bottom: 45px
}

.m-prices__item {
   border-top: 1px solid #eef2f5;
   border-top: 1px solid var(--borderColor)
}

.m-prices__item:last-child {
   border-bottom: 1px solid #eef2f5;
   border-bottom: 1px solid var(--borderColor)
}

.m-price {
   display: flex;
   align-items: center;
   padding: 28px 40px 30px 0
}

.m-price__price {
   margin-right: auto;
   color: hsla(0, 0%, 49.8%, .5);
   padding-right: 40px
}

.m-price__title {
   margin-right: 43px;
   font-size: 20px;
   border-bottom: 1px solid transparent
}

.m-price__title:focus,
.m-price__title:hover {
   border-color: currentColor
}

.m-price__title:nth-last-child(2) {
   margin-right: auto
}

@media screen and (max-width:1400px) and (min-width:1000px) {
   .main-prices__left {
      max-width: 450px
   }

   .main-prices__left-title {
      font-size: 55px
   }
}

@media screen and (max-width:1200px) and (min-width:1000px) {
   .m-price {
      padding: 20px 20px 21px 0
   }

   .m-price__title {
      font-size: 18px
   }
}

@media screen and (max-width:1000px) {
   .main-prices {
      flex-direction: column;
      align-items: stretch;
      position: relative;
      padding: 0 0 65px
   }

   .main-prices__left {
      max-width: none
   }

   .main-prices__left-title {
      font-size: 50px;
      text-align: center
   }

   .main-prices__left-title br {
      display: none
   }

   .main-prices__left-title:not(:last-child) {
      margin-bottom: 20px
   }

   .main-prices__left-btn {
      right: 0;
      bottom: 0;
      left: 0;
      position: absolute;
      text-align: center
   }

   .m-price {
      padding: 15px 40px 15px 0
   }

   .m-price__title {
      font-size: 17px;
      margin-right: 25px
   }

   .m-price__price {
      font-size: 14px
   }
}

@media screen and (max-width:660px) {
   .main-prices__left-title {
      font-size: 20px;
      margin-bottom: 10px
   }

   .main-prices__list {
      margin: 0 -16px
   }

   .m-price {
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 12px 20px
   }

   .m-price__title {
      font-size: 16px;
      margin-right: 15px
   }

   .m-price__price {
      order: 1;
      width: 100%;
      margin: 4px 0 0
   }

   @supports (display:grid) {
      .m-price {
         display: grid;
         grid-template-areas: "title arrow" "subtitle arrow";
         grid-template-columns: 1fr 30px;
         grid-gap: 5px 15px
      }

      .m-price__price,
      .m-price__title {
         margin: 0;
         width: auto
      }

      .m-price__title {
         grid-area: title
      }

      .m-price__arrow {
         grid-area: arrow;
         position: relative
      }

      .m-price__price {
         grid-area: subtitle
      }

      .arrow-link {
         width: 100%;
         height: 46px
      }
   }
}

.main-clients {
   display: flex;
   align-items: center;
   justify-content: space-between
}

.main-clients__left {
   max-width: 455px;
   margin-right: 2rem
}

.main-clients__left-title {
   font-size: 70px;
   line-height: 1.05714
}

.main-clients__left-title:not(:last-child) {
   margin-bottom: 50px
}

.main-clients__list {
   max-width: 710px
}

.c-list {
   display: flex;
   flex-wrap: wrap
}

.c-list__item {
   width: 33.33%;
   flex-direction: column
}

.c-list__item,
.client-item {
   display: flex;
   justify-content: center
}

.client-item {
   flex-direction: column;
   align-items: center;
   flex: 1 1 auto;
   padding: 37px 15px;
   position: relative
}

.client-item:focus .reviews-btn,
.client-item:hover .reviews-btn {
   opacity: 1
}

.reviews-btn {
   flex: 1 1 auto;
   color: #fff;
   background: url("../img/ico-reviews.png") left 34px center no-repeat;
   background-color: #cb2b21;
   background-color: var(--mainColor);
   transition: background-color 0.3s ease;
   padding: 20px 20px 20px 5.63rem;
   display: flex;
   justify-content: center;
   flex-direction: column;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   position: absolute;
   opacity: 0;
   transition: opacity 0.3s ease
}

@media screen and (max-width:1500px) {
   .main-clients__left-title {
      font-size: 55px
   }
}

@media screen and (max-width:1400px) {
   .client-item {
      padding: 25px 15px
   }
}

@media screen and (max-width:1000px) {
   .main-clients {
      flex-direction: column;
      align-items: stretch;
      position: relative;
      padding: 0 0 70px
   }

   .main-clients__left,
   .main-clients__list {
      width: auto
   }

   .main-clients__left {
      margin: 0;
      max-width: none;
      text-align: center
   }

   .main-clients__left-title {
      font-size: 50px
   }

   .main-clients__left-title:not(:last-child) {
      margin: 0
   }

   .main-clients__left-title br {
      display: none
   }

   .main-clients__left-btn {
      right: 0;
      bottom: 0;
      left: 0;
      position: absolute
   }

   .main-clients__list {
      margin: 40px 0 0
   }

   .client-item {
      padding: 15px 10px
   }
}

@media screen and (max-width:660px) {
   .main-clients__left-title {
      font-size: 20px
   }

   .main-clients__list {
      margin: 20px 0 0;
      max-width: none
   }

   .c-list__item {
      width: 50%
   }

   .c-list__item--btn {
      width: 100%
   }

   .client-item {
      padding: 10px 8px
   }

   .reviews-btn {
      background-position: left 15px center;
      padding: 20px 20px 20px 60px
   }
}

.main-request {
   display: flex;
   align-items: center;
   justify-content: space-between
}

.main-request__title {
   font-size: 70px;
   line-height: 1.05714;
   max-width: 600px
}

.main-request__form {
   max-width: 640px
}

.req-form__wrap {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -10px -52px
}

.req-form .forms__input--error {
   border-color: #000
}

.req-form__input {
   background: transparent;
   border: none;
   border-bottom: 1px solid;
   padding: 0 0 15px;
   color: #fff;
   height: 45px
}

.req-form__input:required+label:after {
   content: "*"
}

.req-form__input.js__have-content+label,
.req-form__input:focus+label {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
}

.req-form__input--textarea {
   resize: none
}

.req-form__input-cont {
   display: flex;
   flex-direction: column-reverse;
   width: calc((100% - 156px)/3);
   margin: 0 0 10px 52px;
   position: relative
}

.req-form__input-cont--full {
   width: calc(100% - 52px)
}

.req-form__label {
   -webkit-transform: translate3d(0, 105%, 0);
   transform: translate3d(0, 105%, 0);
   pointer-events: none;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

.req-form__file {
   margin: 42px 0 0;
   display: flex;
   align-items: center;
   position: relative
}

.req-form__file-input {
   opacity: 0;
   pointer-events: none;
   top: 0;
   left: 0;
   position: absolute;
   max-width: 100%
}

.req-form__file-label {
   border: 1px solid rgba(48, 10, 12, .3);
   padding: 14px 28px 16px;
   margin-right: 30px;
   cursor: pointer
}

.req-form__file-text {
   font-size: 14px
}

.req-form__file-text[data-prev-text] {
   pointer-events: none;
   position: relative;
   display: inline-block;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.req-form__file-text[data-prev-text]:after {
   content: "";
   top: calc(100% - 24px);
   left: calc(100% + 15px);
   position: absolute;
   pointer-events: all;
   cursor: pointer;
   width: 30px;
   height: 30px;
   background: url("../img/ico-close.svg") 50% no-repeat
}

.req-form__bot {
   margin: 38px 0 0;
   display: flex;
   align-items: center
}

.req-form__bot-btn {
   flex: none;
   margin-right: 45px
}

.req-form__bot-btn .default-btn {
   background: #fff !important;
   color: #000
}

.req-form__bot-text {
   font-size: 14px
}

.req-form__bot-text a {
   color: inherit;
   border-bottom: 1px solid hsla(0, 0%, 80%, .8)
}

@media screen and (max-width:1500px) {
   .main-request__title {
      font-size: 55px
   }
}

@media screen and (max-width:1000px) {
   .main-request {
      flex-direction: column;
      align-items: stretch
   }

   .main-request__form,
   .main-request__title {
      max-width: none
   }

   .main-request__title {
      font-size: 50px;
      text-align: center
   }

   .main-request__title br {
      display: none
   }

   .main-request__form {
      margin: 20px 0 0
   }
}

@media screen and (max-width:660px) {
   .main-request__title {
      font-size: 20px
   }

   .req-form__wrap {
      margin: 0
   }

   .req-form__input-cont {
      width: 100%;
      margin: 0
   }

   .req-form__input-cont:not(:first-child) {
      margin: 10px 0 0
   }

   .req-form__file {
      margin: 30px 0 0;
      display: block
   }

   .req-form__file-text {
      display: block;
      margin: 10px 0 0
   }

   .req-form__file-text br {
      display: none
   }

   .req-form__file-label {
      text-align: center;
      margin-right: 0;
      display: block
   }

   .req-form__bot {
      margin: 30px 0 0;
      display: block
   }

   .req-form__bot-btn {
      margin: 0;
      text-align: center
   }

   .req-form__bot-btn .default-btn {
      width: 100%
   }

   .req-form__bot-text {
      margin: 20px 0 0
   }
}

.standart-page__text {
   border-top: 2px solid #cb2b21;
   border-top: 2px solid var(--mainColor);
   background: #f7f7f7;
   padding: 55px 65px
}

.standart-page__text .text-page {
   max-width: 1000px
}

.standart-page__another {
   margin: 75px 0 0;
   padding: 0 65px
}

.standart-page__another-title {
   font-size: 30px;
   margin-bottom: 45px
}

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

.another-services {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -60px -60px
}

.another-services__item {
   width: calc((100% - 180px)/3);
   margin: 0 0 60px 60px;
   display: flex;
   flex-direction: column
}

.another-services__item-title {
   flex: none;
   margin-bottom: 21px;
   font-size: 20px
}

.another-services__item-title:focus,
.another-services__item-title:hover {
   color: #cb2b21;
   color: var(--mainColor);
   text-decoration: underline
}

.another-services__item-text {
   flex: 1 1 auto;
   line-height: 1.5
}

.another-services__item-btn {
   margin: 37px 0 0
}

@media screen and (max-width:1600px) and (min-width:660px) {
   .standart-page__text {
      padding: 35px 30px
   }

   .standart-page__another {
      margin: 40px 0 0;
      padding: 0 30px
   }

   .standart-page__another-title {
      margin-bottom: 25px
   }
}

@media screen and (max-width:1000px) {
   .standart-page__arrows {
      margin: 20px 0 0
   }
}

@media screen and (max-width:660px) {
   .standart-page {
      margin: -20px 0 0
   }

   .standart-page__text {
      padding: 16px;
      margin: 0 -16px
   }

   .standart-page__another {
      margin: 20px 0 0;
      padding: 0
   }

   .standart-page__another-title {
      font-size: 18px;
      margin-bottom: 15px
   }

   .another-services {
      margin: 0
   }

   .another-services__item {
      width: 100%;
      margin: 0
   }

   .another-services__item:not(:first-child) {
      margin: 20px 0 0
   }

   .another-services__item-title {
      font-size: 16px;
      margin-bottom: 8px
   }

   .another-services__item-text {
      font-size: 14px
   }

   .another-services__item-btn {
      margin: 10px 0 0
   }

   .standart-page__arrows {
      display: block
   }

   .standart-page__arrows .arrow-btn {
      width: 100%
   }

   .standart-page__arrows .arrow-btn:not(:first-child) {
      margin: 16px 0 0
   }
}

.vacancy {
   background: #f7f7f7;
   padding: 55px 65px;
   border-top: 2px solid #cb2b21;
   border-top: 2px solid var(--mainColor)
}

.vacancy__text,
.vacancy__title {
   max-width: 1000px
}

.vacancy__title {
   font-size: 26px;
   line-height: 1.15385;
   margin-bottom: 38px
}

.vacancy__text {
   line-height: 1.5
}

.vacancy__list {
   margin: 48px 0 0
}

.vacancy__list-item:not(:first-child) {
   margin: 22px 0 0
}

.vacancy__contacts {
   margin: 52px 0 0
}

.vacancy-item__title {
   cursor: pointer;
   background: #fff;
   position: relative;
   font-size: 20px;
   line-height: 1.4;
   padding: 28px 77px 30px 47px
}

.vacancy-item__title:after {
   content: "";
   top: calc(50% - 5px);
   right: 37px;
   position: absolute;
   width: 9px;
   height: 9px;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
   border-right: 1px solid;
   border-top: 1px solid
}

.vacancy-item__title:not(.js__opened):after {
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg)
}

.vacancy-item__title.js__opened:after {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.vacancy-item__text {
   padding: 40px 47px 20px;
   display: none
}

.vacancy-item__text .text-page p+ol,
.vacancy-item__text .text-page p+ul {
   margin-top: 12px
}

.contact-form {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: #fff;
   border-left: 2px solid #cb2b21;
   border-left: 2px solid var(--mainColor);
   padding: 28px 43px
}

.contact-form__text {
   flex: 1 1 auto;
   max-width: 750px
}

.contact-form__btn {
   flex: none;
   margin-left: 30px
}

@media screen and (max-width:1600px) and (min-width:1000px) {
   .vacancy {
      padding: 35px 30px
   }

   .vacancy__list-item:not(:first-child) {
      margin: 17px 0 0
   }

   .vacancy-item__title {
      padding: 18px 50px 20px 20px;
      font-size: 18px
   }

   .vacancy-item__title:after {
      right: 25px
   }

   .vacancy-item__text {
      padding: 20px
   }

   .contact-form {
      padding: 25px 20px
   }
}

@media screen and (max-width:1000px) and (min-width:660px) {
   .vacancy {
      padding: 25px 20px
   }

   .vacancy__list-item:not(:first-child) {
      margin: 15px 0 0
   }

   .vacancy-item__title {
      padding: 18px 50px 20px 20px;
      font-size: 18px
   }

   .vacancy-item__title:after {
      right: 25px
   }

   .contact-form,
   .vacancy-item__text {
      padding: 20px
   }
}

@media screen and (max-width:660px) {
   .vacancy {
      padding: 22px 16px;
      margin: -20px -16px 0
   }

   .vacancy__title {
      font-size: 18px;
      margin-bottom: 20px
   }

   .vacancy__list {
      margin: 25px 0 0
   }

   .vacancy__list-item:not(:first-child) {
      margin: 15px 0 0
   }

   .vacancy__contacts {
      margin: 25px 0 0
   }

   .vacancy-item__title {
      padding: 16px 30px 18px 16px;
      font-size: 16px
   }

   .vacancy-item__title:after {
      right: 15px
   }

   .vacancy-item__text {
      padding: 16px
   }

   .contact-form {
      padding: 16px;
      display: block
   }

   .contact-form__btn {
      margin: 20px 0 0
   }
}

.thanks {
   text-align: center
}

.thanks__title {
   font-size: 48px;
   line-height: 1;
   font-weight: 400
}

.thanks__text {
   color: rgba(0, 0, 0, .5);
   margin: 27px 0 0
}

@media screen and (min-width:1000px) {
   .thanks {
      padding: 20px 0 0;
      min-height: 41.32vh;
      display: flex;
      flex-direction: column;
      justify-content: center
   }
}

@media screen and (max-width:660px) {
   .thanks {
      margin: 30px 0 0
   }

   .thanks__title {
      font-size: 30px
   }

   .thanks__text {
      font-size: 14px;
      margin: 20px 0 0
   }
}

.case__another,
.case__cases {
   margin: 80px 0 0
}

.case-list {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -42px -55px
}

.case-list__item {
   width: calc((100% - 165px)/3);
   margin: 0 0 42px 55px;
   display: flex;
   flex-direction: column
}

.case-list__item-img {
   margin-bottom: 35px
}

.case-list__item-img img {
   display: block;
   width: 100%;
   max-height: 100%
}

.case-list__item-title {
   line-height: 1.5;
   max-width: 330px
}

.case-list__item-subtitle {
   color: rgba(0, 0, 0, .5);
   font-size: 14px;
   margin: 8px 0 auto
}

.case-list__item-features {
   background: #f0f0f0;
   background: var(--secondColor);
   margin: 35px 0 0;
   padding: 20px 22px;
   justify-content: center
}

.case-list__item-features,
div.case-list__item-img {
   display: flex;
   flex-direction: column
}

.case-contact {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   justify-content: center;
   background: #cb2b21;
   background: var(--mainColor);
   color: #fff;
   padding: 40px 40px
}

.case-contact__title {
   font-size: 30px;
   line-height: 1.1
}

.case-contact__title:not(:last-child) {
   margin-bottom: 30px
}

.case-contact__btn .white-btn {
   color: #000
}

.cases__item {
   border-top: 1px solid #eef2f5;
   border-top: 1px solid var(--borderColor);
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 30px 56px 32px 0
}

.cases__item:last-child {
   border-bottom: 1px solid #eef2f5;
   border-bottom: 1px solid var(--borderColor)
}

.cases__item-title {
   font-size: 20px
}

.cases__item:focus,
.cases__item:hover {
   color: #cb2b21;
   color: var(--mainColor);
   text-decoration: underline
}

.another-cases {
   background: #f7f7f7;
   padding: 70px 70px 80px
}

.another-cases__title {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 60px
}

.another-cases__title-text {
   font-size: 30px
}

.another-cases__title-arrows {
   flex: none;
   margin-left: 2rem;
   display: flex
}

.another-cases__title-arrows:empty {
   display: none
}

.another-cases .slick-arrow {
   width: 20px;
   height: 20px;
   flex: none;
   position: relative
}

.another-cases .slick-arrow:after {
   content: "";
   top: calc(50% - 5px);
   right: calc(50% - 5px);
   position: absolute;
   width: 9px;
   height: 9px;
   border-top: 1px solid #cb2b21;
   border-top: 1px solid var(--mainColor);
   border-right: 1px solid #cb2b21;
   border-right: 1px solid var(--mainColor);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.another-cases .slick-prev {
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg)
}

.case-slider {
   margin: 0 -32px
}

.case-slider .slick-track {
   margin-left: 0 !Important;
   margin-right: 0 !Important;
}

.case-slider:not(.slick-slider) {
   display: flex
}

.case-slider:not(.slick-slider) .case-slide {
   width: 33.33%
}

.case-slide {
   padding: 0 32px
}

.case-slide:nth-child(n+4) {
   display: none
}

.case-slide__title {
   margin-bottom: 22px
}

.case-slide__title a {
   border: none !important
}

.case-slide__title a:focus,
.case-slide__title a:hover {
   color: #cb2b21;
   color: var(--mainColor);
   text-decoration: underline
}

.case-slide__category {
   margin-bottom: 32px
}

@media screen and (max-width:1600px) {

   .case__another,
   .case__cases {
      margin: 40px 0 0
   }

   .case-list {
      margin: 0 0 -40px -30px
   }

   .case-list__item {
      width: calc((100% - 90px)/3);
      margin: 0 0 40px 30px
   }

   .case-list__item-img {
      margin-bottom: 15px
   }

   .case-list__item-features {
      margin: 20px 0 0
   }

   .cases__item {
      padding: 25px 40px 27px 0
   }

   .cases__item-title {
      font-size: 18px
   }

   .another-cases {
      padding: 30px
   }

   .case-contact {
      padding: 40px 40px
   }
}

@media screen and (max-width:1200px) {
   .case-contact__title br {
      display: none
   }
}

@media screen and (max-width:1200px) and (min-width:1000px) {
   .another-cases__title {
      margin-bottom: 35px
   }

   .case-slide {
      padding: 0 22px
   }

   .case-slider {
      margin: 0 -22px
   }
}

@media screen and (max-width:1000px) and (min-width:660px) {
   .case-list {
      margin: 0 0 -30px -20px
   }

   .case-list__item {
      width: calc((100% - 40px)/2);
      margin: 0 0 30px 20px
   }

   .another-cases {
      padding: 20px
   }

   .another-cases__title {
      margin-bottom: 25px
   }

   .case-slide {
      padding: 0 20px
   }

   .case-slider {
      margin: 0 -20px
   }
}

@media screen and (max-width:660px) {
   .case-list {
      margin: 0;
      display: block
   }

   .case-list__item {
      width: auto;
      margin: 0
   }

   .case-list__item:not(:first-child) {
      margin: 30px 0 0
   }

   .case-list__item-features,
   .case-list__item-img {
      height: auto !important
   }

   .case-list__item-features {
      padding: 16px;
      font-size: 14px
   }

   .case-contact {
      padding: 20px 16px
   }

   .case-contact__title {
      font-size: 22px
   }

   .case-contact__title:not(:last-child) {
      margin-bottom: 20px
   }

   .case-contact__title br {
      display: none
   }

   .case__another,
   .case__cases {
      margin: 30px 0 0
   }

   .cases__item {
      padding: 20px 0
   }

   .cases__item-title {
      font-size: 16px;
      margin-right: 15px
   }

   .another-cases {
      padding: 20px
   }

   .another-cases__title {
      margin-bottom: 25px
   }

   .another-cases__title-text {
      font-size: 22px
   }

   .another-cases__title-arrows {
      display: none
   }

   .case-slider {
      margin: 0 -5px
   }

   .case-slider .slick-dots {
      pointer-events: all;
      margin: 20px 0 0
   }

   .case-slider .slick-dots li {
      display: inline-block
   }

   .case-slider .slick-dots li:not(:first-child) {
      margin: 0 0 0 10px
   }

   .case-slider .slick-dots .slick-active button {
      background: #cb2b21;
      background: var(--mainColor);
      box-shadow: 0 0 24px 0 rgba(72, 9, 9, .36)
   }

   .case-slider .slick-dots button {
      border: none;
      overflow: hidden;
      text-indent: -9999px;
      border-radius: 50%;
      background: #dbdbdb;
      width: 10px;
      height: 10px;
      display: block;
      padding: 0;
      transition: background 0.3s ease, box-shadow 0.3s ease
   }

   .case-slide {
      padding: 0 5px
   }
}

.clients__top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 190px 0 65px
}

.clients__title {
   font-size: 30px;
   line-height: 1.13333;
   margin-bottom: 40px
}

.clients__text {
   line-height: 1.875
}

.clients__list {
   margin: 144px 0 0;
   background: #f7f7f7;
   padding: 50px 65px
}

.clients__list-block:not(:first-child) {
   margin: 70px 0 0
}

.clients-video__img {
   position: relative;
   display: block
}

.clients-video__img:before {
   content: "";
   top: -27px;
   left: -80px;
   position: absolute;
   background: url("../img/notebook-img.png") no-repeat;
   width: 674px;
   height: 521px;
   pointer-events: none
}

.clients-video__img img {
   display: block;
   position: relative;
   z-index: 1
}

.clients-video__img-text {
   top: calc(50% - 23px);
   left: calc(50% - 99px);
   position: absolute;
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   padding: 3px 30px 3px 83px;
   width: 198px;
   height: 56px;
   display: flex;
   align-items: center;
   font-size: 14px;
   line-height: 1.28571;
   border-radius: 28px;
   z-index: 2
}

.clients-video__img-text:before {
   content: "";
   top: 1px;
   bottom: 1px;
   left: 1px;
   position: absolute;
   background: url("../img/ico-play.png") 50% no-repeat, #fff;
   border-radius: 50%;
   background-size: 30px auto;
   width: 53px;
   height: 53px
}

.clients-block__title {
   font-size: 26px;
   margin-bottom: 31px
}

.clients-list {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -50px -32px
}

.clients-list__item {
   width: calc((100% - 128px)/4);
   margin: 0 0 50px 32px
}

.clients-list__item:hover .clients-list__item-review {
   opacity: 1
}

.clients-list__item-img {
   position: relative;
   display: block;
   margin-bottom: 29px
}

.clients-list__item-img img {
   display: block;
   width: 100%
}

.clients-list__item-review {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   position: absolute;
   display: flex;
   align-items: center;
   opacity: 0;
   transition: opacity 0.3s ease;
   background: url("../img/ico-reviews.png") left 47px center no-repeat;
   background-color: #cb2b21;
   background-color: var(--mainColor);
   color: #fff;
   padding: 10px 15px 13px 110px
}

.clients-list__item-title:not(:last-child) {
   margin-bottom: 18px
}

.clients-list__item-desc {
   color: rgba(0, 0, 0, .5)
}

@media screen and (max-width:1600px) {
   .clients__top {
      padding: 20px 140px 0 40px
   }

   .clients__list {
      margin: 100px 0 0;
      padding: 30px
   }
}

@media screen and (max-width:1300px) ad (min-width:1200px) {
   .clients__top {
      padding: 20px 120px 0 0
   }
}

@media screen and (max-width:1200px) and (min-width:1000px) {
   .clients-list {
      margin: 0 0 -30px -30px
   }

   .clients-list__item {
      width: calc((100% - 90px)/3);
      margin: 0 0 30px 30px
   }

   .clients__top {
      padding: 20px 30px 0 0
   }

   .clients__top-right {
      -webkit-transform: scale(.8);
      transform: scale(.8)
   }
}

@media screen and (max-width:1000px) {
   .clients__top {
      display: block;
      text-align: center;
      padding: 0
   }

   .clients__top-right {
      display: inline-block;
      margin: 60px 0 0;
      -webkit-transform: none;
      transform: none
   }

   .clients__title {
      margin-bottom: 20px
   }

   .clients__list {
      padding: 20px
   }
}

@media screen and (max-width:1000px) and (min-width:660px) {
   .clients-list {
      margin: 0 0 -20px -20px
   }

   .clients-list__item {
      width: calc((100% - 40px)/2);
      margin: 0 0 20px 20px
   }

   .clients-block__title {
      margin-bottom: 20px;
      font-size: 20px
   }

   .clients-list__item-img {
      margin-bottom: 10px
   }
}

@media screen and (max-width:660px) {
   .clients-list {
      margin: 0;
      display: block
   }

   .clients-list__item {
      width: auto;
      margin: 0
   }

   .clients-list__item:not(:first-child) {
      margin: 20px 0 0
   }

   .clients-block__title {
      margin-bottom: 20px;
      font-size: 20px
   }

   .clients-list__item-img,
   .clients-list__item-title:not(:last-child) {
      margin-bottom: 10px
   }

   .clients-list__item-desc {
      font-size: 14px
   }

   .clients__title {
      margin-bottom: 16px;
      font-size: 17px
   }

   .clients__text {
      line-height: 1.4;
      font-size: 14px
   }

   .clients__top-right {
      margin: 30px 0 0
   }

   .clients__list {
      margin: 30px -16px 0;
      padding: 20px 16px
   }

   .clients-video__img:before {
      display: none
   }
}

.dictionary__list {
   margin: 52px 0 0
}

.dictionary__list-item:not(:first-child) {
   margin: 73px 0 0
}

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

.dictionary__btns-btn {
   flex: 1 1 auto
}

.dictionary__btns-btn:not(:first-child) {
   margin-left: 22px
}

.dictionary__btns-btn:not(:last-child) {
   margin-right: 22px
}

.dictionary__btns-btn.active .dct-btn {
   background: #df2f24
}

.dct-btn {
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   text-transform: uppercase;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   font-size: 26px;
   line-height: 1;
   height: 129px;
   transition: background 0.3s ease
}

.dct-btn:focus,
.dct-btn:hover {
   background: #df2f24
}

.dictionary-item__title {
   background: #f7f7f7;
   padding: 29px 34px 30px
}

.dictionary-item__title:not(:last-child) {
   margin-bottom: 50px
}

.dictionary-columns {
   -webkit-column-count: 4;
   column-count: 4;
   grid-column-gap: 45px;
   -webkit-column-gap: 45px;
   column-gap: 45px
}

.dictionary-columns__item {
   page-break-inside: avoid;
   -webkit-column-break-inside: avoid;
   break-inside: avoid
}

.dictionary-columns__item:not(:first-child) {
   margin: 52px 0 0
}

.dictionary-columns__item-title {
   margin-bottom: 16px
}

.dictionary-columns__item-list {
   line-height: 1.5
}

@media screen and (max-width:1600px) {
   .dictionary__list {
      margin: 30px 0 0
   }

   .dictionary__list-item:not(:first-child) {
      margin: 40px 0 0
   }

   .dct-btn {
      height: 90px
   }

   .dictionary-item__title {
      padding: 20px 30px
   }

   .dictionary-item__title:not(:last-child) {
      margin-bottom: 30px
   }

   .dictionary-columns {
      grid-column-gap: 30px;
      -webkit-column-gap: 30px;
      column-gap: 30px
   }

   .dictionary-columns__item:not(:first-child) {
      margin: 30px 0 0
   }
}

@media screen and (max-width:1000px) and (min-width:660px) {
   .dictionary-columns {
      grid-column-gap: 20px;
      -webkit-column-gap: 20px;
      column-gap: 20px
   }

   .dct-btn {
      height: 60px
   }

   .dictionary-item__title {
      padding: 20px
   }
}

@media screen and (max-width:660px) {
   .dictionary-columns {
      grid-column-gap: 20px;
      -webkit-column-gap: 20px;
      column-gap: 20px;
      -webkit-column-count: 2;
      column-count: 2
   }

   .dct-btn {
      height: auto;
      font-size: 20px
   }

   .dct-btn,
   .dictionary-item__title {
      padding: 16px
   }

   .dictionary__list {
      margin: 20px 0 0
   }

   .dictionary__btns-btn:not(:last-child) {
      margin-right: 6px
   }

   .dictionary__btns-btn:not(:first-child) {
      margin-left: 6px
   }
}

.about__advantages {
   margin: -97px 0 0
}

.about__form {
   margin: 56px 0 0
}

.a-advantages {
   margin: 0 0 -54px -54px
}

.a-advantages__row {
   display: flex
}

.a-advantages__row--double,
.a-advantages__row--triple {
   flex-wrap: wrap
}

.a-advantages__row--double .a-advantages__row-item {
   width: calc((100% - 108px)/2)
}

.a-advantages__row--triple .a-advantages__row-item {
   width: calc((100% - 162px)/3)
}

.a-advantages__row--variable .a-advantages__row-item {
   flex: 1 1 auto;
   min-width: 280px;
   max-width: 580px
}

.a-advantages__row-item {
   margin: 0 0 54px 54px;
   display: flex;
   flex-direction: column
}

.a-advantage {
   flex: 1 1 auto;
   border-bottom: 2px solid #cb2b21;
   border-bottom: 2px solid var(--mainColor);
   background: #f7f7f7;
   padding: 90px 75px;
   display: flex;
   flex-direction: column
}

.a-advantage__title {
   color: #cb2b21;
   color: var(--mainColor);
   font-size: 24px;
   line-height: 1.16667;
   flex: 1 1 auto
}

.a-advantage__title:not(:last-child) {
   margin-bottom: 32px
}

.a-advantage__text {
   line-height: 1.5
}

.about-form {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: url("../img/ico-person.png") left 67px center no-repeat;
   background-size: 48px auto;
   background-color: #cb2b21;
   background-color: var(--mainColor);
   color: #fff;
   padding: 50px 70px 55px 172px;
   font-weight: 300
}

.about-form__btn {
   flex: none;
   margin-left: 2rem
}

.about-form__btn .white-btn {
   color: #000
}

.about-form__title {
   font-size: 30px;
   line-height: 1.1
}

@media screen and (max-width:1600px) and (min-width:1000px) {
   .about__advantages {
      margin: -60px 0 0
   }

   .a-advantage {
      padding: 60px 45px
   }
}

@media screen and (max-width:1400px) and (min-width:1000px) {
   .a-advantages {
      margin: 0 0 -30px -30px
   }

   .a-advantages__row--double .a-advantages__row-item {
      width: calc((100% - 60px)/2)
   }

   .a-advantages__row--triple .a-advantages__row-item {
      width: calc((100% - 90px)/3)
   }

   .a-advantages__row-item {
      margin: 0 0 30px 30px
   }
}

@media screen and (max-width:1000px) and (min-width:660px) {
   .about__advantages {
      margin: -40px 0 0
   }

   .a-advantage {
      padding: 30px 20px
   }

   .a-advantages {
      margin: 0 0 -20px -20px
   }

   .a-advantages__row--variable {
      flex-wrap: wrap
   }

   .a-advantages__row-item {
      margin: 0 0 20px 20px;
      width: calc((100% - 40px)/2) !important;
      min-width: 0 !important;
      max-width: none !important
   }

   .a-advantages__row-item:nth-child(odd):last-child {
      width: calc(100% - 20px) !important
   }

   .a-advantages__row-item:nth-child(odd):last-child .a-advantage__text {
      height: auto !important
   }

   .about-form {
      padding: 30px 40px 35px 100px;
      background-position: left 30px center
   }

   .about-form__title {
      font-size: 22px
   }
}

@media screen and (max-width:660px) {
   .about {
      margin: -20px -16px 0;
      border-top: 2px solid #cb2b21;
      border-top: 2px solid var(--mainColor)
   }

   .a-advantages,
   .about__advantages,
   .about__form {
      margin: 0
   }

   .a-advantages__row {
      display: block
   }

   .a-advantages__row-item {
      margin: 0 !important;
      width: auto !important
   }

   .a-advantage {
      padding: 20px 16px
   }

   .a-advantage__text {
      height: auto !important;
      font-size: 14px
   }

   .a-advantage__title {
      font-size: 16px
   }

   .a-advantage__title:not(:last-child) {
      margin-bottom: 10px
   }

   .about-form {
      padding: 20px 16px;
      background-image: none !important;
      display: block
   }

   .about-form__title {
      font-size: 18px
   }

   .about-form__btn {
      margin: 20px 0 0
   }
}

.contacts__top {
   display: flex
}

.contacts__top-left {
   width: 485px;
   flex: none
}

.contacts__top-left,
.contacts__top-right {
   display: flex;
   flex-direction: column
}

.contacts__top-right {
   width: calc(100% - 485px)
}

.contacts__map {
   flex: 2 0 auto;
   display: flex;
   flex-direction: column
}

.contacts__map>img {
   display: block
}

.contacts__map>div {
   flex: 1 1 auto;
   min-height: 300px
}

.contacts__info {
   flex: 1 1 auto;
   flex: none;
   display: flex;
   flex-direction: column
}

.contacts__discleimer {
   margin: 64px 0 0
}

.contacts__team {
   margin: 70px 0 0
}

.contacts-list {
   flex: 1 1 auto;
   background: #f7f7f7;
   padding: 80px 60px
}

.contacts-list__item:not(:first-child) {
   margin: 43px 0 0
}

.contacts-item__title {
   color: rgba(0, 0, 0, .5);
   margin-bottom: 5px
}

.contacts-item__text a[href*=tel] {
   color: #000;
   border: none
}

.contacts-item__text p:not(:first-child),
.contacts-item__text table:not(:first-child) {
   margin: 10px 0 0
}

.contacts-item__text table td {
   vertical-align: middle
}

.contacts-info {
   background: #f0f0f0;
   background: var(--secondColor);
   flex: 1 1 auto;
   padding: 80px 75px
}

.contacts-info .contacts-item__text p:not(:first-child),
.contacts-info .contacts-item__text table:not(:first-child) {
   margin: 2px 0 0
}

.c-discleimer {
   background: url("../img/ico-!.png") left 65px center no-repeat;
   background-color: #cb2b21;
   background-color: var(--mainColor);
   color: #fff;
   padding: 50px 94px 56px 162px;
   display: flex;
   align-items: center;
   justify-content: space-between
}

.c-discleimer__text {
   font-size: 14px;
   line-height: 1.71429;
   max-width: 870px
}

.c-discleimer__btn {
   flex: none;
   margin-left: 2rem
}

.team {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -88px -83px
}

.team__item {
   width: calc((100% - 249px)/3);
   margin: 0 0 88px 83px
}

.person__img img {
   display: block;
   width: 100%;
   margin-bottom: 35px
}

.person__name {
   font-size: 22px;
   line-height: 1.09091
}

.person__status {
   font-size: 14px;
   color: rgba(0, 0, 0, .5);
   margin: 8px 0 0
}

.person__contacts {
   margin: 12px 0 0
}

@media screen and (max-width:1600px) {

   .contacts-info,
   .contacts-list {
      padding: 50px 30px
   }

   .contacts__discleimer,
   .contacts__team {
      margin: 30px 0 0
   }
}

@media screen and (max-width:1500px) and (min-width:1000px) {
   .team {
      margin: 0 0 -30px -30px
   }

   .team__item {
      width: calc((100% - 90px)/3);
      margin: 0 0 30px 30px
   }
}

@media screen and (max-width:1400px) and (min-width:1000px) {
   .contacts__top-left {
      width: 300px
   }

   .contacts__top-right {
      width: calc(100% - 300px)
   }
}

@media screen and (max-width:1000px) {
   .contacts__top {
      display: block
   }

   .contacts__top-left,
   .contacts__top-right {
      width: auto
   }
}

@media screen and (max-width:1000px) and (min-width:660px) {
   .contacts-list {
      -webkit-column-count: 2;
      column-count: 2;
      grid-column-gap: 30px;
      -webkit-column-gap: 30px;
      column-gap: 30px;
      padding: 25px 20px
   }

   .contacts-list__item {
      page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
      break-inside: avoid
   }

   .contacts-list__item:not(:first-child) {
      margin: 20px 0 0
   }

   .contacts-info {
      padding: 25px 20px
   }

   .c-discleimer {
      padding: 30px 30px 30px 100px;
      background-position: left 25px center
   }

   .team {
      margin: 0 0 -20px -20px
   }

   .team__item {
      width: calc((100% - 40px)/2);
      margin: 0 0 20px 20px
   }
}

@media screen and (max-width:660px) {
   .contacts {
      margin: -20px -16px 0;
      border-top: 2px solid #cb2b21;
      border-top: 2px solid var(--mainColor)
   }

   .contacts__discleimer,
   .contacts__team {
      margin: 0
   }

   .contacts-list {
      padding: 20px 16px
   }

   .contacts-list__item:not(:first-child) {
      margin: 20px 0 0
   }

   .c-discleimer,
   .contacts-info {
      padding: 20px 16px
   }

   .c-discleimer {
      display: block;
      background-image: none
   }

   .c-discleimer__btn {
      margin: 20px 0 0
   }

   .team {
      margin: 0;
      display: block
   }

   .team__item {
      width: auto;
      margin: 0
   }

   .team__item:not(:first-child) {
      margin: 20px 0 0
   }

   .person__img img {
      margin-bottom: 10px
   }

   .person__contacts,
   .person__name,
   .person__status {
      padding: 0 16px
   }

   .person__name {
      font-size: 16px
   }

   .person__contacts,
   .person__status {
      font-size: 14px
   }
}

.service-seo {
   --mainColor: #b32a54
}

.service-seo .default-btn:focus,
.service-seo .default-btn:hover,
.service-seo .right-btn__link:focus,
.service-seo .right-btn__link:hover,
.service-seo .white-btn:focus,
.service-seo .white-btn:hover {
   background-color: #c42e5c
}

.service-audit {
   --mainColor: #e02216
}

.service-audit .default-btn:focus,
.service-audit .default-btn:hover,
.service-audit .right-btn__link:focus,
.service-audit .right-btn__link:hover,
.service-audit .white-btn:focus,
.service-audit .white-btn:hover {
   background-color: #f62518
}

.service-context {
   --mainColor: #a03891
}

.service-context .default-btn:focus,
.service-context .default-btn:hover,
.service-context .right-btn__link:focus,
.service-context .right-btn__link:hover,
.service-context .white-btn:focus,
.service-context .white-btn:hover {
   background-color: #b03d9f
}

.service-commercial {
   --mainColor: #02899d
}

.service-commercial .default-btn:focus,
.service-commercial .default-btn:hover,
.service-commercial .right-btn__link:focus,
.service-commercial .right-btn__link:hover,
.service-commercial .white-btn:focus,
.service-commercial .white-btn:hover {
   background-color: #0296ac
}

.service-media {
   --mainColor: #db460e
}

.service-media .default-btn:focus,
.service-media .default-btn:hover,
.service-media .right-btn__link:focus,
.service-media .right-btn__link:hover,
.service-media .white-btn:focus,
.service-media .white-btn:hover {
   background-color: #f04d0f
}

.service-cons {
   --mainColor: #9bae3c
}

.service-cons .default-btn:focus,
.service-cons .default-btn:hover,
.service-cons .right-btn__link:focus,
.service-cons .right-btn__link:hover,
.service-cons .white-btn:focus,
.service-cons .white-btn:hover {
   background-color: #aabf42
}

.service-smm {
   --mainColor: #653293
}

.service-smm .default-btn:focus,
.service-smm .default-btn:hover,
.service-smm .right-btn__link:focus,
.service-smm .right-btn__link:hover,
.service-smm .white-btn:focus,
.service-smm .white-btn:hover {
   background-color: #6f37a1
}

.service-analit {
   --mainColor: #01b1bb
}

.service-analit .default-btn:focus,
.service-analit .default-btn:hover,
.service-analit .right-btn__link:focus,
.service-analit .right-btn__link:hover,
.service-analit .white-btn:focus,
.service-analit .white-btn:hover {
   background-color: #01c2cd
}

.service-dev {
   --mainColor: #628de3
}

.service-dev .default-btn:focus,
.service-dev .default-btn:hover,
.service-dev .right-btn__link:focus,
.service-dev .right-btn__link:hover,
.service-dev .white-btn:focus,
.service-dev .white-btn:hover {
   background-color: #6b9bf9
}

.service-analit .title-slider:after,
.service-audit .title-slider:after,
.service-commercial .title-slider:after,
.service-cons .title-slider:after,
.service-context .title-slider:after,
.service-dev .title-slider:after,
.service-media .title-slider:after,
.service-seo .title-slider:after,
.service-smm .title-slider:after {
   display: none
}

.service-analit .bread-crumbs__link,
.service-audit .bread-crumbs__link,
.service-commercial .bread-crumbs__link,
.service-cons .bread-crumbs__link,
.service-context .bread-crumbs__link,
.service-media .bread-crumbs__link,
.service-seo .bread-crumbs__link,
.service-smm .bread-crumbs__link {
   color: #fff
}

.detail-sevrice h2,
.service-title {
   font-size: 26px;
   line-height: 1.15385;
   margin-bottom: 33px
}

.detail-service__advantages,
.detail-service__contains,
.detail-service__grafic,
.detail-service__text {
   margin: 55px 0 0
}

.detail-service__new-form {
   margin: 65px 0 0
}

.detail-service__variants {
   margin: 85px 0 0
}

.detail-service__for,
.detail-service__steps {
   margin: 65px 0 0
}

.detail-service__why-we {
   margin: 70px 0 0
}

.detail-service__another {
   margin: 95px 0 0
}

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

.detail-service__top-company {
   margin: 0 0 40px
}

.carousel-reviews,
.carousel-reviews p{
  color:#7d7d7d !important;
}
.detail-service__top-text {
   max-width: 810px;
}

.detail-service__top-text .text-page table table:not([border="1"]) td {
   padding: 0 20px 0 0
}

.detail-service__top-text .text-page table table:not([border="1"]) td:first-child {
   min-width: 60px
}

.detail-service__top-text .text-page ol:not(:first-child),
.detail-service__top-text .text-page ul:not(:first-child) {
   margin-top: 15px
}

.detail-service__top-text .text-page blockquote {
   background: none;
   border-left: 2px solid #cb2b21;
   border-left: 2px solid var(--mainColor);
   padding: 0 0 0 35px;
   font-size: 20px
}

.detail-service__top-text .text-page ol>li {
   font-weight: inherit
}

.detail-service__top-form {
   margin-left: 2rem;
   width: 425px
}

.detail-service__form {
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   padding: 52px 65px 69px;
   max-width: 393px
}

.case-list__item--target-fixed.fixed {
   position: fixed;
   top: 0;
   margin: 1rem;
   z-index: 99;
   right: 0
}

.case-list__item.case-list__item--target-fixed.fixed {
   margin-top: 6rem
}

.detail-service__form-btn {
   margin: 38px 0 0
}

.detail-service__form-btn .white-btn {
   color: #000
}

.detail-service__form-title {
   font-weight: 300;
   font-size: 30px;
   line-height: 1.1
}

.service-grafic {
   display: flex;
   justify-content: space-between;
   background: #f7f7f7;
   padding: 53px 57px 52px 68px
}

.detail-service__dop-text{margin: 55px 0 0;}
.dop-text__cont{padding: 40px 30px;}

.service-grafic__req .form-req {
   text-align: left
}

.service-grafic__req .form-req i {
   text-align: center;
   margin: 0 5px 0 0;
   font-size: 18px;
   width: 18px;
   height: 18px;
   padding: 0
}

.service-grafic__req+.service-grafic__req {
   margin: 28px 0 0
}

.service-grafic__img {
   text-align: center;
   background: #fff;
   padding: 10px 80px 20px;
   flex: none;
   margin-left: 40px;
   width: 840px
}

.service-grafic__img-caption {
   color: rgba(0, 0, 0, .5);
   margin: 20px 0 0;
   font-size: 14px
}

.service-grafic__subtitle {
   line-height: 1.5;
   color: rgba(0, 0, 0, .5);
   margin: -10px 0 25px
}

.service-grafic__counter {
   background: #fff;
   border-radius: 10px;
   margin: 20px 0 0;
   padding: 27px 30px;
   font-weight: 400;
   max-width: 220px
}

.service-grafic__counter-number {
   line-height: 1;
   font-size: 30px
}

.service-grafic__counter-number:not(:last-child) {
   margin-bottom: 12px
}

.service-grafic__counter-text {
   font-size: 20px
}

.service-grafic__title {
   font-size: 24px;
   line-height: 1.41667
}

.service-grafic__title:not(:last-child) {
   margin-bottom: 33px
}

.service-grafic__title-cont {
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex: 1 1 auto
}

.service-grafic__text {
   max-width: 310px
}

.service-grafic__text:not(:last-child) {
   margin: 0 0 35px
}

.s-steps {
   display: flex;
   flex-wrap: wrap;
   counter-reset: i
}

.s-steps__item {
   display: flex;
   flex-direction: column;
   width: 33.33%;
   counter-increment: i
}

.s-steps__item:last-child .s-step:after {
   display: none
}

.service-steps__req .form-req {
   text-align: left
}

.service-steps__req .form-req i {
   text-align: center
}

.s-step {
   flex: 1 1 auto;
   position: relative;
   padding: 110px 90px 64px 0;
   display: flex;
   flex-direction: column
}

.s-step:after,
.s-step:before {
   position: absolute
}

.s-step:before {
   content: counter(i);
   top: 0;
   left: 0;
   border-radius: 50%;
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   text-align: center;
   width: 65px;
   height: 65px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 24px;
   line-height: 1
}

.s-step:after {
   content: "";
   left: 64px;
   top: 32px;
   width: calc(100% - 64px);
   height: 1px;
   background: linear-gradient(90deg, #cb2b21, rgba(0, 0, 0, .0001));
   background: linear-gradient(90deg, var(--mainColor), rgba(0, 0, 0, .0001))
}

.s-step__title {
   color: #cb2b21;
   color: var(--mainColor);
   margin-bottom: 30px;
   font-size: 24px;
   flex: 1 1 auto
}

.s-step__text {
   line-height: 1.5;
   max-width: 300px
}

.why-we {
   background: #f7f7f7;
   border-top: 2px solid #cb2b21;
   border-top: 2px solid var(--mainColor);
   padding: 60px 70px 70px;
   overflow: hidden
}

.why-we__counters {
   margin: 45px 0 0
}

.why-we__partners {
   margin: 65px 0 0
}

.why-we__text {
   max-width: 910px
}

.why-we__text:not(:first-child) {
   margin: 55px 0 0
}

.why-we__text .text-page blockquote {
   border-left: 2px solid #cb2b21;
   border-left: 2px solid var(--mainColor);
   background: none;
   padding: 8px 0 8px 40px;
   font-size: 18px
}

.why-we__megaplan {
   margin: 35px 0 0
}

.why-we__serts {
   margin: 55px 0 0
}

.why-we__pers-serts {
   margin: 60px 0 0;
   position: relative
}

.why-we__pers-serts .slick-arrow {
   width: 25px;
   height: 25px;
   top: -70px;
   position: absolute
}

.why-we__pers-serts .slick-arrow:after {
   content: "";
   top: calc(50% - 5px);
   right: calc(50% - 5px);
   position: absolute;
   border-top: 1px solid #cb2b21;
   border-top: 1px solid var(--mainColor);
   border-right: 1px solid #cb2b21;
   border-right: 1px solid var(--mainColor);
   width: 10px;
   height: 10px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.why-we__pers-serts .slick-next {
   right: 0
}

.why-we__pers-serts .slick-prev {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   right: 30px
}

.why-we__pers-serts .slick-dots {
   display: flex;
   margin: 20px 0 0;
   justify-content: center
}

.why-we__pers-serts .slick-dots button {
   text-indent: -9999px;
   overflow: hidden;
   border: none;
   background: #cb2b21;
   background: var(--mainColor);
   border-radius: 50%;
   padding: 0;
   width: 100%;
   height: 100%;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

.why-we__pers-serts .slick-dots li {
   width: 10px;
   height: 10px
}

.why-we__pers-serts .slick-dots li:not(:last-child) {
   margin-right: 7px
}

.why-we__pers-serts .slick-dots li:not(.slick-active) button {
   -webkit-transform: scale(.5);
   transform: scale(.5)
}

.why-we__bot-form {
   margin: 70px 0 0
}

.w-counters {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -30px -30px
}

.w-counters__item {
   display: flex;
   flex-direction: column;
   width: calc((100% - 150px)/5);
   margin: 0 0 30px 30px
}

.w-counter {
   flex: 1 1 auto;
   background: #fff;
   border-top: 2px solid #cb2b21;
   border-top: 2px solid var(--mainColor);
   padding: 36px 40px
}

.w-counter__number {
   color: #cb2b21;
   color: var(--mainColor);
   font-size: 24px;
   line-height: 1;
   margin-bottom: 30px
}

.w-partners__title {
   margin-bottom: 30px;
   font-size: 22px;
   display: flex;
   align-items: center;
   justify-content: space-between
}

.w-partners__title-arrows {
   display: flex;
   flex: none;
   margin-left: 20px
}

.w-partners .slick-arrow {
   width: 25px;
   height: 25px;
   position: relative
}

.w-partners .slick-arrow:after {
   content: "";
   top: calc(50% - 5px);
   right: calc(50% - 5px);
   position: absolute;
   border-top: 1px solid #cb2b21;
   border-top: 1px solid var(--mainColor);
   border-right: 1px solid #cb2b21;
   border-right: 1px solid var(--mainColor);
   width: 10px;
   height: 10px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.w-partners .slick-prev {
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg)
}

.partners-slider {
   margin: 0 -15px
}

.partners-slider:not(.slick-initialized) {
   display: flex
}

.partners-slide {
   padding: 0 15px;
   flex: none
}

.partners-slide:nth-child(n+6) {
   display: none
}

.partners-slide img {
   display: block;
   width: 100%
}

.megaplan {
   display: flex;
   align-items: center;
   border: 1px solid #e3e3e3;
   max-width: 845px;
   padding: 33px 45px 38px
}

.megaplan__img {
   display: block;
   margin-right: 45px
}

.sert-gallery {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -60px -60px
}

.sert-gallery__item {
   width: calc((100% - 300px)/5);
   margin: 0 0 60px 60px
}

.sert-gallery__img {
   box-shadow: -1px 1px 20px 0 rgba(0, 0, 0, .15);
   display: block;
   text-align: center
}

.sert-gallery__img img {
   width: 100%;
   display: block
}

.serts-slider:not(.slick-initialized) {
   display: flex
}

.serts-slider .slick-list {
   overflow: visible
}

.serts-slide {
   display: block;
   flex: none;
   margin: 0 18px;
   text-align: center
}

.serts-slide:nth-child(n+6) {
   display: none
}

.serts-slide img {
   display: inline-block !important;
   box-shadow: -1px 1px 20px 0 rgba(0, 0, 0, .15)
}

.service-bot-form {
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 50px 70px
}

.service-bot-form__title {
   font-size: 30px;
   font-weight: 300
}

.service-bot-form__btn {
   margin-left: 2rem;
   flex: none
}

.service-bot-form__btn .white-btn {
   color: #000
}

.service-variants h2,
.service-variants__title {
   font-size: 26px;
   margin-bottom: 42px
}

.service-variants__subtext {
   margin: 48px 0 0
}

.service-variants__subtext .text-page {
   max-width: 910px
}

.service-variants__list {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -55px -55px
}

.service-variants__list-item {
   display: flex;
   flex-direction: column;
   width: calc((100% - 165px)/3);
   margin: 0 0 55px 55px
}

.s-variant {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   text-align: center;
   background: #f7f7f7;
   border-top: 2px solid #cb2b21;
   border-top: 2px solid var(--mainColor);
   padding: 45px 0 0
}

.s-variant__number {
   color: rgba(0, 0, 0, .5);
   margin-bottom: 15px
}

.s-variant__title {
   flex: 1 1 auto;
   display: flex;
   align-self: center;
   flex-direction: column;
   justify-content: center;
   font-size: 24px;
   text-align: center;
   line-height: 1.25;
   max-width: 300px;
   margin-bottom: 35px
}

.s-variant__price {
   font-size: 24px;
   line-height: 1;
   white-space: nowrap;
   margin-bottom: 18px
}

.s-variant__time {
   color: rgba(0, 0, 0, .5);
   line-height: 1.5;
   margin-bottom: 45px
}

.s-variant__btn {
   background: #cb2b21;
   background: var(--mainColor);
   padding: 40px 0
}

.s-variant__btn .white-btn {
   color: #000
}

.s-contains h2,
.s-contains__title {
   font-size: 26px;
   line-height: 1;
   margin: 0 0 25px
}

.s-contains__list {
   max-width: 910px
}

.s-contains__list-item:not(:first-child) {
   margin: 17px 0 0
}

.s-contain__title {
   position: relative;
   background: #f7f7f7;
   border-left: 2px solid #cb2b21;
   border-left: 2px solid var(--mainColor);
   padding: 25px 60px 25px 29px;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.s-contain__title:after {
   content: "";
   top: calc(50% - 5px);
   right: 33px;
   position: absolute;
   width: 10px;
   height: 10px;
   border-bottom: 1px solid #cb2b21;
   border-bottom: 1px solid var(--mainColor);
   border-right: 1px solid #cb2b21;
   border-right: 1px solid var(--mainColor);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.s-contain__title.js__active:after {
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg)
}

.s-contain__title.js__active+.s-contain__text {
   display: block
}

.s-contain__text {
   padding: 30px 30px 16px;
   display: none
}

.s-contain__text ol>li {
   font-weight: inherit
}

.service-text {
   max-width: 840px
}

.service-text__title {
   font-size: 26px;
   margin-bottom: 25px
}

.service-text__text blockquote {
   border-left: 2px solid #cb2b21;
   border-left: 2px solid var(--mainColor)
}

.services-advantages__req {
   margin: 48px 0 0
}

.services-advantages__req .form-req {
   text-align: left
}

.services-advantages__req .form-req i {
   text-align: center
}

.company {
   display: flex
}

.company__img {
   flex: none;
   margin-right: 50px
}

.company__img img {
   display: block
}

.company__desc {
   padding: 6px 0 0;
   margin: 0 0 13px
}

.company__desc-type {
   color: rgba(0, 0, 0, .5)
}

.company__desc-title {
   font-size: 24px
}

.detail-form__title {
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   font-size: 30px;
   padding: 37px 65px 38px;
   font-weight: 300
}

.detail-form__container {
   padding: 35px 65px 60px;
   background: #f0f0f0;
   background: var(--secondColor)
}

.detail-form__text {
   max-width: 640px;
   font-size: 12px;
   line-height: 1.66667;
   margin-bottom: 30px
}

.detail-form__inputs {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -31px -23px
}

.detail-form__input {
   width: calc((100% - 69px)/3);
   margin: 0 0 31px 23px;
   position: relative
}

.detail-form__input--req {
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 0 0 7px
}

.detail-form__input .forms__input,
.detail-form__input .forms__label--file {
   background-color: #fff !important
}

.detail-form__input .forms__input--file-support,
.detail-form__input .forms__label--file--file-support {
   margin-right: 17px
}

.detail-form__bot {
   margin: 50px 0 0;
   display: flex;
   align-items: center
}

.detail-form__bot-text {
   font-size: 12px;
   line-height: 1.5;
   margin-left: 36px
}

@media screen and (max-width:1600px) {
   .detail-service__form {
      padding: 40px 50px
   }

   .service-grafic {
      padding: 40px 30px
   }
}

@media screen and (max-width:1600px) and (min-width:1000px) {
   .why-we {
      padding: 40px 45px
   }

   .why-we__bot-form,
   .why-we__megaplan,
   .why-we__partners,
   .why-we__pers-serts,
   .why-we__serts,
   .why-we__text:not(:first-child) {
      margin: 40px 0 0
   }

   .w-counter {
      padding: 30px
   }

   .w-counter__number {
      margin-bottom: 15px
   }

   .w-partners__title {
      margin-bottom: 20px
   }

   .sert-gallery {
      margin: 0 0 -30px -30px
   }

   .sert-gallery__item {
      width: calc((100% - 150px)/5);
      margin: 0 0 30px 30px
   }

   .service-bot-form {
      padding: 30px
   }
}

@media screen and (max-width:1300px) {

   .detail-form__container,
   .detail-form__title {
      padding: 20px 40px 22px
   }
}

@media screen and (max-width:1200px) and (min-width:1000px) {
   .w-counters {
      margin: 0 0 -20px -20px
   }

   .w-counters__item {
      width: calc((100% - 100px)/5);
      margin: 0 0 20px 20px
   }

   .w-counter {
      padding: 20px
   }

   .service-audit .title-block__title,
   .service-commercial .title-block__title,
   .service-context .title-block__title,
   .service-media .title-block__title,
   .service-seo .title-block__title,
   .service-smm .title-block__title {
      margin-bottom: 20px
   }

   .service-audit .title-block__title h1,
   .service-commercial .title-block__title h1,
   .service-context .title-block__title h1,
   .service-media .title-block__title h1,
   .service-seo .title-block__title h1,
   .service-smm .title-block__title h1 {
      font-size: 40px
   }

   .service-grafic__img {
      width: auto;
      padding: 20px 30px
   }
}

@media screen and (min-width:1200px) {
   .service-grafic__req .form-req {
      display: flex
   }

   .service-grafic__req .form-req i {
      flex: none
   }
}

@media screen and (max-width:1200px) {
   .detail-form__input {
      width: calc((100% - 46px)/2)
   }
}

@media screen and (max-width:1000px) {
   .detail-service__form {
      padding: 20px
   }

   .detail-service__form-btn {
      white-space: nowrap
   }

   .detail-service__form-title {
      font-size: 20px
   }

   .detail-service__advantages,
   .detail-service__contains,
   .detail-service__for,
   .detail-service__grafic,
   .detail-service__steps,
   .detail-service__variants,
   .detail-service__why-we {
      margin: 25px 0 0
   }

   .detail-sevrice h2,
   .service-title {
      margin-bottom: 15px;
      font-size: 22px
   }

   .service-grafic {
      padding: 20px;
      display: block
   }

   .service-grafic__img {
      margin: 20px 0 0;
      width: auto;
      padding: 20px
   }

   .s-steps__item {
      width: 50%
   }

   .s-step {
      padding: 75px 30px 30px 0
   }

   .why-we {
      padding: 25px 20px
   }

   .why-we__megaplan,
   .why-we__partners,
   .why-we__pers-serts,
   .why-we__serts,
   .why-we__text:not(:first-child) {
      margin: 25px 0 0
   }

   .why-we__bot-form {
      margin: 15px -20px -20px
   }

   .w-counters {
      margin: 0 0 -20px -20px
   }

   .w-counters__item {
      width: calc((100% - 60px)/3);
      margin: 0 0 20px 20px
   }

   .w-counter {
      padding: 20px
   }

   .w-counter__number {
      font-size: 20px;
      margin-bottom: 10px
   }

   .w-counter__text {
      font-size: 14px
   }

   .megaplan {
      padding: 20px
   }

   .sert-gallery {
      margin: 0 0 -20px -20px
   }

   .sert-gallery__item {
      width: calc((100% - 80px)/4);
      margin: 0 0 20px 20px
   }

   .service-bot-form {
      padding: 30px 20px
   }

   .service-variants h2,
   .service-variants__title {
      font-size: 20px;
      margin-bottom: 15px
   }

   .service-variants__list {
      margin: 0 0 -20px -20px
   }

   .service-variants__list-item {
      width: calc((100% - 40px)/2);
      margin: 0 0 20px 20px
   }

   .service-variants__subtext {
      margin: 15px 0 0
   }

   .s-contain__text {
      padding: 20px
   }

   .s-contain__title {
      padding: 20px 40px 21px 20px
   }

   .s-contain__title:after {
      right: 20px
   }
}

@media screen and (max-width:800px) {

   .detail-form__container,
   .detail-form__title {
      padding: 20px
   }

   .detail-form__bot {
      margin: 25px 0 10px
   }
}

@media screen and (max-width:660px) {
   .company__img {
      max-width: 60px;
      margin-right: 18px
   }

   .company__desc-title {
      font-size: 18px
   }

   .detail-form__title {
      font-size: 22px
   }

   .detail-form__input {
      width: calc(100% - 23px)
   }

   .detail-form__input .forms__label--file {
      display: inline-block;
      vertical-align: bottom
   }

   .detail-form__input .forms__input--file-support {
      margin-right: 11px;
      display: inline-block;
      vertical-align: bottom
   }

   .detail-service__new-form {
      margin: 20px 0 0
   }

   .detail-service__top {
      display: block
   }

   .detail-service__top-form {
      margin: 20px -16px 0;
      width: auto
   }

   .detail-service__form-btn {
      margin: 20px 0 0
   }

   .detail-service__form-title {
      font-size: 18px
   }

   .detail-service__form-title br {
      display: none
   }

   .detail-service__grafic,
   .detail-service__why-we {
      margin: 0 -16px
   }

   .detail-service__contains+.detail-service__why-we {
      margin-top: 20px
   }

   .service-grafic__title {
      font-size: 18px
   }

   .service-grafic__img {
      margin: 20px -16px -20px
   }

   .detail-sevrice h2,
   .service-title {
      font-size: 18px
   }

   .services-advantages__list {
      margin: 0 -16px
   }

   .s-steps {
      display: block;
      margin: 0
   }

   .s-steps__item {
      margin: 0;
      width: auto
   }

   .s-step {
      padding: 0 0 20px 35px
   }

   .s-step:before {
      width: 25px;
      height: 25px;
      font-size: 14px;
      top: 0
   }

   .s-step:after {
      top: 24px;
      left: 12px;
      width: 1px;
      height: calc(100% - 24px);
      background: linear-gradient(180deg, #cb2b21, rgba(0, 0, 0, .00001));
      background: linear-gradient(180deg, var(--mainColor), rgba(0, 0, 0, .00001))
   }

   .s-step__text {
      height: auto !important;
      font-size: 14px
   }

   .s-step__title {
      font-size: 17px;
      margin-bottom: 10px
   }

   .service-for__list {
      margin: 0 -16px
   }

   .w-counters__item {
      width: calc((100% - 40px)/2)
   }

   .w-partners__title {
      font-size: 16px;
      margin-bottom: 10px
   }

   .megaplan {
      display: block
   }

   .megaplan__text {
      font-size: 14px;
      margin: 15px 0 0
   }

   .sert-gallery__item {
      width: calc((100% - 40px)/2)
   }

   .why-we__text .text-page blockquote {
      padding: 8px 0 8px 20px;
      font-size: 16px
   }

   .service-bot-form {
      padding: 20px;
      display: block
   }

   .service-bot-form__title {
      font-size: 18px
   }

   .service-bot-form__btn {
      margin: 20px 0 0
   }

   .imgs-table,
   .imgs-table>tbody,
   .imgs-table>tbody>tr {
      display: block
   }

   .imgs-table>tbody>tr>td {
      display: block;
      padding: 7px 0
   }

   .detail-service__top-text .text-page blockquote {
      font-size: 16px;
      padding: 0 0 0 20px
   }

   .service-variants h2,
   .service-variants__title {
      font-size: 18px
   }

   .service-variants__list {
      display: block;
      margin: 0 -16px
   }

   .service-variants__list-item {
      width: auto;
      margin: 0
   }

   .s-contains h2,
   .s-contains__title {
      font-size: 20px
   }

   .s-variant {
      padding: 20px 0 0
   }

   .s-variant__title {
      font-size: 20px;
      margin-bottom: 20px
   }

   .s-variant__number {
      margin-bottom: 10px;
      font-size: 14px
   }

   .s-variant__price {
      margin-bottom: 10px;
      font-size: 20px
   }

   .s-variant__time {
      margin-bottom: 20px;
      font-size: 14px
   }

   .s-variant__btn {
      padding: 20px 0
   }
}

@media screen and (max-width:360px) {
   .w-counter {
      padding: 16px
   }

   .w-counter__text {
      font-size: 12px
   }
}

.achievments {
   display: flex;
   flex-wrap: wrap;
   margin: -115px 0 0 -56px
}

.achievments__item {
   margin: 0 0 58px 56px;
   display: flex;
   flex-direction: column
}

.achievments__item .achievment {
   padding-left: 55px;
   padding-right: 55px
}

.achievments__item:not(.achievments__item--full) {
   width: calc((100% - 112px)/2)
}

.achievments__item:not(.achievments__item--full) .achievment {
   padding-top: 75px;
   padding-bottom: 70px
}

.achievments__item--full {
   width: calc(100% - 56px)
}

.achievments__item--full .achievment {
   padding-top: 45px;
   padding-bottom: 45px
}

.achievment {
   flex: 1 1 auto;
   display: flex;
   align-items: center;
   background: #f0f0f0;
   background: var(--secondColor)
}

.achievment__img {
   text-align: center;
   flex: none;
   width: 190px;
   margin-right: 55px
}

.achievment__img.fancybox {
   position: relative
}

.achievment__img.fancybox:focus:after,
.achievment__img.fancybox:hover:after {
   opacity: 1
}

.achievment__img.fancybox:after {
   content: "";
   top: calc(50% - 27px);
   right: calc(50% - 27px);
   position: absolute;
   width: 54px;
   height: 54px;
   border-radius: 50%;
   background: url("../img/ico-search-white.png") 50% no-repeat, #cb2b21;
   background: url("../img/ico-search-white.png") 50% no-repeat, var(--mainColor);
   transition: opacity 0.3s ease;
   opacity: 0
}

@media (max-width:1600px) and (min-width:800px) {
   .achievments {
      margin: -50px 0 0 -35px
   }

   .achievments__item {
      margin: 0 0 35px 35px
   }

   .achievments__item:not(.achievments__item--full) {
      width: calc((100% - 70px)/2)
   }

   .achievments__item--full {
      width: calc(100% - 35px)
   }

   .achievment {
      padding: 40px !important
   }
}

@media (max-width:1300px) and (min-width:1000px) {
   .achievment {
      padding: 30px !important
   }

   .achievment__img {
      width: 140px;
      margin-right: 20px
   }
}

@media (max-width:1000px) and (min-width:800px) {
   .achievments {
      margin-top: 0
   }

   .achievment {
      padding: 30px !important
   }

   .achievment__img {
      width: 120px;
      margin-right: 20px
   }
}

@media (max-width:800px) {
   .achievments {
      margin: 0
   }

   .achievments__item {
      margin: 0;
      width: 100% !important
   }

   .achievments__item:not(:first-child) {
      margin: 16px 0 0
   }

   .achievment {
      padding: 20px !important
   }

   .achievment__img {
      width: 120px;
      margin-right: 30px
   }
}

@media (max-width:660px) {
   .achievment {
      padding: 16px !important;
      display: block
   }

   .achievment:after {
      content: "";
      display: table;
      clear: both
   }

   .achievment__text {
      font-size: 14px
   }

   .achievment__img {
      float: left;
      width: 50px;
      margin: 0 15px 5px 0
   }
}

.main .footer {
   overflow-y: auto;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   position: fixed;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch
}

.inner .footer {
   margin: 89px 0 0
}

.footer__text {
   padding: 78px 0 65px
}

.footer__serts {
   background: #f0f0f0;
   background: var(--secondColor)
}

.footer__bot {
   padding: 50px 0
}

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

.footer-text:not(.js__opened) .text-page>* {
   max-width: 100% !important
}

.footer-text:not(.js__opened) .text-page> :nth-child(n+3) {
   display: none
}

.footer-text__text {
   width: 78.91%
}

.footer-text__text-title {
   font-size: 30px;
   margin-bottom: 24px
}

.footer-text__text .text-page>* {
   max-width: 100% !important
}

.footer-text__btn {
   width: 20.8%;
   flex: none;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center
}

.f-serts {
   padding: 42px 0 5px;
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 0 -80px
}

.f-serts__item {
   width: calc((100% - 320px)/4);
   margin: 0 0 40px 80px
}

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

.f-sert__img {
   flex: none;
   margin-right: 24px
}

.f-sert__img img {
   display: block
}

.footer-bot {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between
}

.footer-bot .h-menu {
   flex-direction: column;
   gap: 1rem
}

.footer-bot__menu {
   -webkit-column-count: 3;
   column-count: 3;
   grid-column-gap: 2rem;
   -webkit-column-gap: 2rem;
   column-gap: 2rem
}

.footer-bot__contacts {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   color: rgba(0, 0, 0, .5)
}

.footer-bot__links,
.footer-bot__partners {
   display: flex;
   flex-direction: column;
   justify-content: flex-end
}

.footer-bot__menu,
.footer-bot__partners {
   width: calc(100% - 415px)
}

.footer-bot__contacts,
.footer-bot__links {
   width: 320px;
   flex: none
}

.footer-bot__contacts,
.footer-bot__menu {
   margin: 40px 0 0
}

@supports(display:grid) {
   .footer-bot {
      display: grid;
      grid-template-columns: 1fr 320px;
      grid-template-areas: "partners links" "menu contacts";
      grid-gap: 41px 95px
   }

   .footer-bot__contacts,
   .footer-bot__links,
   .footer-bot__menu,
   .footer-bot__partners {
      width: auto !important;
      margin: 0 !important
   }

   .footer-bot__partners {
      grid-area: partners
   }

   .footer-bot__links {
      grid-area: links
   }

   .footer-bot__menu {
      grid-area: menu
   }

   .footer-bot__contacts {
      grid-area: contacts
   }
}

.f-partners {
   margin: 0 0 -2rem -2rem;
   display: flex;
   flex-wrap: wrap
}

.f-partners__item {
   width: calc((100% - 6rem)/3);
   margin: 0 0 2rem 2rem;
   display: flex;
   flex-direction: column
}

.f-partner,
.f-partner__img {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto
}

.f-partner__img {
   justify-content: center;
   align-items: flex-start;
   margin-bottom: 17px
}

.f-partner__text {
   padding-left: 25px;
   flex: none;
   font-size: 15px;
   line-height: 1.6;
   border-left: 1px solid #cb2b21;
   border-left: 1px solid var(--mainColor);
   max-width: 200px
}

.f-links__btn {
   margin: 25px 0 0
}

.f-menu {
   page-break-inside: avoid;
   -webkit-column-break-inside: avoid;
   break-inside: avoid
}

.f-menu:not(:first-child) {
   margin: 40px 0 0
}

.f-menu__title {
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 13px
}

.f-menu__list li:not(:first-child) {
   margin: 5px 0 0
}

.f-menu__list-link {
   color: rgba(0, 0, 0, .5);
   transition: color 0.3s ease
}

.f-menu__list-link:focus,
.f-menu__list-link:hover {
   color: #cb2b21;
   color: var(--mainColor)
}

.f-copy:not(:first-child),
.f-soc:not(:first-child) {
   padding: 12px 0 0
}

.f-contacts a {
   color: inherit
}

.f-contacts__phones {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   margin: 15px 0 0
}

@media screen and (max-width:1600px) {
   .inner .footer {
      margin: 40px 0 0
   }
}

@media screen and (max-width:1300px) {
   .footer__text {
      padding: 40px 0 30px
   }

   .footer__bot {
      padding: 20px 0 30px
   }

   .f-serts {
      padding: 20px 0 5px;
      margin: 0 0 0 -40px
   }

   .f-serts__item {
      width: calc((100% - 160px)/4);
      margin: 0 0 15px 40px
   }
}

@media screen and (max-width:1200px) {
   .f-sert {
      font-size: 14px
   }

   .f-sert__img {
      margin-right: 15px;
      width: 40px
   }

   .footer-text__btn {
      width: 65px
   }

   .footer-text__text {
      width: calc(100% - 65px)
   }

   .footer-bot {
      grid-gap: 30px 50px;
      grid-template-columns: 1fr 260px
   }
}

@media screen and (max-width:1000px) {
   .footer__text {
      padding: 20px 0
   }

   .footer__bot {
      margin: 20px 0 0
   }

   .footer-text {
      flex-direction: column
   }

   .footer-text__btn,
   .footer-text__text {
      width: auto
   }

   .footer-text__btn {
      text-align: center;
      margin: 15px 0 0
   }

   .footer-text__text-title {
      font-size: 26px;
      margin-bottom: 15px
   }

   .footer-text__text .text-page {
      font-size: 14px
   }

   .f-serts {
      margin: 0 0 -20px -40px
   }

   .f-serts__item {
      width: calc((100% - 80px)/2);
      margin: 0 0 20px 40px
   }

   .footer-bot__menu,
   .footer-bot__partners {
      width: 100%
   }

   .footer-bot__contacts,
   .footer-bot__links {
      width: auto
   }

   .footer-bot__contacts {
      order: 1
   }

   .footer-bot__links {
      order: 2;
      align-self: stretch;
      display: flex;
      flex-direction: column
   }

   .f-links {
      flex-direction: column-reverse;
      display: flex;
      justify-content: space-around;
      flex: 1 1 auto
   }

   @supports (display:grid) {
      .footer-bot {
         grid-gap: 25px;
         grid-template-areas: "partners partners" "menu menu" "contacts links"
      }
   }
}

@media screen and (max-width:660px) {
   .footer {
      position: static !important
   }

   .footer__bot {
      margin: 0
   }

   .footer-text__text-title {
      font-size: 20px
   }

   .f-serts {
      display: block;
      margin: 0;
      padding: 20px 0
   }

   .f-serts__item {
      margin: 0;
      width: auto
   }

   .f-serts__item:not(:first-child) {
      margin: 10px 0 0
   }

   .footer-bot {
      display: block
   }

   /* .footer-bot__links,
   .footer-bot__menu,
   .footer-bot__partners {
      display: none
   } */

   .footer-bot__contacts {
      text-align: center;
      display: block
   }

   .f-contacts {
      display: none
   }

   .f-soc {
      display: inline-block
   }
}

body.white #fp-nav {
   color: #fff
}

#fp-nav {
   right: 60px !important;
   padding: 0 60px 0 0;
   bottom: 90px !important;
   margin: 0 !important;
   top: auto !important;
   transition: color 0.2s ease;
   color: #cb2b21;
   color: var(--mainColor);
   top: -webkit-sticky !important;
   right: -webkit-sticky !important;
   bottom: -webkit-sticky !important;
   left: -webkit-sticky !important;
   position: -webkit-sticky !important;
   position: sticky !important;
   pointer-events: none;
   display: flex !important;
   justify-content: flex-end;
   align-items: flex-end
}

#fp-nav ul {
   pointer-events: all
}

#fp-nav a {
   color: inherit
}

#fp-nav span {
   background: currentColor !important
}

.inner-content {
   margin: 57px 0 0
}

.inner-content__content {
   position: relative
}

.inner-content__content:not(:first-child) {
   margin: 60px 0 0
}

.inner-content__title {
   display: flex;
   align-items: center;
   justify-content: space-between
}

.inner-content__title-slider {
   width: 100%
}

@media screen and (max-width:1600px) {
   #fp-nav {
      right: 10px !important;
      bottom: 10px !important;
      padding: 0 7px 0 0
   }

   .inner-content,
   .inner-content__content:not(:first-child) {
      margin: 30px 0 0
   }
}

@media screen and (max-width:1100px) {
   .wrapper {
      padding: 0 20px
   }
}

@media screen and (max-width:1000px) {

   body,
   html {
      overflow-x: hidden
   }
}

@media screen and (max-width:660px) {
   .wrapper {
      padding: 0 16px !important
   }

   .inner-content {
      margin: 0
   }

   .inner-content__title {
      margin: 0 -16px
   }

   .inner-content__title .title-btn,
   .inner-content__title-slider {
      display: none
   }

   .inner-content__content:not(:first-child) {
      margin: 20px 0 0
   }

   .serts-slide {
      margin: 0;
      padding: 0 8px
   }
}

.red-link {
   color: #cb2b21 !important
}

.breakfest h2 {
   font-size: 1.5em
}

.breakfest h3 {
   font-size: 1.17em;
   font-weight: bold
}

.breakfest p {
   margin-top: 20px
}

.service-seo {
   --mainColor: #b32a54
}

.service-seo .default-btn:focus,
.service-seo .default-btn:hover,
.service-seo .paginator__link:focus,
.service-seo .paginator__link:hover,
.service-seo .right-btn__link:focus,
.service-seo .right-btn__link:hover,
.service-seo .white-btn:focus,
.service-seo .white-btn:hover {
   background-color: #c42e5c
}

.service-audit {
   --mainColor: #e02216
}

.service-audit .default-btn:focus,
.service-audit .default-btn:hover,
.service-audit .paginator__link:focus,
.service-audit .paginator__link:hover,
.service-audit .right-btn__link:focus,
.service-audit .right-btn__link:hover,
.service-audit .white-btn:focus,
.service-audit .white-btn:hover {
   background-color: #f62518
}

.service-context {
   --mainColor: #a03891
}

.service-context .default-btn:focus,
.service-context .default-btn:hover,
.service-context .paginator__link:focus,
.service-context .paginator__link:hover,
.service-context .right-btn__link:focus,
.service-context .right-btn__link:hover,
.service-context .white-btn:focus,
.service-context .white-btn:hover {
   background-color: #b03d9f
}

.service-commercial {
   --mainColor: #02899d
}

.service-commercial .default-btn:focus,
.service-commercial .default-btn:hover,
.service-commercial .paginator__link:focus,
.service-commercial .paginator__link:hover,
.service-commercial .right-btn__link:focus,
.service-commercial .right-btn__link:hover,
.service-commercial .white-btn:focus,
.service-commercial .white-btn:hover {
   background-color: #0296ac
}

.service-media {
   --mainColor: #db460e
}

.service-media .default-btn:focus,
.service-media .default-btn:hover,
.service-media .paginator__link:focus,
.service-media .paginator__link:hover,
.service-media .right-btn__link:focus,
.service-media .right-btn__link:hover,
.service-media .white-btn:focus,
.service-media .white-btn:hover {
   background-color: #f04d0f
}

.service-cons {
   --mainColor: #9bae3c
}

.service-cons .default-btn:focus,
.service-cons .default-btn:hover,
.service-cons .paginator__link:focus,
.service-cons .paginator__link:hover,
.service-cons .right-btn__link:focus,
.service-cons .right-btn__link:hover,
.service-cons .white-btn:focus,
.service-cons .white-btn:hover {
   background-color: #aabf42
}

.service-smm {
   --mainColor: #653293
}

.service-smm .default-btn:focus,
.service-smm .default-btn:hover,
.service-smm .paginator__link:focus,
.service-smm .paginator__link:hover,
.service-smm .right-btn__link:focus,
.service-smm .right-btn__link:hover,
.service-smm .white-btn:focus,
.service-smm .white-btn:hover {
   background-color: #6f37a1
}

.service-analit {
   --mainColor: #01b1bb
}

.service-analit .default-btn:focus,
.service-analit .default-btn:hover,
.service-analit .paginator__link:focus,
.service-analit .paginator__link:hover,
.service-analit .right-btn__link:focus,
.service-analit .right-btn__link:hover,
.service-analit .white-btn:focus,
.service-analit .white-btn:hover {
   background-color: #01c2cd
}

.service-dev {
   --mainColor: #628de3
}

.service-dev .default-btn:focus,
.service-dev .default-btn:hover,
.service-dev .paginator__link:focus,
.service-dev .paginator__link:hover,
.service-dev .right-btn__link:focus,
.service-dev .right-btn__link:hover,
.service-dev .white-btn:focus,
.service-dev .white-btn:hover {
   background-color: #6b9bf9
}

.service-analit .title-slider:after,
.service-audit .title-slider:after,
.service-commercial .title-slider:after,
.service-cons .title-slider:after,
.service-context .title-slider:after,
.service-media .title-slider:after,
.service-seo .title-slider:after,
.service-smm .title-slider:after {
   display: none
}

.service-analit .bread-crumbs__link,
.service-audit .bread-crumbs__link,
.service-commercial .bread-crumbs__link,
.service-cons .bread-crumbs__link,
.service-context .bread-crumbs__link,
.service-media .bread-crumbs__link,
.service-seo .bread-crumbs__link,
.service-smm .bread-crumbs__link {
   color: #fff
}

.detail-sevrice h2,
.service-title {
   font-size: 26px;
   line-height: 1.15385;
   margin-bottom: 33px
}

.detail-service__advantages,
.detail-service__contains,
.detail-service__grafic,
.detail-service__text {
   margin: 55px 0 0
}

.detail-service__new-form {
   margin: 65px 0 0
}

.detail-service__variants {
   margin: 85px 0 0
}

.detail-service__for,
.detail-service__steps {
   margin: 65px 0 0
}

.detail-service__why-we {
   margin: 70px 0 0
}

.detail-service__another {
   margin: 95px 0 0
}

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

.detail-service__top-company {
   margin: 0 0 40px
}

.detail-service__top-text {
   max-width: 810px
}

.detail-service__top-text .text-page table table:not([border="1"]) td {
   padding: 0 20px 0 0
}

.detail-service__top-text .text-page table table:not([border="1"]) td:first-child {
   min-width: 60px
}

.detail-service__top-text .text-page ol:not(:first-child),
.detail-service__top-text .text-page ul:not(:first-child) {
   margin-top: 15px
}

.detail-service__top-text .text-page blockquote {
   background: none;
   border-left: 2px solid #cb2b21;
   border-left: 2px solid var(--mainColor);
   padding: 0 0 0 35px;
   font-size: 20px
}

.detail-service__top-text .text-page ol>li {
   font-weight: inherit
}

.detail-service__top-form {
   margin-left: 2rem;
   width: 425px
}

.detail-service__form {
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   padding: 52px 65px 69px
}

.detail-service__form-btn {
   margin: 38px 0 0
}

.detail-service__form-btn .white-btn {
   color: #000
}

.detail-service__form-title {
   font-weight: 300;
   font-size: 30px;
   line-height: 1.1
}

.service-grafic {
   display: flex;
   justify-content: space-between;
   background: #f7f7f7;
   padding: 53px 57px 52px 68px
}

.service-grafic__req .form-req {
   text-align: left
}

.service-grafic__req .form-req i {
   text-align: center;
   margin: 0 5px 0 0;
   font-size: 18px;
   width: 18px;
   height: 18px;
   padding: 0
}

.service-grafic__req+.service-grafic__req {
   margin: 28px 0 0
}

.service-grafic__img {
   text-align: center;
   background: #fff;
   padding: 10px 80px 20px;
   flex: none;
   margin-left: 40px;
   width: 840px
}

.service-grafic__img-caption {
   color: rgba(0, 0, 0, .5);
   margin: 20px 0 0;
   font-size: 14px
}

.service-grafic__subtitle {
   line-height: 1.5;
   color: rgba(0, 0, 0, .5);
   margin: -10px 0 25px
}

.service-grafic__counter {
   background: #fff;
   border-radius: 10px;
   margin: 20px 0 0;
   padding: 27px 30px;
   font-weight: 400;
   max-width: 220px
}

.service-grafic__counter-number {
   line-height: 1;
   font-size: 30px
}

.service-grafic__counter-number:not(:last-child) {
   margin-bottom: 12px
}

.service-grafic__counter-text {
   font-size: 20px
}

.service-grafic__title {
   font-size: 24px;
   line-height: 1.41667
}

.service-grafic__title:not(:last-child) {
   margin-bottom: 33px
}

.service-grafic__title-cont {
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex: 1 1 auto
}

.service-grafic__text {
   max-width: 310px
}

.service-grafic__text:not(:last-child) {
   margin: 0 0 35px
}

.s-steps {
   display: flex;
   flex-wrap: wrap;
   counter-reset: i
}

.s-steps__item {
   display: flex;
   flex-direction: column;
   width: 33.33%;
   counter-increment: i
}

.s-steps__item:last-child .s-step:after {
   display: none
}

.service-steps__req .form-req {
   text-align: left
}

.service-steps__req .form-req i {
   text-align: center
}

.s-step {
   flex: 1 1 auto;
   position: relative;
   padding: 110px 90px 64px 0;
   display: flex;
   flex-direction: column
}

.s-step:after,
.s-step:before {
   position: absolute
}

.s-step:before {
   content: counter(i);
   top: 0;
   left: 0;
   border-radius: 50%;
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   text-align: center;
   width: 65px;
   height: 65px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 24px;
   line-height: 1
}

.s-step:after {
   content: "";
   left: 64px;
   top: 32px;
   width: calc(100% - 64px);
   height: 1px;
   background: linear-gradient(90deg, #cb2b21, rgba(0, 0, 0, .0001));
   background: linear-gradient(90deg, var(--mainColor), rgba(0, 0, 0, .0001))
}

.s-step__title {
   color: #cb2b21;
   color: var(--mainColor);
   margin-bottom: 30px;
   font-size: 24px;
   flex: 1 1 auto
}

.s-step__text {
   line-height: 1.5;
   max-width: 300px
}

.why-we {
   background: #f7f7f7;
   border-top: 2px solid #cb2b21;
   border-top: 2px solid var(--mainColor);
   padding: 60px 70px 70px;
   overflow: hidden
}

.why-we__counters {
   margin: 45px 0 0
}

.why-we__partners {
   margin: 65px 0 0
}

.why-we__text {
   max-width: 910px
}

.why-we__text:not(:first-child) {
   margin: 55px 0 0
}

.why-we__text .text-page blockquote {
   border-left: 2px solid #cb2b21;
   border-left: 2px solid var(--mainColor);
   background: none;
   padding: 8px 0 8px 40px;
   font-size: 18px
}

.why-we__megaplan {
   margin: 35px 0 0
}

.why-we__serts {
   margin: 55px 0 0
}

.why-we__pers-serts {
   margin: 60px 0 0;
   position: relative
}

.why-we__pers-serts .slick-arrow {
   width: 25px;
   height: 25px;
   top: -70px;
   position: absolute
}

.why-we__pers-serts .slick-arrow:after {
   content: "";
   top: calc(50% - 5px);
   right: calc(50% - 5px);
   position: absolute;
   border-top: 1px solid #cb2b21;
   border-top: 1px solid var(--mainColor);
   border-right: 1px solid #cb2b21;
   border-right: 1px solid var(--mainColor);
   width: 10px;
   height: 10px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.why-we__pers-serts .slick-next {
   right: 0
}

.why-we__pers-serts .slick-prev {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   right: 30px
}

.why-we__pers-serts .slick-dots {
   display: flex;
   margin: 20px 0 0;
   justify-content: center
}

.why-we__pers-serts .slick-dots button {
   text-indent: -9999px;
   overflow: hidden;
   border: none;
   background: #cb2b21;
   background: var(--mainColor);
   border-radius: 50%;
   padding: 0;
   width: 100%;
   height: 100%;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

.why-we__pers-serts .slick-dots li {
   width: 10px;
   height: 10px
}

.why-we__pers-serts .slick-dots li:not(:last-child) {
   margin-right: 7px
}

.why-we__pers-serts .slick-dots li:not(.slick-active) button {
   -webkit-transform: scale(.5);
   transform: scale(.5)
}

.why-we__bot-form {
   margin: 70px 0 0
}

.w-counters {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -30px -30px
}

.w-counters__item {
   display: flex;
   flex-direction: column;
   width: calc((100% - 150px)/5);
   margin: 0 0 30px 30px
}

.w-counter {
   flex: 1 1 auto;
   background: #fff;
   border-top: 2px solid #cb2b21;
   border-top: 2px solid var(--mainColor);
   padding: 36px 40px
}

.w-counter__number {
   color: #cb2b21;
   color: var(--mainColor);
   font-size: 24px;
   line-height: 1;
   margin-bottom: 30px
}

.w-partners__title {
   margin-bottom: 30px;
   font-size: 22px;
   display: flex;
   align-items: center;
   justify-content: space-between
}

.w-partners__title-arrows {
   display: flex;
   flex: none;
   margin-left: 20px
}

.w-partners .slick-arrow {
   width: 25px;
   height: 25px;
   position: relative
}

.w-partners .slick-arrow:after {
   content: "";
   top: calc(50% - 5px);
   right: calc(50% - 5px);
   position: absolute;
   border-top: 1px solid #cb2b21;
   border-top: 1px solid var(--mainColor);
   border-right: 1px solid #cb2b21;
   border-right: 1px solid var(--mainColor);
   width: 10px;
   height: 10px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.w-partners .slick-prev {
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg)
}

.partners-slider {
   margin: 0 -15px
}

.partners-slider:not(.slick-initialized) {
   display: flex
}

.partners-slide {
   padding: 0 15px;
   flex: none
}

.partners-slide:nth-child(n+6) {
   display: none
}

.partners-slide img {
   display: block;
   width: 100%
}

.megaplan {
   display: flex;
   align-items: center;
   border: 1px solid #e3e3e3;
   max-width: 845px;
   padding: 33px 45px 38px
}

.megaplan__img {
   display: block;
   margin-right: 45px
}

.sert-gallery {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -60px -60px
}

.sert-gallery__item {
   width: calc((100% - 300px)/5);
   margin: 0 0 60px 60px
}

.sert-gallery__img {
   box-shadow: -1px 1px 20px 0 rgba(0, 0, 0, .15);
   display: block;
   text-align: center
}

.sert-gallery__img img {
   width: 100%;
   display: block
}

.serts-slider:not(.slick-initialized) {
   display: flex
}

.serts-slider .slick-list {
   overflow: visible
}

.serts-slide {
   display: block;
   flex: none;
   margin: 0 18px;
   text-align: center
}

.serts-slide:nth-child(n+6) {
   display: none
}

.serts-slide img {
   display: inline-block !important;
   box-shadow: -1px 1px 20px 0 rgba(0, 0, 0, .15)
}

.service-bot-form {
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 50px 70px
}

.service-bot-form__title {
   font-size: 30px;
   font-weight: 300
}

.service-bot-form__btn {
   margin-left: 2rem;
   flex: none
}

.service-bot-form__btn .white-btn {
   color: #000
}

.service-variants h2,
.service-variants__title {
   font-size: 26px;
   margin-bottom: 42px
}

.service-variants__subtext {
   margin: 48px 0 0
}

.service-variants__subtext .text-page {
   max-width: 910px
}

.service-variants__list {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -55px -55px
}

.service-variants__list-item {
   display: flex;
   flex-direction: column;
   width: calc((100% - 165px)/3);
   margin: 0 0 55px 55px
}

.s-variant {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   text-align: center;
   background: #f7f7f7;
   border-top: 2px solid #cb2b21;
   border-top: 2px solid var(--mainColor);
   padding: 45px 0 0
}

.s-variant__number {
   color: rgba(0, 0, 0, .5);
   margin-bottom: 15px
}

.s-variant__title {
   flex: 1 1 auto;
   display: flex;
   align-self: center;
   flex-direction: column;
   justify-content: center;
   font-size: 24px;
   text-align: center;
   line-height: 1.25;
   max-width: 300px;
   margin-bottom: 35px
}

.s-variant__price {
   font-size: 24px;
   line-height: 1;
   white-space: nowrap;
   margin-bottom: 18px
}

.s-variant__time {
   color: rgba(0, 0, 0, .5);
   line-height: 1.5;
   margin-bottom: 45px
}

.s-variant__btn {
   background: #cb2b21;
   background: var(--mainColor);
   padding: 40px 0
}

.s-variant__btn .white-btn {
   color: #000
}

.s-contains h2,
.s-contains__title {
   font-size: 26px;
   line-height: 1;
   margin: 0 0 25px
}

.s-contains__list {
   max-width: 910px
}

.s-contains__list-item:not(:first-child) {
   margin: 17px 0 0
}

.s-contain__title {
   position: relative;
   background: #f7f7f7;
   border-left: 2px solid #cb2b21;
   border-left: 2px solid var(--mainColor);
   padding: 25px 60px 25px 29px;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.s-contain__title:after {
   content: "";
   top: calc(50% - 5px);
   right: 33px;
   position: absolute;
   width: 10px;
   height: 10px;
   border-bottom: 1px solid #cb2b21;
   border-bottom: 1px solid var(--mainColor);
   border-right: 1px solid #cb2b21;
   border-right: 1px solid var(--mainColor);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.s-contain__title.js__active:after {
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg)
}

.s-contain__title.js__active+.s-contain__text {
   display: block
}

.s-contain__text {
   padding: 30px 30px 16px;
   display: none
}

.s-contain__text ol>li {
   font-weight: inherit
}

.service-text {
   max-width: 840px
}

.service-text__title {
   font-size: 26px;
   margin-bottom: 25px
}

.service-text__text blockquote {
   border-left: 2px solid #cb2b21;
   border-left: 2px solid var(--mainColor)
}

.services-advantages__req {
   margin: 48px 0 0
}

.services-advantages__req .form-req {
   text-align: left
}

.services-advantages__req .form-req i {
   text-align: center
}

.company {
   display: flex
}

.company__img {
   flex: none;
   margin-right: 50px
}

.company__img img {
   display: block
}

.company__desc {
   padding: 6px 0 0;
   margin: 0 0 13px
}

.company__desc-type {
   color: rgba(0, 0, 0, .5)
}

.company__desc-title {
   font-size: 24px
}

.detail-form__title {
   background-color: #cb2b21;
   color: #fff;
   background-color: var(--mainColor);
   font-size: 30px;
   padding: 37px 65px 38px;
   font-weight: 300
}

.detail-form__container {
   padding: 35px 65px 60px;
   background: #f0f0f0;
   background: var(--secondColor)
}

.detail-form__text {
   max-width: 640px;
   font-size: 12px;
   line-height: 1.66667;
   margin-bottom: 30px
}

.detail-form__inputs {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 -31px -23px
}

.detail-form__input {
   width: calc((100% - 69px)/3);
   margin: 0 0 31px 23px;
   position: relative
}

.detail-form__input--req {
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 0 0 7px
}

.detail-form__input .forms__input,
.detail-form__input .forms__label--file {
   background-color: #fff !important
}

.detail-form__input .forms__input--file-support,
.detail-form__input .forms__label--file--file-support {
   margin-right: 17px
}

.detail-form__bot {
   margin: 50px 0 0;
   display: flex;
   align-items: center
}

.detail-form__bot-text {
   font-size: 12px;
   line-height: 1.5;
   margin-left: 36px
}

@media screen and (max-width:1600px) {
   .detail-service__form {
      padding: 40px 50px
   }

   .service-grafic {
      padding: 40px 30px
   }
}

@media screen and (max-width:1600px) and (min-width:1000px) {
   .why-we {
      padding: 40px 45px
   }

   .why-we__bot-form,
   .why-we__megaplan,
   .why-we__partners,
   .why-we__pers-serts,
   .why-we__serts,
   .why-we__text:not(:first-child) {
      margin: 40px 0 0
   }

   .w-counter {
      padding: 30px
   }

   .w-counter__number {
      margin-bottom: 15px
   }

   .w-partners__title {
      margin-bottom: 20px
   }

   .sert-gallery {
      margin: 0 0 -30px -30px
   }

   .sert-gallery__item {
      width: calc((100% - 150px)/5);
      margin: 0 0 30px 30px
   }

   .service-bot-form {
      padding: 30px
   }
}

@media screen and (max-width:1300px) {

   .detail-form__container,
   .detail-form__title {
      padding: 20px 40px 22px
   }
}

@media screen and (max-width:1200px) and (min-width:1000px) {
   .w-counters {
      margin: 0 0 -20px -20px
   }

   .w-counters__item {
      width: calc((100% - 100px)/5);
      margin: 0 0 20px 20px
   }

   .w-counter {
      padding: 20px
   }

   .service-audit .title-block__title,
   .service-commercial .title-block__title,
   .service-context .title-block__title,
   .service-media .title-block__title,
   .service-seo .title-block__title,
   .service-smm .title-block__title {
      margin-bottom: 20px
   }

   .service-audit .title-block__title h1,
   .service-commercial .title-block__title h1,
   .service-context .title-block__title h1,
   .service-media .title-block__title h1,
   .service-seo .title-block__title h1,
   .service-smm .title-block__title h1 {
      font-size: 40px
   }

   .service-grafic__img {
      width: auto;
      padding: 20px 30px
   }
}

@media screen and (min-width:1200px) {
   .service-grafic__req .form-req {
      display: flex
   }

   .service-grafic__req .form-req i {
      flex: none
   }
}

@media screen and (max-width:1200px) {
   .detail-form__input {
      width: calc((100% - 46px)/2)
   }
}

@media screen and (max-width:1000px) {
   .detail-service__form {
      padding: 20px
   }

   .detail-service__form-btn {
      white-space: nowrap
   }

   .detail-service__form-title {
      font-size: 20px
   }

   .detail-service__advantages,
   .detail-service__contains,
   .detail-service__for,
   .detail-service__grafic,
   .detail-service__steps,
   .detail-service__variants,
   .detail-service__why-we {
      margin: 25px 0 0
   }

   .detail-sevrice h2,
   .service-title {
      margin-bottom: 15px;
      font-size: 22px
   }

   .service-grafic {
      padding: 20px;
      display: block
   }

   .service-grafic__img {
      margin: 20px 0 0;
      width: auto;
      padding: 20px
   }

   .s-steps__item {
      width: 50%
   }

   .s-step {
      padding: 75px 30px 30px 0
   }

   .why-we {
      padding: 25px 20px
   }

   .why-we__megaplan,
   .why-we__partners,
   .why-we__pers-serts,
   .why-we__serts,
   .why-we__text:not(:first-child) {
      margin: 25px 0 0
   }

   .why-we__bot-form {
      margin: 15px -20px -20px
   }

   .w-counters {
      margin: 0 0 -20px -20px
   }

   .w-counters__item {
      width: calc((100% - 60px)/3);
      margin: 0 0 20px 20px
   }

   .w-counter {
      padding: 20px
   }

   .w-counter__number {
      font-size: 20px;
      margin-bottom: 10px
   }

   .w-counter__text {
      font-size: 14px
   }

   .megaplan {
      padding: 20px
   }

   .sert-gallery {
      margin: 0 0 -20px -20px
   }

   .sert-gallery__item {
      width: calc((100% - 80px)/4);
      margin: 0 0 20px 20px
   }

   .service-bot-form {
      padding: 30px 20px
   }

   .service-variants h2,
   .service-variants__title {
      font-size: 20px;
      margin-bottom: 15px
   }

   .service-variants__list {
      margin: 0 0 -20px -20px
   }

   .service-variants__list-item {
      width: calc((100% - 40px)/2);
      margin: 0 0 20px 20px
   }

   .service-variants__subtext {
      margin: 15px 0 0
   }

   .s-contain__text {
      padding: 20px
   }

   .s-contain__title {
      padding: 20px 40px 21px 20px
   }

   .s-contain__title:after {
      right: 20px
   }
}

@media screen and (max-width:800px) {

   .detail-form__container,
   .detail-form__title {
      padding: 20px
   }

   .detail-form__bot {
      margin: 25px 0 10px
   }
}

@media screen and (max-width:660px) {
   .company__img {
      max-width: 60px;
      margin-right: 18px
   }

   .company__desc-title {
      font-size: 18px
   }

   .detail-form__title {
      font-size: 22px
   }

   .detail-form__input {
      width: calc(100% - 23px)
   }

   .detail-form__input .forms__label--file {
      display: inline-block;
      vertical-align: bottom
   }

   .detail-form__input .forms__input--file-support {
      margin-right: 11px;
      display: inline-block;
      vertical-align: bottom
   }

   .detail-service__new-form {
      margin: 20px 0 0
   }

   .detail-service__top {
      display: block
   }

   .detail-service__top-form {
      margin: 20px -16px 0;
      width: auto
   }

   .detail-service__form-btn {
      margin: 20px 0 0
   }

   .detail-service__form-title {
      font-size: 18px
   }

   .detail-service__form-title br {
      display: none
   }

   .detail-service__grafic,
   .detail-service__why-we {
      margin: 0 -16px
   }

   .detail-service__contains+.detail-service__why-we {
      margin-top: 20px
   }

   .service-grafic__title {
      font-size: 18px
   }

   .service-grafic__img {
      margin: 20px -16px -20px
   }

   .detail-sevrice h2,
   .service-title {
      font-size: 18px
   }

   .services-advantages__list {
      margin: 0 -16px
   }

   .s-steps {
      display: block;
      margin: 0
   }

   .s-steps__item {
      margin: 0;
      width: auto
   }

   .s-step {
      padding: 0 0 20px 35px
   }

   .s-step:before {
      width: 25px;
      height: 25px;
      font-size: 14px;
      top: 0
   }

   .s-step:after {
      top: 24px;
      left: 12px;
      width: 1px;
      height: calc(100% - 24px);
      background: linear-gradient(180deg, #cb2b21, rgba(0, 0, 0, .00001));
      background: linear-gradient(180deg, var(--mainColor), rgba(0, 0, 0, .00001))
   }

   .s-step__text {
      height: auto !important;
      font-size: 14px
   }

   .s-step__title {
      font-size: 17px;
      margin-bottom: 10px
   }

   .service-for__list {
      margin: 0 -16px
   }

   .w-counters__item {
      width: calc((100% - 40px)/2)
   }

   .w-partners__title {
      font-size: 16px;
      margin-bottom: 10px
   }

   .megaplan {
      display: block
   }

   .megaplan__text {
      font-size: 14px;
      margin: 15px 0 0
   }

   .sert-gallery__item {
      width: calc((100% - 40px)/2)
   }

   .why-we__text .text-page blockquote {
      padding: 8px 0 8px 20px;
      font-size: 16px
   }

   .service-bot-form {
      padding: 20px;
      display: block
   }

   .service-bot-form__title {
      font-size: 18px
   }

   .service-bot-form__btn {
      margin: 20px 0 0
   }

   .imgs-table,
   .imgs-table>tbody,
   .imgs-table>tbody>tr {
      display: block
   }

   .imgs-table>tbody>tr>td {
      display: block;
      padding: 7px 0
   }

   .detail-service__top-text .text-page blockquote {
      font-size: 16px;
      padding: 0 0 0 20px
   }

   .service-variants h2,
   .service-variants__title {
      font-size: 18px
   }

   .service-variants__list {
      display: block;
      margin: 0 -16px
   }

   .service-variants__list-item {
      width: auto;
      margin: 0
   }

   .s-contains h2,
   .s-contains__title {
      font-size: 20px
   }

   .s-variant {
      padding: 20px 0 0
   }

   .s-variant__title {
      font-size: 20px;
      margin-bottom: 20px
   }

   .s-variant__number {
      margin-bottom: 10px;
      font-size: 14px
   }

   .s-variant__price {
      margin-bottom: 10px;
      font-size: 20px
   }

   .s-variant__time {
      margin-bottom: 20px;
      font-size: 14px
   }

   .s-variant__btn {
      padding: 20px 0
   }
}

@media screen and (max-width:360px) {
   .w-counter {
      padding: 16px
   }

   .w-counter__text {
      font-size: 12px
   }
}

.achievments {
   display: flex;
   flex-wrap: wrap;
   margin: -115px 0 0 -56px
}

.achievments__item {
   margin: 0 0 58px 56px;
   display: flex;
   flex-direction: column
}

.achievments__item .achievment {
   padding-left: 55px;
   padding-right: 55px
}

.achievments__item:not(.achievments__item--full) {
   width: calc((100% - 112px)/2)
}

.achievments__item:not(.achievments__item--full) .achievment {
   padding-top: 75px;
   padding-bottom: 70px
}

.achievments__item--full {
   width: calc(100% - 56px)
}

.achievments__item--full .achievment {
   padding-top: 45px;
   padding-bottom: 45px
}

.achievment {
   flex: 1 1 auto;
   display: flex;
   align-items: center;
   background: #f0f0f0;
   background: var(--secondColor)
}

.achievment__img {
   text-align: center;
   flex: none;
   width: 190px;
   margin-right: 55px
}

.achievment__img.fancybox {
   position: relative
}

.achievment__img.fancybox:focus:after,
.achievment__img.fancybox:hover:after {
   opacity: 1
}

.achievment__img.fancybox:after {
   content: "";
   top: calc(50% - 27px);
   right: calc(50% - 27px);
   position: absolute;
   width: 54px;
   height: 54px;
   border-radius: 50%;
   background: url("../img/ico-search-white.png") 50% no-repeat, #cb2b21;
   background: url("../img/ico-search-white.png") 50% no-repeat, var(--mainColor);
   transition: opacity 0.3s ease;
   opacity: 0
}

@media (max-width:1600px) and (min-width:800px) {
   .achievments {
      margin: -50px 0 0 -35px
   }

   .achievments__item {
      margin: 0 0 35px 35px
   }

   .achievments__item:not(.achievments__item--full) {
      width: calc((100% - 70px)/2)
   }

   .achievments__item--full {
      width: calc(100% - 35px)
   }

   .achievment {
      padding: 40px !important
   }
}

@media (max-width:1300px) and (min-width:1000px) {
   .achievment {
      padding: 30px !important
   }

   .achievment__img {
      width: 140px;
      margin-right: 20px
   }
}

@media (max-width:1000px) and (min-width:800px) {
   .achievments {
      margin-top: 0
   }

   .achievment {
      padding: 30px !important
   }

   .achievment__img {
      width: 120px;
      margin-right: 20px
   }
}

@media (max-width:800px) {
   .achievments {
      margin: 0
   }

   .achievments__item {
      margin: 0;
      width: 100% !important
   }

   .achievments__item:not(:first-child) {
      margin: 16px 0 0
   }

   .achievment {
      padding: 20px !important
   }

   .achievment__img {
      width: 120px;
      margin-right: 30px
   }
}

@media (max-width:660px) {
   .achievment {
      padding: 16px !important;
      display: block
   }

   .achievment:after {
      content: "";
      display: table;
      clear: both
   }

   .achievment__text {
      font-size: 14px
   }

   .achievment__img {
      float: left;
      width: 50px;
      margin: 0 15px 5px 0
   }
}

.paginator {
   display: flex;
   justify-content: center
}

.paginator__cont {
   margin: 100px 0 0
}

.paginator-arrow,
.paginator__link {
   display: block;
   border-radius: 50%;
   width: 30px;
   height: 30px
}

.paginator-arrow:not(.unactive) {
   background: url("../img/paginator-arrow.svg") 50% no-repeat
}

.paginator-arrow.unactive {
   background: url("../img/paginator-arrow-unactive.svg") 50% no-repeat;
   pointer-events: none
}

.paginator li:first-child .paginator-arrow:not(.unactive),
.paginator li:last-child .paginator-arrow .unactive {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

.paginator__link {
   line-height: 30px;
   font-size: 0.88rem;
   text-align: center;
   transition: background 0.3s ease, color 0.3s ease
}

.paginator__link.active,
.paginator__link:focus,
.paginator__link:hover {
   color: #fff;
   background: #cb2b21;
   background: var(--mainColor)
}

.paginator li:not(:last-child) {
   margin-right: 6px
}

@media screen and (max-width:1000px) {
   .paginator {
      margin: 30px 0 0
   }
}

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

.website__img {
   margin: 0 0 30px
}

.website__img img {
   display: block;
   width: 100%
}

.website__desc {
   display: flex;
   flex-direction: column;
   align-items: flex-start
}

.website__desc-category {
   color: #cb2b21;
   color: var(--mainColor);
   text-transform: uppercase;
   letter-spacing: 0.06em;
   font-size: 12px;
   font-weight: 500;
   line-height: 150%;
   margin: 0 0 20px
}

.website__desc-category:focus,
.website__desc-category:hover {
   text-decoration: underline
}

.website__desc-title {
   font-size: 18px;
   line-height: 1.33333
}

.website__desc-title:focus,
.website__desc-title:hover {
   text-decoration: underline
}

.website__desc-subtitle {
   margin: 15px 0 0;
   color: #989898;
   font-size: 16px;
   line-height: 150%
}

@media (min-width:660px) {
   .websites-list {
      display: flex;
      flex-wrap: wrap
   }
}

@media (min-width:1400px) {
   .websites-list {
      margin: 0 0 -60px -59px
   }

   .websites-list__item {
      width: calc((100% - 118px)/2);
      margin: 0 0 60px 59px
   }
}

@media (max-width:1400px) and (min-width:660px) {
   .websites-list {
      margin: 0 0 -30px -30px
   }

   .websites-list__item {
      width: calc((100% - 60px)/2);
      margin: 0 0 30px 30px
   }
}

@media (max-width:1400px) {
   .website__img {
      margin: 0 0 20px
   }

   .website__desc-category {
      margin: 0 0 10px
   }
}

@media (max-width:660px) {
   .websites-list__item:not(:first-child) {
      margin: 30px 0 0
   }
}

.portfolio-page {
   --mainColor: #628de3
}

.portfolio-page .default-btn:focus,
.portfolio-page .default-btn:hover,
.portfolio-page .right-btn__link:focus,
.portfolio-page .right-btn__link:hover,
.portfolio-page .website-detail__nav-link:focus:before,
.portfolio-page .website-detail__nav-link:hover:before,
.portfolio-page .white-btn:focus,
.portfolio-page .white-btn:hover {
   background-color: #6b9bf9 !important
}

.website-detail__top {
   margin: 0 0 40px
}

.website-detail__form {
   margin: 100px 0 0
}

.website-detail__another,
.website-detail__nav {
   margin: 50px 0 0
}

.website-detail__nav {
   display: flex;
   align-items: center;
   justify-content: space-between
}

.website-detail__nav-link {
   display: flex;
   align-items: center;
   color: #cb2b21;
   color: var(--mainColor)
}

.website-detail__nav-link:focus span,
.website-detail__nav-link:hover span {
   text-decoration: underline
}

.website-detail__nav-link span {
   max-width: 285px
}

.website-detail__nav-link:before {
   content: "";
   border-radius: 50%;
   flex: none;
   width: 47px;
   height: 47px;
   background: url("../img/ico-arrow-left.svg") 50% no-repeat;
   background-color: #cb2b21;
   background-color: var(--mainColor);
   transition: background-color 0.3s ease
}

.website-detail__nav-link--to-left:before {
   margin-right: 30px
}

.website-detail__nav-link--to-right {
   flex-direction: row-reverse
}

.website-detail__nav-link--to-right:before {
   margin-left: 30px;
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg)
}

.client-desc {
   display: flex;
   align-items: center
}

.client-desc__logo {
   margin-right: 45px
}

.client-desc__logo img {
   display: block
}

.client-desc__text-category {
   color: #989898;
   font-size: 16px;
   line-height: 150%
}

.client-desc__text-title {
   font-size: 24px
}

.website-desc__item:not(:first-child) {
   margin: 25px 0 0
}

.wd-text {
   display: flex
}

.wd-text__side {
   width: 420px;
   flex: none;
   margin-left: 57px
}

.wd-text__img:not(:first-child),
.wd-text__text:not(:first-child) {
   margin: 40px 0 0
}

.wd-text__img {
   position: relative;
   padding-top: 43px;
   display: inline-block
}

.wd-text__img:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 43px;
   background: url("../img/detail-portfolio-img-decor.png") 0 100% no-repeat;
   background-size: contain
}

.wd-text__img img {
   display: block;
   border: solid #d3d3d3;
   border-width: 5px 5px 3px;
   border-top-wdith: 7px;
   border-radius: 0 0 5px 5px
}

.wd-side__item {
   background: #f0f0f0;
   background: var(--secondColor);
   position: relative;
   padding: 41px 60px
}

.wd-side__item--info {
   margin: 0 0 50px
}

.wd-side__item-text:before {
   content: "";
   top: calc(50% - 10px);
   left: -11px;
   position: absolute;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   background: #f0f0f0;
   background: var(--secondColor);
   width: 20px;
   height: 20px
}

.wd-info {
   padding: 40px 0
}

.wd-info__item:not(:first-child) {
   margin: 45px 0 0
}

.wd-info__item-title {
   color: #989898;
   font-size: 10px;
   letter-spacing: 0.06em;
   font-weight: 500;
   margin: 0 0 8px;
   text-transform: uppercase
}

@media (max-width:1400px) {
   .wd-text__side {
      width: 340px;
      margin-left: 30px
   }

   .wd-side__item {
      padding: 30px
   }

   .wd-info {
      padding: 0
   }

   .wd-info__item:not(:first-child) {
      margin: 20px 0 0
   }

   .website-detail__form {
      margin: 50px 0 0
   }
}

@media (max-width:1000px) {
   .wd-text {
      flex-direction: column-reverse
   }

   .wd-text__side {
      width: 100%;
      margin: 0 0 30px
   }

   .wd-side__item--info {
      margin: 0 0 20px
   }

   .wd-side__item-text:before {
      top: auto;
      bottom: -11px;
      left: calc(50% - 10px)
   }
}

@media (max-width:660px) {
   .website-detail__nav {
      display: block
   }

   .website-detail__nav-link:not(:first-child) {
      margin: 20px 0 0
   }
}

.article-item__img {
   height: 212px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #f7f7f7;
   margin: 0 0 35px
}

.article-item__img img {
   max-height: 100%
}

.ai-desc__top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0 0 20px
}

.ai-desc__top-views {
   flex: none;
   margin-left: 15px;
   color: #989898;
   font-size: 14px;
   padding-left: 24px;
   position: relative;
   white-space: nowrap
}

.ai-desc__top-views:before {
   content: "";
   top: calc(50% - 5px);
   left: 0;
   position: absolute;
   background: url("../img/ico-views.svg") no-repeat;
   width: 17px;
   height: 10px
}

.ai-desc__top-category {
   font-weight: 500;
   font-size: 12px;
   line-height: 150%;
   letter-spacing: 0.06em;
   color: #cb2b21;
   color: var(--mainColor);
   text-transform: uppercase
}

.ai-desc__top-category:focus,
.ai-desc__top-category:hover {
   text-decoration: underline
}

.ai-desc__title {
   min-height: 54px
}

.ai-desc__title a {
   font-size: 20px;
   line-height: 1.35;
   transition: color 0.3s ease, border-color 0.3s ease;
   border-bottom: 1px solid transparent;
   color: inherit
}

.ai-desc__title a:focus,
.ai-desc__title a:hover {
   color: #cb2b21;
   color: var(--mainColor);
   border-color: #cb2b21;
   border-color: var(--mainColor)
}

.ai-desc__text {
   color: #989898;
   line-height: 1.375;
   margin: 12px 0 0
}

.ai-desc__date {
   font-size: 14px;
   line-height: 1;
   white-space: nowrap;
   margin: 25px 0 0
}

@media (min-width:660px) {
   .articles-list {
      display: flex;
      flex-wrap: wrap
   }
}

@media (min-width:1400px) {
   .articles-list {
      margin: 0 0 -60px -59px
   }

   .articles-list__item {
      width: calc((100% - 177px)/3);
      margin: 0 0 60px 59px
   }
}

@media (max-width:1400px) and (min-width:1000px) {
   .articles-list {
      margin: 0 0 -30px -30px
   }

   .articles-list__item {
      width: calc((100% - 90px)/3);
      margin: 0 0 30px 30px
   }
}

@media (max-width:660px) {
   .articles-list__item:not(:first-child) {
      margin: 30px 0 0
   }

   .ai-desc__title {
      min-height: 0
   }
}

.article-detail__author,
.article-detail__text {
   max-width: 995px
}

.article-detail__author {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 45px 0 0;
   padding: 30px 0 0;
   border-top: 1px solid #eef2f5;
   border-top: 1px solid var(--borderColor)
}

.article-detail__another {
   margin: 50px 0 0
}

.article-detail .website-detail__nav {
   margin: 100px 0 0
}

.author {
   display: flex;
   align-items: center
}

.author__img {
   margin-right: 30px;
   border-radius: 30px;
   overflow: hidden;
   width: 60px;
   height: 60px
}

.author__img img {
   border-radius: inherit;
   display: block;
   width: inherit;
   height: inherit;
   -o-object-position: center;
   object-position: center;
   -o-object-fit: cover;
   object-fit: cover
}

.author__desc-name,
.author__desc-position {
   display: block
}

.author__desc-name {
   font-size: 18px
}

.author__desc-position {
   margin: 5px 0 0;
   font-size: 14px;
   color: #959595
}

.article-details {
   display: flex;
   align-items: center
}

.article-details__type {
   font-weight: 500;
   letter-spacing: 0.06em;
   font-size: 12px;
   text-transform: uppercase;
   transition: color 0.3s ease, border-color 0.3s ease;
   color: #cb2b21;
   color: var(--mainColor)
}

.article-details__type:focus,
.article-details__type:hover {
   text-decoration: underline
}

.article-details__date:not(:last-child),
.article-details__type:not(:last-child),
.article-details__views:not(:last-child) {
   margin-right: 40px
}

.article-details__date,
.article-details__views {
   color: #989898
}

.article-details__views {
   font-size: 14px;
   padding-left: 24px;
   position: relative;
   white-space: nowrap
}

.article-details__views:before {
   content: "";
   top: calc(50% - 5px);
   left: 0;
   position: absolute;
   background: url("../img/ico-views.svg") no-repeat;
   width: 17px;
   height: 10px
}

@media (max-width:660px) {
   .article-detail__author {
      display: block
   }

   .article-detail__author-details {
      margin: 20px 0 0
   }

   .article-detail .website-detail__nav {
      margin: 40px 0 0
   }
}

.main .footer {
   overflow-y: auto;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   position: fixed;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch
}

.inner .footer {
   margin: 89px 0 0
}

.footer__text {
   padding: 78px 0 65px
}

.footer__serts {
   background: #f0f0f0;
   background: var(--secondColor)
}

.footer__bot {
   padding: 50px 0
}

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

.footer-text:not(.js__opened) .text-page>* {
   max-width: 100% !important
}

.footer-text:not(.js__opened) .text-page> :nth-child(n+3) {
   display: none
}

.footer-text__text {
   width: 78.91%
}

.footer-text__text-title {
   font-size: 30px;
   margin-bottom: 24px
}

.footer-text__text .text-page>* {
   max-width: 100% !important
}

.footer-text__btn {
   width: 20.8%;
   flex: none;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center
}

.f-serts {
   padding: 42px 0 5px;
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 0 -80px
}

.f-serts__item {
   width: calc((100% - 320px)/4);
   margin: 0 0 40px 80px
}

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

.f-sert__img {
   flex: none;
   margin-right: 24px
}

.f-sert__img img {
   display: block
}

.footer-bot {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between
}

.footer-bot__menu {
   -webkit-column-count: 3;
   column-count: 3;
   grid-column-gap: 2rem;
   -webkit-column-gap: 2rem;
   column-gap: 2rem
}

.footer-bot__contacts {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   color: rgba(0, 0, 0, .5)
}

.footer-bot__links,
.footer-bot__partners {
   display: flex;
   flex-direction: column;
   justify-content: flex-end
}

.footer-bot__menu,
.footer-bot__partners {
   width: calc(100% - 415px)
}

.footer-bot__contacts,
.footer-bot__links {
   width: 320px;
   flex: none
}

.footer-bot__contacts,
.footer-bot__menu {
   margin: 40px 0 0
}

@supports(display:grid) {
   .footer-bot {
      display: grid;
      grid-template-columns: 1fr 320px;
      grid-template-areas: "partners links" "menu contacts";
      grid-gap: 41px 95px
   }

   .footer-bot__contacts,
   .footer-bot__links,
   .footer-bot__menu,
   .footer-bot__partners {
      width: auto !important;
      margin: 0 !important
   }

   .footer-bot__partners {
      grid-area: partners
   }

   .footer-bot__links {
      grid-area: links
   }

   .footer-bot__menu {
      grid-area: menu
   }

   .footer-bot__contacts {
      grid-area: contacts
   }
}

.f-partners {
   margin: 0 0 -2rem -2rem;
   display: flex;
   flex-wrap: wrap
}

.f-partners__item {
   width: calc((100% - 6rem)/3);
   margin: 0 0 2rem 2rem;
   display: flex;
   flex-direction: column
}

.f-partner,
.f-partner__img {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto
}

.f-partner__img {
   justify-content: center;
   align-items: flex-start;
   margin-bottom: 17px
}

.f-partner__text {
   padding-left: 25px;
   flex: none;
   font-size: 15px;
   line-height: 1.6;
   border-left: 1px solid #cb2b21;
   border-left: 1px solid var(--mainColor);
   max-width: 200px
}

.f-links__btn {
   margin: 25px 0 0
}

.f-menu {
   page-break-inside: avoid;
   -webkit-column-break-inside: avoid;
   break-inside: avoid
}

.f-menu:not(:first-child) {
   margin: 40px 0 0
}

.f-menu__title {
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 13px
}

.f-menu__list li:not(:first-child) {
   margin: 5px 0 0
}

.f-menu__list-link {
   color: rgba(0, 0, 0, .5);
   transition: color 0.3s ease
}

.f-menu__list-link:focus,
.f-menu__list-link:hover {
   color: #cb2b21;
   color: var(--mainColor)
}

.f-copy:not(:first-child),
.f-soc:not(:first-child) {
   padding: 12px 0 0
}

.f-contacts a {
   color: inherit
}

.f-contacts__phones {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   margin: 15px 0 0
}

@media screen and (max-width:1600px) {
   .inner .footer {
      margin: 40px 0 0
   }
}

@media screen and (max-width:1300px) {
   .footer__text {
      padding: 40px 0 30px
   }

   .footer__bot {
      padding: 20px 0 30px
   }

   .f-serts {
      padding: 20px 0 5px;
      margin: 0 0 0 -40px
   }

   .f-serts__item {
      width: calc((100% - 160px)/4);
      margin: 0 0 15px 40px
   }
}

@media screen and (max-width:1200px) {
   .f-sert {
      font-size: 14px
   }

   .f-sert__img {
      margin-right: 15px;
      width: 40px
   }

   .footer-text__btn {
      width: 65px
   }

   .footer-text__text {
      width: calc(100% - 65px)
   }

   .footer-bot {
      grid-gap: 30px 50px;
      grid-template-columns: 1fr 260px
   }
}

@media screen and (max-width:1000px) {
   .footer__text {
      padding: 20px 0
   }

   .footer__bot {
      margin: 20px 0 0
   }

   .footer-text {
      flex-direction: column
   }

   .footer-text__btn,
   .footer-text__text {
      width: auto
   }

   .footer-text__btn {
      text-align: center;
      margin: 15px 0 0
   }

   .footer-text__text-title {
      font-size: 26px;
      margin-bottom: 15px
   }

   .footer-text__text .text-page {
      font-size: 14px
   }

   .f-serts {
      margin: 0 0 -20px -40px
   }

   .f-serts__item {
      width: calc((100% - 80px)/2);
      margin: 0 0 20px 40px
   }

   .footer-bot__menu,
   .footer-bot__partners {
      width: 100%
   }

   .footer-bot__contacts,
   .footer-bot__links {
      width: auto
   }

   .footer-bot__contacts {
      order: 1
   }

   .footer-bot__links {
      order: 2;
      align-self: stretch;
      display: flex;
      flex-direction: column
   }

   .f-links {
      flex-direction: column-reverse;
      display: flex;
      justify-content: space-around;
      flex: 1 1 auto
   }

   @supports (display:grid) {
      .footer-bot {
         grid-gap: 25px;
         grid-template-areas: "partners partners" "menu menu" "contacts links"
      }
   }
}
.f-menu_mob {display: none;}
@media screen and (max-width:660px) {
   .footer {
      position: static !important
   }

   .footer__bot {
      margin: 0
   }

   .footer-text__text-title {
      font-size: 20px
   }

   .f-serts {
      display: block;
      margin: 0;
      padding: 20px 0
   }

   .f-serts__item {
      margin: 0;
      width: auto
   }

   .f-serts__item:not(:first-child) {
      margin: 10px 0 0
   }

   .footer-bot {
      display: block
   }

/* .footer-bot__menu, */
   .footer-bot__links,
   .footer-bot__partners {
      display: none
   }

   /*24.04*/
   /* .f-partner {
      flex-direction: row;
   }

   .f-partners {
      flex-direction: column;
   }

   .f-partner__img {
      flex: unset;
      width: 30%;
      align-items: center;
   }

   .footer-bot__partners {
      margin-bottom: 32px !important;
   }

   .f-partners__item {
      width: 100%;
   } */

   .f-menu {display: none;}
   .f-menu_mob {display: grid; grid-template-columns: 1fr 1fr; margin-top: 20px; margin-bottom: 32px; position: relative;}
   .f-menu_mob::before {content: ''; width: 100vw; height: 1px; background-color: #E8E3E3; position: absolute; bottom: 0; left: 50%; margin-left: -50vw;}
   .f-menu_mob .f-menu__title {font-size: 16px; color: rgba(0, 0, 0, .5); margin-bottom: 40px; font-weight: 700;}
   .f-contacts__phones {margin: 0 0 10px 0;}
   .soc__link {margin-bottom: 30px;}
   .footer-bot__menu {
      column-count: 1;
   }

   .soc {
      justify-content: center;
      width: max-content;
   }
   .showmobile_logo {display: flex !important; gap: 10px;}

   .f-contacts>div {
      margin-right: 0 !important;
   }

   .f-contacts>div:last-child {
      display: none;
   }

   .f-contacts {
      display: flex !important;
      flex-direction: column;
      align-items: start;
   }

   /* end 24.04*/

   .footer-bot__contacts {
      text-align: left;
      display: block
   }

   .f-contacts {
      display: none
   }

   .f-soc {
      display: inline-block
   }
}

@media (max-width:660px) {
   .logo {padding-bottom: 0 !important;}
   .logo img {width: 88px; height: auto;}
   .head__link .right-btn__link {
      background: none !important;
      display: flex;
      justify-content: center;
      align-items: center
   }

   .head__link svg {
      display: block;
      width: 24px;
      height: 23px
   }

   .head__link svg path {
      fill: #cb2b21;
      fill: var(--mainColor)
   }
}

.showmobile_logo {
   display: none;
   height: 16px
}

@media screen and (max-width:640px) {
   .showmobile_logo {
      display: inline
   }
}

.nolink a {
   text-decoration: none
}

.nolink a:hover {
   text-decoration: none
}

.header-media-icons img.color-inverted {
   filter: invert(1)
}

.clients-list__item-top_review {
   width: 80px;
   height: 34px;
   margin-bottom: -40px;
   padding: 10px 10px 10px 26px;
   position: relative;
   z-index: 999;
   float: right;
   border-radius: 0 0 0 10px;
   background: url("../img/ico-reviews-min.png") left center no-repeat;
   color: #cb2b21;
   font-size: 12px
}

.clients-list__item:hover .clients-list__item-top_review {
   opacity: 0;
}

.screen-features__list li {
   white-space: nowrap;
}

.vacancy-item__title span {
   color: #989898;
   font-size: 12px;
   position: absolute;
   margin-left: 2px;
}

.cases-count {
    font-size: 12px;
    position: absolute;
    margin-left: 2px;
}

.small_text{font-size: 11px; margin-top: 20px;}
.a-advantage__text h4{font-weight: 700;}
.b24-form-click-btn-wrapper.--b24-mod-center>button{margin: 20px auto !important;}

@media screen and (max-width: 660px){
   .a-advantages__row {
      display: flex;
      flex-direction: column;
      gap: 30px;
   }
}