/* Start:/local/templates/siteactiv/css/main.css?1753433647203187*/
@font-face {
   font-family: Gotham Pro;
   font-style: normal;
   font-weight: 400;
   src: url("/local/templates/siteactiv/css/../fonts/reg/gothampro.woff") format("woff");
   font-display: swap
}

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

@font-face {
   font-family: Gotham Pro;
   font-style: normal;
   font-weight: 700;
   src: url("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../img/ico-!.png") 50% no-repeat, #cb2b21;
   background: url("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../img/ico-pentagon-gray.png") no-repeat
}

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

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

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

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

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

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

.text-page .li_lblue-star:before {
   background: url("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../img/ico-true.svg")
}

.forms__input:not(:focus).js__have-content:invalid {
   background-image: url("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../img/ico-!.png") 50% no-repeat, #cb2b21;
   background: url("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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
}

.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("/local/templates/siteactiv/css/../img/ico-search-white.png") 50% no-repeat, #cb2b21;
   background: url("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../img/ico-search-white.png") 50% no-repeat, #cb2b21;
   background: url("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../img/paginator-arrow.svg") 50% no-repeat
}

.paginator-arrow.unactive {
   background: url("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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("/local/templates/siteactiv/css/../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;
}
/* End */


/* Start:/local/templates/siteactiv/css/custom.css?17534336479436*/
.h-menu.mobile{
  display: none;
}
.have_hr_section.services ul.first-level {
    width: 953px;
    display: flex;
    flex-wrap: wrap;
//    overflow: scroll;
//    max-height: 600px;
    padding: 43px 0 43px 30px !important;
  }
ul.services_submenu {
	line-height: 0.8;
}
.h-submenu.have_hr_section.services {
      max-width: 953px;
      display: flex;
      left: auto;
    right: -723%;
    }

ul.services_submenu {
    box-shadow: none;
    padding: 20px 0;
}
li.services-submenu__item, .services_submenu_item {
    page-break-inside: avoid;
    break-inside: avoid;
    width: 300px;
    padding-left: 0 !important;
}
.have_hr_section.services a.h-submenu__link {
    display: block;
    padding: 10px;
    font-weight: bold;
}
a.services_submenu__item {
    padding: 5px;
    display: block;
}
li.services_submenu__item {
    margin-top: 0 !important;
}
ul.services_submenu {
    padding-top: 0;
    margin-top: 0;
    margin-left: 25px;
}
.services_submenu__item:before {
    display: none!important;
}

.have_hr_section .h-submenu__link.active, .have_hr_section .h-submenu__link:hover{
      color: #000;
      cursor: default;
}
.have_hr_section a.services_submenu__item:hover{
    color: var(--mainColor);
}

#popup-2663{
    display: none;
}
a.tag-item {
    background: #f7f7f7;
    padding: 10px;
    border-radius: 5px;
    margin: 6px;
    padding-right: 33px;
}

.tag-item span, a.h-submenu__link span, .submenu__link span {
    color: #989898;
    font-size: 12px;
    position: absolute;
    margin-left: 2px;
}

.tag-item span {
    margin-left: 6px;
}

.tags {
    margin-bottom: 40px;
}

.clients-video__img img {
    max-width: 512px;
    max-height: 319px;
}

.bf_spikers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

}

.bf_spikers_column {
    flex-basis: 300px;
    margin: 10px;
}

.breakfest .red-link {
    text-decoration: underline;
}

.breakfest ol > li {
    font-weight: 400;
}

.bf_spikers_photo {
    text-align: center;
}

.popup-form__content form > #html_element {
    justify-content: left !important;
}

.head {
    transition: ease 0.3s background;
}

.head.-scrolled {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: #cb2b21;
    background: var(--mainColor);
}

.head__contacts-feedback span {
    display: block;
}

.head.-scrolled .head__contacts-feedback span {
    display: none;
}

body.inner .head__wrap {
    transition: ease 0.3s padding;
}

.head.-scrolled .head__wrap {
    padding-top: 12px;
    padding-bottom: 12px;
}

.fp-scroll.-up {
    opacity: 0;
    pointer-events: none;
    transition: ease 0.3s opacity;
}

.fp-scroll.-up.-visible {
    opacity: 1;
    pointer-events: all;
}

.main .fp-scroll.-up {
    display: none;
}


.inner-content__title-slider .title-slide img {
    min-height: 578px;
    object-fit: cover;
}

.services_img_img img {
    height: auto;
}

.h2--width {
    max-width: 674px;
}

.detail-sevrice h2 {
    line-height: 1.2 !important;
}

.popup-item-wrapper {}
	.popup-item-wrapper.fancybox-is-open .fancybox-slide--html {padding:0!important;}
	.popup-item-wrapper.fancybox-is-open .fancybox-bg {background:#fff!important; opacity:.5!important;}
	.popup-item-wrapper [data-fancybox-close] {background:rgba(255,255,255,.75)!important; transition:0.3s ease all;}
	.popup-item-wrapper [data-fancybox-close]:hover {background:rgba(255,255,255,1)!important;}
	.popup-item {padding:0!important; display: none;}
		.popup-item img {display:block;}


@media screen and (min-width: 1301px) {
    .h-menu:not(.js__menu) .h-menu__item.have-sub:hover .h-submenu {
        opacity: 1;
        pointer-events: all;
    }

    .h-menu:not(.js__menu) .h-menu__item.have-sub:hover:after {
        opacity: 1;
        pointer-events: all;
    }

    .h-menu:not(.js__menu) .h-submenu__item.have-sub-sub:hover .submenu {
        opacity: 1;
        pointer-events: all;
    }

    .h-menu:not(.js__menu) .h-submenu__item.have-sub-sub:hover .h-submenu__link:after {
        opacity: 1;
        pointer-events: all;
    }
}

@media screen and (max-width: 1300px) {
  .h-menu.desctop{
    display: none;
  }
  .h-menu.mobile{
    display: block;
  }
    .h-menu:not(.js__menu) .h-menu__item.have-sub:hover .h-submenu {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .h-menu:not(.js__menu) .h-menu__item.have-sub:hover .h-submenu, .h-menu:not(.js__menu) .h-menu__item.have-sub:hover:after {
        opacity: 1;
        pointer-events: all;
    }

    .h-menu:not(.js__menu) .h-submenu__item.have-sub-sub:hover .submenu {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 1;
        pointer-events: all;
    }
}

@media screen and (max-width: 1000px) {
    .fp-scroll.-up {
        left: 20px;
    }
}

@media screen and (max-width: 660px) {
    .clients-video__img img {
        max-width: 100%;
    }

    .fp-scroll.-up, .main .fp-scroll.-up {
        display: block;
    }
}

@media screen and (max-width: 1400px) {
    .h2--width,
    .cont_factors_img {
        width: 50%;
    }

    .detail-service__advantages {
        overflow: hidden;
    }
}


@media screen and (max-width: 1000px) {
    .h2--width {
        max-width: none;
        width: 100%;
    }

    .cont_factors_img {
        width: auto;
    }
}

@media screen and (max-width: 900px) {
    .inner-content__title-slider .title-slide img {
        min-height: 378px;
    }
}

@media screen and (max-width: 660px) {
    .detail-service__advantages {
        overflow: visible;
    }

    .cont_factors,
    .detail-sevrice h2, .service-title {
        margin-bottom: 20px !important;
    }

    .cont_factors_img {
        padding: 0 !important;
        margin: 0 0 20px;
    }

    .why-we__bot-form:last-child {
        margin-bottom: 0;
    }

    .services_img_img {
        text-align: center;
    }

    .services_img {
        margin-bottom: 45px !important;
    }
}


.services_img2 {
    display: flex;
    margin-bottom: 45px;
    justify-content: space-between;
}

.services_img2_part {
    display: flex;
    box-shadow: 0px 8px 31px 0px rgba(80, 80, 80, 0.09);
    padding: 30px;
    width: 49%;
}

.services_img {
    display: flex;
    margin-top: 19px;
    box-shadow: 0px 8px 31px 0px rgba(80, 80, 80, 0.09);
    padding: 30px;
    margin-bottom: 45px;
}

.services_img_img img {
    height: auto;
}

.cont_factors {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;
}

.cont_factors ol {
    padding-left: 20px;
}


.services_img_p {
    margin: 0px auto 38px 0px;
    color: var(--, #202020);
    min-height: 42px;
}


.komp__top_img > img {
    margin: 0px auto;
    display: block;
}

.komp__top_img {
    box-shadow: 0px 8px 31px 0px rgba(80, 80, 80, 0.09);
    width: 24%;
    padding: 15px;
}

.komp__top_title {
    margin: 17px;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.komp__top_text {
    margin: 0px 17px 0px 17px;
    max-width: 253px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
}

.komp__top_text > li {
    list-style-type: decimal;
    margin-bottom: 2px;
}

.cont_factors_ul {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    max-width: 640px;
    min-height: 237px;
}

.cont_factors_li {
    line-height: 32px;
}

.services_img2_text {
    max-width: 390px;
}

.services_img2_img {
    width: 216px;
    height: 240px;
    padding-right: 20px;
}

.services_img2_img img {
    height: auto;
}

.services_img_text {
    max-width: 800px;
}

.cont_factors_img {
/ / min-width: 350 px;
/ / max-height: 674 px;
    padding-right: 30px;
}

.cont_factors_img img {
    height: auto;
}

.komp__top_f {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
    margin-bottom: 30px;
}


.cont_factors_ul > li {
    list-style: decimal;
}

.cont_factors_p {
    margin-left: -15px
}


.carousel-reviews{

}


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

    .komp__top_f {
        display: block;
    }

    .services_img2, .services_img2_part {
        display: block;
        width: 100%;
    }

    .services_img2_text, .komp__top_text {
        max-width: 100%;
    }

    .komp__top_img {
        width: 100%;
    }

}


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

    .services_img2 {
        display: block;
    }

    .services_img2_part {
        display: block;
        width: 100%;
        padding-left: 20px;
    }

    .services_img {
        display: block;
        margin-bottom: 20px;
    }

    .cont_factors {
        display: block;
    }


    .services_img2_img {
        margin: 0px auto 30px auto;
    }

    .services_img {
        padding-left: 20px;
        margin: 0;
    }


    .cont_factors_li {
        line-height: 21px;
    }
}


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


    .services_img {
        padding-left: 25px;
        margin-bottom: 20px;
    }

    .services_img2_part {
        width: 100%;
    }
}

.cont_factors_img {
    height: 100%;
    /*margin: 0 auto 15px auto;*/
 /*padding-left: 20px;*/
 /*   padding-right: 20px;*/
    padding: 0;
}

.cont_factors_img > img {
   /*width: 300px;*/
   /*height: 198px;*/
    margin: 0 auto;
}




.komp__top_title {
    font-size: 17px;
}

/* End */


/* Start:/local/templates/siteactiv/css/new.custom.css?17534336478356*/
.carousel-reviews .title{
  float: left;
  width: 80%;
}
.carousel-reviews .wrapper{
  padding: 0;
}
.carousel-reviews{
  background: #f7f7f7;
  border-top: 2px solid var(--mainColor);
  padding: 60px 70px 70px;
  margin-bottom: 80px;
}
.carousel-certificate .title,
.carousel-profi .title,
.about-resource .title,
.good-info .title,
.carousel-reviews .title{
  font-size: 26px;
  font-weight: 400;
  line-height: 1.25;
  color: #202020;
  margin: 12px 0 22px;
  text-align: left;

}
.carousel-reviews .slick-slide{
  padding: 30px;
}

.detail-service__variants,
.service-grafic{
  overflow: hidden;
}

.carousel-nav button svg{
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
}
.carousel-nav path{
  transition: all 0.2s linear;
}
.carousel-nav button path{
  fill: var(--mainColor);
}
.carousel-nav button:hover path{
  fill: #fff;
}
.carousel-nav button:hover{
  background: var(--mainColor);
}
.carousel-nav button{
  transition: all 0.2s linear;
  cursor: pointer;
  margin: 0 0 0 9px;
  box-sizing: border-box;
  padding: 0;
  width: 55px;
  background: none;
  height: 55px;
  border: 2px solid var(--mainColor);
  border-radius: 8px;
  position: relative;
  float: right;
}
.carousel-nav{
  float: right;
}
.carousel-reviews_in .preview img{
  display: block;
  width: 100%;
  height: auto;
}
.carousel-reviews_in .preview{
  float: left;
  width: 357px;
  margin: 0 90px 0 0;
  border-radius: 10px;
  overflow: hidden;
}
.carousel-reviews_in .carousel-item{
  /*box-shadow: 0 8px 30px 0 rgba(80, 80, 80, 0.09);*/
  /*background: #fff;*/
  /*border-radius: 20px;*/
  /*padding: 35px 67px 37px 37px;*/
  overflow: hidden;
  position: relative;
}
.carousel-reviews_in .default-btn{
  position: absolute;
  bottom: 20px;
  left: 0;
}
.carousel-reviews_in blockquote{
  margin: 0 0 43px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.25;
  color: #202020;
}
.carousel-reviews_in p{
  text-align: right;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #202020;
}
.carousel-reviews_in .text{
  padding: 21px 0 60px;
  min-height: 412px;
  overflow: hidden;
  position: relative;
}
.carousel-reviews_in{
  margin: 0 -32px;
  clear: both;
}


.good-info .title{

}

.good-info_in{
  padding: 22px 0 0;
  margin: 0 -12px;
  display: flex;
  flex-wrap: wrap;
}
.good-info .preview img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.good-info .preview{
  height: 196px;
  display: block;
  margin: 0 0 21px;
}
.good-info .name{
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  transition: all 0.2s linear;
  display: block;
  color: #202020;
}
.good-info .text{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #202020;
}
.good-info .item:hover .name{
  color: var(--mainColor);
}
.good-info .item{
  padding: 0 12px;
  box-sizing: border-box;
  width: 25%;
}
.good-info{
  overflow: hidden;
  padding: 20px 0;
}

.about-resource{
  padding: 24px 0;
}
.about-resource .title{}


.good-info .wrapper,
.about-resource .wrapper{
  padding: 0;
}
.good-info,
.about-resource{
  background: #f7f7f7;
  border-top: 2px solid var(--mainColor);
  padding: 60px 70px 70px;
  margin-bottom: 80px;
}

.about-resource_in{
  padding: 13px 0 0;
  overflow: hidden;
}
.about-resource_in .item{
  float: left;
  margin: 0 49px 20px 0;
}
.about-resource_in img{
  display: block;
  width: 196px;
  border-radius: 100%;
  overflow: hidden;
}

.carousel-profi {
  padding: 38px 0;
  overflow: hidden;
}

.carousel-profi .top{
  margin: 0 0 16px;
  float: left;
  width: 80%;
}

.carousel-profi_in{
  clear: both;
  margin:  -19px;
}
.carousel-profi_in .carousel-item{
  padding:19px;
}
.carousel-profi_in img{
  display: block;
  box-shadow: -1px 1px 20px 0 rgba(0, 0, 0, 0.15);
  width: 100%;
}

.carousel-certificate .top{
  float: left;
  margin: 0 0 39px;
  width: 80%;
}
.carousel-certificate .title{
  margin: 12px 0 14px;
}
.carousel-certificate{
  padding: 18px 0;
  overflow: hidden;
}

.carousel-certificate strong{
  font-weight: 700;
}
.carousel-certificate p{
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #202020;
}

.carousel-certificate_in .slick-list{
}
.carousel-certificate_in {
  clear: both;
  overflow: hidden;
  margin: 0 -5px;
}
.carousel-certificate_in .slick-slide {
  padding: 0 5px;
}
.carousel-certificate_in .carousel-item img{
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  max-width: 90%;
  max-height: 93%;
  position: absolute;
  object-fit: contain;
}
.carousel-certificate_in .carousel-item{
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 10px;
  height: 260px;
  position: relative;
}


.carousel-item:first-child{
  display: block;
}
.carousel-item{
  display: none;
}
.good-info {
}





@media screen and (max-width: 1200px) {
  .good-info .name {
    font-size: 16px;
    line-height: 1.3;
  }
  .carousel-certificate .title, .carousel-profi .title, .about-resource .title, .good-info .title, .carousel-reviews .title {
    margin: 0 0 22px;
  }
}

@media screen and (max-width: 1024px) {
  .carousel-reviews_in .carousel-item {
    padding: 30px;
  }
  .carousel-reviews_in .preview {
    width: 35%;
    margin: 0 40px 0 0;
  }
  .about-resource_in img {
    width: 100px;
  }
  .about-resource_in .item {
    margin: 0 20px 20px 0;
  }
  .good-info .item{
    margin-bottom: 20px;
    width: 50%;
  }


  .carousel-certificate .title, .carousel-profi .title, .about-resource .title, .good-info .title, .carousel-reviews .title {
    text-align: center;
    width: 100%;
    max-width: 100%;
    font-size: 18px;
  }
  .carousel-reviews_in blockquote{
    font-size: 18px;
  }
  .carousel-nav{
    display: none;
  }
  .carousel-reviews_in p{
    font-size: 14px;
  }
  .carousel-reviews_in .preview{
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }
  .carousel-reviews_in .default-btn {
    bottom: 0;
    right: 0;
    text-align: center;
    left: 0;
  }

  .carousel-profi .top,
  .carousel-certificate .top {
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }


  .good-info .slick-dots ,
  .carousel-profi .slick-dots ,
  .carousel-certificate .slick-dots ,
  .carousel-reviews .slick-dots, 
.case-slider_serv .slick-dots {
    pointer-events: all;
    margin: 0;
    text-align: center;
  }

  .good-info .slick-dots li ,
  .carousel-profi .slick-dots li ,
  .carousel-certificate .slick-dots li ,
  .carousel-reviews .slick-dots li,
.case-slider_serv .slick-dots li {
    display: inline-block
  }

  .good-info .slick-dots li:not(:first-child) ,
  .carousel-profi .slick-dots li:not(:first-child) ,
  .carousel-certificate .slick-dots li:not(:first-child) ,
  .carousel-reviews .slick-dots li:not(:first-child) ,
.case-slider_serv .slick-dots li:not(:first-child){
    margin: 0 0 0 10px
  }

  .good-info .slick-dots .slick-active button ,
  .carousel-profi .slick-dots .slick-active button ,
  .carousel-certificate .slick-dots .slick-active button ,
  .carousel-reviews .slick-dots .slick-active button,
.case-slider_serv .slick-dots .slick-active button
 {
    background: #cb2b21;
    background: var(--mainColor);
    box-shadow: 0 0 24px 0 rgba(72, 9, 9, .36)
  }

  .good-info .slick-dots button ,
  .carousel-profi .slick-dots button ,
  .carousel-certificate .slick-dots button ,
  .carousel-reviews .slick-dots button ,
.case-slider_serv .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
  }
  .carousel-certificate_in .carousel-item {
    height: 160px;
  }
  .good-info .item{
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .good-info  {
    margin: 0 -16px;
  }
  .good-info_in {
    margin: 0 -16px;
    padding: 0;
  }
  .good-info .item {
    padding: 0 0 0 16px;
    width: 240px !important;
  }
}



@media screen and (max-width: 1600px) and (min-width: 1000px) {
  .good-info,
  .about-resource,
  .carousel-reviews{
    padding: 40px 45px;
    margin-bottom: 70px;
  }
}

@media screen and (max-width: 1000px) {
  .good-info,
  .about-resource,
  .carousel-reviews {
    padding: 25px 20px;
    margin-bottom: 25px;
  }
}

/* End */


/* Start:/local/templates/siteactiv/components/sotbit/regions.choose/regions_choose/style.css?17534336476291*/
.select-city-wrap {
	position: relative;
}

.select-city__block__text {
	color: #919294;
	font-family: 'NotoSans';
	font-size: 12px;
	line-height: 30px;
}

.select-city__block__text-city {
	color: #414141;
	font-family: 'NotoSans';
	font-size: 12px;
	line-height: 30px;
	text-decoration: underline;
	text-decoration-style: dotted;
	cursor: pointer;
}

.select-city__dropdown__title {
	color: #414141;
	font-size: 13px;
	line-height: 30px;
	font-family: "NotoSans";
	display: block;
	margin-bottom: 10px;
}

.select-city__dropdown {
	background-color: #ffffff;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
	width: 211px;
	text-align: center;
	padding: 11px 5px 17px 5px;
}

.select-city__dropdown-wrap {
	z-index: 99;
	position: absolute;
}

.select-city__dropdown__choose {
	display: inline-block;
	height: 32px;
	width: 82px;
	font-size: 12px;
	line-height: 32px;
	text-transform: uppercase;
	font-family: 'ProximaNova';
	text-align: center;
	cursor: pointer;
}

.select-city__dropdown__choose:hover, .select-city__dropdown__choose:active,
.select-city__dropdown__choose:focus {
	opacity: .7;
}

.select-city__dropdown__choose__yes {
	color: #919294;
	border: 1px solid #d3d3d3;
	margin-right: 15px;
}

.select-city__dropdown__choose__no {
	color: #ffffff;
	background: #333333;
}

.select-city__dropdown__choose-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.select-city__modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3000;
	height: 100%;
	width: 100%;
	display: none;
}

.modal__overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2500;
}

.select-city__modal-wrap {
	background-color: #ffffff;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
	width: 684px;
	padding: 37px 53px 40px 53px;
	position: relative;
	margin: 25vh auto;
	transition: width .2s;
}

.select-city__modal__title {
	color: #000000 !important;
	font-family: 'ProximaNova' !important;
	line-height: 30px;
	font-size: 25px !important;
	margin-bottom: 20px !important;
}

.select-city__modal__list {
	columns: 3;
	margin-bottom: 23px;
}

.select-city__modal__list__title {
	color: #000000;
	font-family: 'ProximaNovaBold';
	line-height: 30px;
	font-size: 14px;
	display: block;
	margin-bottom: 11px;
}

.select-city__modal__list__item {
	color: #414141 !important;
	font-family: 'ProximaNova' !important;
	line-height: 30px;
	font-size: 14px;
	margin-bottom: 0 !important;
	cursor: pointer;
}

.select-city__modal__list__item:hover, .select-city__modal__list__item:focus,
.select-city__modal__list__item:active {
	color: #0978c6 !important;
	text-decoration: underline;
	text-decoration-color: #c1ddf1;
}

.select-city__modal__submit__block-wrap {
	background: #eceef1;
	padding: 21px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 42px);
}

.select-city__modal__submit__title {
	color: #000000;
	font-family: 'ProximaNovaBold';
	line-height: 30px;
	font-size: 14px;
	display: block;
	margin-bottom: 0px;
}

.select-city__modal__submit__input {
	border: 1px solid #d3d3d3;
	background: #ffffff;
	box-shadow: none;
	height: 32px;
	width: calc(100% - 32px);
	max-width: 517px;
	color: #414141;
	font-family: 'ProximaNova';
	font-size: 14px;
	margin-right: 15px;
	padding: 0 15px;
}

.select-city__modal__submit__btn {
	background: #000000;
	border: none !important;
	box-shadow: none !important;
	width: 147px;
	height: 32px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'ProximaNova';
	font-size: 14px;
}

.select-city__modal__submit__btn:hover, .select-city__modal__submit__btn:active,
.select-city__modal__submit__btn:focus {
	opacity: .7;
}

.select-city__close {
	background: url("/local/templates/siteactiv/components/sotbit/regions.choose/regions_choose/img/select-city__close.png") no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: -30px;
	cursor: pointer;
}

.select-city__close:hover {
	opacity: .7;
}

@media ( max-width : 991px) {
	.select-city__modal-wrap {
		width: 450px;
		padding: 37px 25px 40px 25px;
	}
	.select-city__modal__list {
		columns: 2;
	}
}

@media ( min-width : 992px) and ( max-width : 1919px) {
	.select-city__modal-wrap {
		margin: 24vh auto;
	}
}

@media ( max-width : 767px) {
	.select-city__modal {
		overflow: auto;
	}
}

@media ( min-width : 576px) and ( max-width : 991px) {
	.select-city__modal-wrap {
		margin: 21vh auto;
	}
}

@media ( max-width : 575px) {
	.select-city__modal-wrap {
		width: 80%;
		padding: 27px 20px 30px 20px;

		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		margin: 0 auto;
	}
	.select-city__modal__title {
		font-size: 22px !important;
		margin-bottom: 10px !important;
	}
	.select-city__close {
		top: 15px;
		right: 15px;
	}
	.select-city__modal__list__item {
		font-size: 13px !important;
	}
}

@media ( max-width : 400px) {
	.select-city__modal__list {
		columns: unset;
		max-height:100px;
		overflow:auto;
	}
	.select-city__modal__list__title {
		line-height: 20px;
	}
	.select-city__modal__submit__block-wrap {
		width: calc(100% - 30px);
	}
	.select-city__modal__submit__input {
		margin-right: 0px;
	}
	.select-city__modal-wrap {
		padding: 15px 20px;
	}
	.select-city__modal__submit__btn
	{
		width: 65px;
	}
}
.select-city__modal__submit__block-wrap__input_wrap
{
	position:relative;
	width:100%;
	margin-right: 10px;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-container
{
	position:absolute;
	width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list
{
	padding-left:0;
	margin:0;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list li
{
	list-style:none;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-item
{
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	background: #ffffff;
	height: 32px;
	width: 100%;
	max-width: 517px;
	color: #414141;
	font-family: 'ProximaNova';
	font-size: 14px;
	padding: 0 15px;
	line-height:32px;
	margin:0!important;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-hide
{
	display:none;
}
.select-city__modal__submit__block-wrap__input_wrap_error
{
	color:red;
	position:absolute;
	top:-20px;
}
/* End */


/* Start:/local/templates/siteactiv/styles.css?17534336471312*/
.has-top-slider.service-dev .bread-crumbs__link{
    color: #fff;
}

.service-dev .title-slider:after{
    background: none;
}

.case-list__item--target-fixed{
	width:100%;
	max-width:425px;
}
.awz_cookies_sett__message {
	left: 75px !important;
	bottom: 25px !important;
	font-size: 16px !important;
}

.popup-form__info{display: flex;flex-direction: column; align-items: center;}
.check_agree{display: flex; align-items: center; gap: 5px;}
	.check_agree #consent-checkbox{appearance: none; -webkit-appearance: none; width: 16px; height: 16px; border: 1px solid #cb2b21; border-radius: 3px; outline: none; cursor: pointer; position: relative; background: white;}
	#consent-checkbox:checked {background-color: #cb2b21 !important;}
		#consent-checkbox:checked::after {content: '✓'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 12px;}
.service_content_agree{display: flex;flex-direction: column;}
	.service_content_agree #consent-checkbox{border: 1px solid #fff;}
	.service_content_agree .check_agree{gap: 10px;}
		.service_content_agree .check_agree #consent-checkbox{width: 20px;}
		.service_content_agree label {font-size: 14px;}

.detail-form__bot .check_agree{margin-left: 36px; margin-top: 10px;}
	.detail-form__bot .check_agree label{font-size: 12px;}
/* End */


/* Start:/local/templates/siteactiv/template_styles.css?175343364712595*/
@media screen and (min-width: 645px) {
.title-block {
    background: unset!important;
}
}

@media screen and (min-width: 2001px) {
	.head__contacts-phones a.white-btn {
		margin-left: 20px !important;
	}
	.has-top-slider .title-block__title h1 {
		font-size: 75px;
		max-width: 80% !important;
	}
	.subtitle {
		font-size: 43px;
		max-width: 80% !important;
		margin-top: 70px !important;
	}
.has-top-slider .title-block__title.min_title h1 {
    font-size: 30px;
}

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

@media screen and (min-width: 2300px) {
	.head__contacts-phones a.white-btn {
		margin-left: 20px !important;
	}
	.has-top-slider .title-block__title h1 {
		font-size: 80px;
		max-width: 80% !important;
	}
	.subtitle {
		font-size: 48px;
		max-width: 80% !important;
		margin-top: 70px !important;
	}
.has-top-slider .title-block__title.min_title h1 {
    font-size: 30px;
}

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

.title-block {
	background-size: cover;
}

.subtitle {
    font-size: 28px;
    margin-top: 40px;
    max-width: 60%;
}
/* .clients .clients__list {
    margin: -40px 0 0;
} */

.detail-sevrice .clients .clients__list {
    margin: 50px 0 0;
}

.clients-video__img img {
    max-width: 443px;
}
.clients-video__img:before {

left: -70px;
    width: 584px;
    top: -22px;
}

.clients-video__img:before {
	background-size: contain;}
.clients__top-right .slick-arrow {
width: 50px;
    height: 11px;
    flex: none;
    position: relative;
    position: absolute;
    bottom: 60px;
    left: 155px;
}
.clients-video {
    padding: 73px 87px;
}
.clients__top-right {
    max-width: 58%;
}

.clients__top-right .slick-arrow:after {
    content: "";
    top: calc(50% - 5px);
    right: calc(50% - 5px);
    position: absolute;
    background: url("/local/templates/siteactiv/./img/red-arrow.png") no-repeat;
    width: 24px;
    height: 11px;
}

.clients__top-right .slick-prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    left: 95px;
    z-index: 7000;
}




.mainContent span.iti__country-name {
    color: black;
}
.main-request__form.mainContent .iti__country-list{
  max-width: 350px;
    overflow-x: hidden;}
.iti {
    width: 100%;
}
.iti input, .iti input[type=text]{
	padding-top: 20px;}

.phone_countries label{
	margin-left:35px;}
.clients__list {
	margin: 50px 0 0;}

a.caces_show_all {
    display: block;
    color: #b32954;
    text-align: center;
    margin-top: -40px;
}

.detail-service--seo.serv .another-cases.serv {
    padding-bottom: 40px!important;
}

.case__another.serv .carousel-nav {
    margin-top: -62px;
}
.case__another.serv .company img {
    padding: 0!important;
    margin-top: 10px;
    margin-bottom: 10px;
max-width: 100%;
    max-height: 100%;
}
.case__another.serv figure.company__img {
    max-width: 100%;
}
.detail-service--seo.serv a.another-cases__title-text {
    font-size: 24px;
color: var(--mainColor);
}
.h-submenu ul {
	height: max-content;
    min-height: -webkit-fill-available;
}
.detail-service--seo.serv .another-cases.serv {
    padding: 20px 30px;
}

.detail-service--seo.serv .another-cases.serv .service-grafic__subtitle {
  margin: 20px 0 20px;
}

.detail-service--seo.serv  .another-cases.serv .detail-service__grafic {
    margin-top: 10px;
}
.detail-service--seo.serv  .another-cases.serv .another-cases__title {
    align-items: baseline;
}

.detail-service--seo.serv .another-cases.serv .another-cases__slider .slick-slide img {
    padding: 30px;
}

.detail-service--seo.serv .another-cases.serv figcaption.service-grafic__img-caption {
    margin-top: -21px;
}

.detail-service--seo.serv .another-cases.serv .another-cases__slider .service-grafic__img {

	/*width: 685px;*/}

.detail-service--seo.serv .another-cases.serv .another-cases__title {
	flex-direction: column;}

.detail-service--seo.serv .another-cases.serv .another-cases__title{
		margin-bottom:0px;
}

.detail-service--seo.serv .another-cases.serv .another-cases__slider .slick-arrow {
    width: 25px;
    height: 25px;
 	top: -32px;;
    position: absolute;
    right: 6px;
    z-index: 5;
}
.detail-service--seo.serv .another-cases.serv .another-cases__slider .slick-prev.slick-arrow{
    right: 30px;
}
.detail-service--seo.serv .another-cases.serv .another-cases__slider .slick-next.slick-arrow{
    right: 5px;
}
.detail-service--seo.serv .detail-sevrice .slick-slide img {
    height: 100%;
    padding: 15px;
    width: auto;
}

.detail-sevrice .case-slide__image {
    height: 250px;
    margin-bottom: 20px;
}
.detail-sevrice .case-slide__image  img{
		max-height: 100%;
}
.services-advantages__title h2 {
    font-size: 30px;
    line-height: 1.13333;
    margin-bottom: 40px;
}
.service-steps__title {
    font-size: 26px;
    line-height: 1.15385;
    margin-bottom: 33px;
}

.bread-crumbs span:last-child a:after{
	display:none;
}
.soc__link:not(:last-child) {
    margin-right: 10px!important;
}
@media screen and (max-width: 1300px) {
  .have_hr_section .h-submenu__item {
    border-top: none;
  }
}
.soc__link{
    margin-top: 6px;
}
.logo{padding-bottom: 7px;}
.f-contacts .nolink {
	margin-right: 6px;}
/*
.screen-slider__cont, .chris{
		background: url(/images/chrismas_tree.png);
    background-repeat-y: no-repeat;
    padding-top: 100px;
		margin-bottom: 100px;
    background-size: 37%;
margin-top:0!important;
background-repeat: repeat-x;
}*/
@media screen and (max-width: 910px) {

.subtitle {
    font-size: 20px;
    margin-top: 10px;

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

.has-top-slider .title-block{
		background-color: var(--mainColor)!important;}
.screen-slider__cont {
    background-size: contain;
}
.has-top-slider .title-block__title h1 {
    color: #fff;
	line-height: 1.5;
    margin-top: 20px;}
 .subtitle {
		font-size: 14px;
margin-bottom: 20px;
margin-top: 20px;

}
.background-exist{
    height: 200px;
}

.title-block .title-block__title{
    text-align: center;
    max-width: none !important;
}

.title-block.background-exist .title-block__title{
    text-align: left;
    max-width: 80% !important;
}

.title-block__title{
    padding: 0;
    text-align: left;
    max-width: 80% !important;
}
.subtitle {
   max-width: 100%;
}
.background-exist .title-block__title{
max-width: 80%;
text-align: left;
    padding-left: 0;
}
}


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



.clients__top-right {
    max-width: 100%;
}
.clients-video {
    padding: 75px 0px;
}
.screen-slider__cont {
    background-size: contain;
}

.detail-service__grafic{
	margin:0;
	}
.detail-service--seo.serv .another-cases.serv {
    padding: 20px 20px;
}
	.service-grafic__counter{

display:none;
}
.detail-service--seo  .service-grafic {
		padding: 32px;}
.case__another.serv {
    margin-right: -16px;
    margin-left: -16px;
	}

.title_desctop{
  display: none;
}
.soc__link{
    margin-top: 0;
}
	.soc__link:not(:last-child){
    margin-right: 6px;
}
.detail-service--seo .service-grafic{
	padding: 16px;
	}
.detail-service--seo.serv .another-cases.serv .another-cases__slider .slick-arrow{
	    display:none;
	}
  }
@media screen and (max-width: 600px) {


.main-screen {
    padding: 7px 0 !important;
		}}
@media screen and (max-width: 400px) {
.why-we__pers-serts {
    overflow: hidden;}
.why-we__bot-form {
    margin: 15px 0px -20px;
    max-width: 100%;
}

.background-exist .title-block__title, .background-exist  .subtitle{
max-width: 100%;}


}
a.tag-item {
    display: inline-block;
    background: #f7f7f7;
    padding: 5px 10px;
    border-radius: 5px;
	margin: 0;
    margin-bottom: 10px;
    margin-right: 5px;
    padding-right: 33px;
}
#banner-bottom img {
    height: auto;
}

.detail-form__input.file .forms__input, .forms__input-cont.file .forms__input {
background: none!important;
}
.forms__input-cont.textarea .forms__input{
 height: 100px;
}
.detail-form__input.textarea {
    width: 65%;

}
.detail-form__input.textarea  .forms__input{
  height: 155px;
}
.h-submenu.otr a.h-submenu__link{
	display: block;
}
.forms__input--file~.forms__input {
    width: calc(100% - 157px);
}
.forms__label--file{
width: 129px;
}
.forms__input--select .selectize-input .item {
    color: #7f7f7f;
}
.popup-form .detail-form__input .forms__label--file, .popup-form .detail-form__input .forms__input{
    background-color: #f8f8f8 !important;



<style>

   .services_img2 {
       display: flex;
       margin-bottom: 45px;
       justify-content: space-between;
       }
    
    .services_img2_part {
        display: flex;
        box-shadow: 0px 8px 31px 0px rgba(80, 80, 80, 0.09);
        padding: 30px;    
         width: 49%;         
         }
      
  .services_img {
       display: flex;
       margin-top: 19px; 
       box-shadow: 0px 8px 31px 0px rgba(80, 80, 80, 0.09);
       padding: 30px;    
       margin-bottom: 45px; 
                      }

services_img_img img {
height: auto;
}

   .cont_factors {
       display: flex;
       justify-content: space-between;
         align-items: center;
    margin-bottom: 55px;              
                      }

 .cont_factors ol {
padding-left:20px;
}

 
.services_img_p {
      margin: 0px auto 38px 0px;
      color: var(--, #202020);
      min-height: 42px;
                   }


.komp__top_img > img {
           margin: 0px auto;
            display: block;
                    }

.komp__top_img  {
         box-shadow: 0px 8px 31px 0px rgba(80, 80, 80, 0.09);
         width: 24%;       
         padding: 15px;
                   }

.komp__top_title {
            margin: 17px;
            font-size: 22px;
            font-weight: 400;
            line-height: 28px;
            letter-spacing: 0em;
            text-align: left;
                    }

.komp__top_text {
       margin: 0px 17px 0px 17px;
        max-width: 253px;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;      
                     }

.komp__top_text > li {
          list-style-type: decimal;
          margin-bottom: 2px;
                      }

.cont_factors_ul {
       font-size: 16px;
       font-weight: 400;
       line-height: 21px;
       letter-spacing: 0em;
       text-align: left;
       max-width: 640px;
       min-height: 237px;
                          }

.cont_factors_li {
          line-height: 32px;
               }
      
.services_img2_text {
         max-width: 390px;            
                        }    

.services_img2_img {
    width: 216px;
    height: 240px;    
    padding-right: 20px;
              }
.services_img2_img img {
height: auto;
}

.services_img_text {
    max-width: 800px;  
              }

.cont_factors_img {
//    min-width: 350px;
//    max-height: 674px;
    padding-right: 30px;      
                  }

.cont_factors_img img {
height: auto;
}

.komp__top_f {
        display: flex;            
         justify-content: space-between;
         margin-top: 28px;
           margin-bottom: 30px;
              }


.cont_factors_ul > li {
             list-style: decimal;
                       }

.cont_factors_p {
                margin-left: -15px
                }



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

.komp__top_f {
               display: block;
                              }

.services_img2, .services_img2_part {
       display: block;
      width: 100%;   
       }
.services_img2_text, .komp__top_text {  
        max-width: 100%;   
        }
.komp__top_img {
                   width: 100%;
                   }

}


 @media screen and (max-width: 660px) {
 
.services_img2 {
        display: block;
                        }

 .services_img2_part {
        display: block;
        width: 100%;  
        padding-left: 20px;
                        }

 .services_img {
        display: block;
       margin-bottom: 20px; 
                        }

 .cont_factors {
        display: block;
                        }
    
   
.services_img2_img {
     margin: 0px auto 30px auto;
                 } 

.services_img {
    padding-left: 20px;
   margin: 0;
         }
                


.cont_factors_li {
    line-height: 21px;
}


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

.services_img {
          padding-left: 25px;
margin-bottom: 20px; 
               }

  .services_img2_part {       
       width: 100%;  
                        }


.cont_factors_img {
   width: 100%;
    height: 100%;
   margin: 0 auto 15px auto;
// padding-left: 20px;
  //    padding-right: 20px;
padding: 0;
  }

.cont_factors_img > img { 
//   width: 300px;
 //   height: 198px;
    margin: 0 auto; 
 }




.komp__top_title {
    font-size: 17px;
    line-height: 1.2;
    }

 </style>
/* End */
/* /local/templates/siteactiv/css/main.css?1753433647203187 */
/* /local/templates/siteactiv/css/custom.css?17534336479436 */
/* /local/templates/siteactiv/css/new.custom.css?17534336478356 */
/* /local/templates/siteactiv/components/sotbit/regions.choose/regions_choose/style.css?17534336476291 */
/* /local/templates/siteactiv/styles.css?17534336471312 */
/* /local/templates/siteactiv/template_styles.css?175343364712595 */