/* Start:/bitrix/templates/peoner/styles.css?163896267550219*/
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&display=swap);
@font-face {
	font-family: PfEncoreSansPro;
	src: url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-black-webfont.eot);
	src: url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-black-webfont.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-black-webfont.woff2) format("woff2"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-black-webfont.woff) format("woff"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-black-webfont.ttf) format("truetype"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-black-webfont.svg#pf_encore_sans_problack) format("svg");
	font-style: normal;
	font-weight: 800
}



@font-face {
	font-family: PfEncoreSansPro;
	src: url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-book-webfont.eot);
	src: url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-book-webfont.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-book-webfont.woff2) format("woff2"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-book-webfont.woff) format("woff"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-book-webfont.ttf) format("truetype"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-book-webfont.svg#pf_encore_sans_probook) format("svg");
	font-style: normal;
	font-weight: 300
}

@font-face {
	font-family: PfEncoreSansPro;
	src: url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-medium-webfont.eot);
	src: url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-medium-webfont.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-medium-webfont.woff2) format("woff2"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-medium-webfont.woff) format("woff"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-medium-webfont.ttf) format("truetype"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-medium-webfont.svg#pf_encore_sans_promedium) format("svg");
	font-style: normal;
	font-weight: 500
}

@font-face {
	font-family: PfEncoreSansPro;
	src: url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-reg-webfont.eot);
	src: url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-reg-webfont.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-reg-webfont.woff2) format("woff2"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-reg-webfont.woff) format("woff"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-reg-webfont.ttf) format("truetype"), url(/bitrix/templates/peoner/assets/fonts/pfencoresanspro-reg-webfont.svg#pf_encore_sans_proregular) format("svg");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: BodoniBt;
	src: url(/bitrix/templates/peoner/assets/fonts/ufonts.com_bodoni-bd-bt-bold-italic-webfont.eot);
	src: url(/bitrix/templates/peoner/assets/fonts/ufonts.com_bodoni-bd-bt-bold-italic-webfont.eot?#iefix) format("embedded-opentype"), format("truetype"), url(/bitrix/templates/peoner/assets/fonts/ufonts.com_bodoni-bd-bt-bold-italic-webfont.svg#bodoni_bd_btbold_italic) format("svg");
	font-style: italic;
	font-weight: 700
}

.b-services:after,
.b-services:before,
.b-tab:after,
.b-tab:before,
.b-tab__holder:after,
.b-tab__holder:before,
.contacts__inner:after,
.contacts__inner:before,
.footer__list:after,
.footer__list:before,
.form:after,
.form:before,
.layout__header:after,
.layout__header:before,
.layout__holder:after,
.layout__holder:before,
.portfolio__holder:after,
.portfolio__holder:before,
.portfolio__inner:after,
.portfolio__inner:before,
.project:after,
.project:before,
.project__holder:after,
.project__holder:before,
.project__item:after,
.project__item:before,
.services:after,
.services:before,
.services__files:after,
.services__files:before,
.services__list:after,
.services__list:before {
	content: " ";
	display: table
}

.b-services:after,
.b-tab:after,
.b-tab__holder:after,
.contacts__inner:after,
.footer__list:after,
.form:after,
.layout__header:after,
.layout__holder:after,
.portfolio__holder:after,
.portfolio__inner:after,
.project:after,
.project__holder:after,
.project__item:after,
.services:after,
.services__files:after,
.services__list:after {
	clear: both
}

.contacts__description,
.contacts__header,
.contacts__info,
.facts__holder,
.footer__holder,
.layout__holder,
.news__holder,
.testimonials__inner {
	padding: 0 15px;
	margin: auto;
	width: 940px
}

.layout__name {
	display: block;
	color: #000;
	font-weight: 700;
	text-transform: uppercase
}

.contacts__title,
.facts__name,
.news__title,
.testimonials__title {
	display: block;
	font-size: 29px;
	font-weight: 800;
	line-height: 36px;
	text-transform: uppercase
}

.form__field,
.form__textarea {
	box-sizing: border-box;
	border: 1px solid transparent;
	display: block;
	outline: none;
	padding: 19px 20px;
	background: #fff;
	color: #000;
	font-size: 18px;
	line-height: 22px;
	width: 100%
}

.form {
	position: relative
}

.form__holder {
	float: left;
	margin-left: 50px;
	width: 405px
}

.form__holder_type_message {
	width: 485px
}

.form__holder:first-of-type {
	margin-left: 0
}

.form__row {
	display: flex;
	margin-top: 40px;
	position: relative
}

.form__row:first-of-type {
	margin-top: 0
}

.form__field {
	height: 66px
}

.form__field.form-error {
	color: #ec1a3b
}

.form__textarea {
	height: 164px;
	overflow: hidden;
	resize: none
}

.form__button {
	box-sizing: border-box;
	border: 1px solid transparent;
	padding: 20px 0;
	outline: none;
	width: 214px;
	background: #000;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
	transition: all .3s
}

.form__button:hover {
	color: #ec1a3b
}

.form__icon {
	display: none;
	height: 36px;
	margin-top: -18px;
	width: 36px;
	position: absolute;
	top: 50%;
	right: 10px;
	background-image: url(/bitrix/templates/peoner/assets/img/form/form__icons.png);
	background-repeat: no-repeat
}

.form__icon_type_enter {
	background-position: 0 0
}

.form-enter~.form__icon_type_enter {
	display: block
}

.form__icon_type_error {
	background-position: 0 -36px
}

.form-error~.form__icon_type_error {
	display: block
}

.form-message {
	box-sizing: border-box;
	display: none;
	height: 300px;
	padding: 0 15px;
	width: 970px;
	position: absolute;
	top: -10px;
	left: -15px;
	background: #ec1a3b;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 300px
}

.form-message__holder {
	display: inline-block;
	line-height: 30px;
	vertical-align: middle
}

.form-message__inner {
	margin-bottom: 30px;
	padding-left: 85px;
	position: relative
}

.form-message__inner:before {
	height: 58px;
	margin-top: -29px;
	width: 58px;
	position: absolute;
	top: 50%;
	left: 0;
	background: url(/bitrix/templates/peoner/assets/img/form/form-message__icon.png) no-repeat;
	content: ""
}

.form-message__title {
	display: block;
	font-size: 22px
}

.form-message__back {
	margin-left: 85px
}

.form-message__anchor {
	border-bottom: 1px solid #fff;
	display: inline-block;
	cursor: pointer;
	line-height: 15px;
	vertical-align: middle;
	transition: all .3s
}

.form-message__anchor:hover {
	border-bottom-color: transparent
}

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

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

button,
html,
input,
select,
textarea {
	font-family: sans-serif
}

body {
	margin: 0
}

a:focus {
	outline: thin dotted
}

a:active,
a:hover {
	outline: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

h2 {
	font-size: 1.5em;
	margin: .83em 0
}

h3 {
	font-size: 1.17em;
	margin: 1em 0
}

h4 {
	font-size: 1em;
	margin: 1.33em 0
}

h5 {
	font-size: .83em;
	margin: 1.67em 0
}

h6 {
	font-size: .67em;
	margin: 2.33em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

hr {
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

p,
pre {
	margin: 1em 0
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: courier new, monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

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

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

dl,
menu,
ol,
ul {
	margin: 1em 0
}

dd {
	margin: 0 0 0 40px
}

menu,
ol,
ul {
	padding: 0 0 0 40px
}

nav ol,
nav ul {
	list-style: none;
	list-style-image: none
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

svg:not(:root) {
	overflow: hidden
}

figure,
form {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled],
html input[disabled] {
	cursor: default
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: border-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

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

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

button,
html,
input,
select,
textarea {
	color: #222
}

html {
	font-size: 1em;
	line-height: 1.4
}

body {
	font-family: PfEncoreSansPro;
	font-size: 15px
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

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

audio,
canvas,
img,
video {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

p {
	margin: 0
}

.layout {
	overflow: hidden;
	background: #fff
}

.layout__button {
	border-radius: 34px;
	display: none;
	outline: none;
	height: 68px;
	width: 68px;
	position: fixed;
	bottom: 6px;
	right: 30px;
	z-index: 1000;
	background: rgba(236, 26, 59, .33);
	cursor: pointer;
	transition: all .3s
}

.layout__button:before {
	height: 22px;
	margin-top: -12px;
	margin-left: -19px;
	width: 38px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(/bitrix/templates/peoner/assets/img/slider/video__arrows.png) no-repeat;
	content: ""
}

.layout__button:hover {
	background: #ec1a3b
}

.layout_type_tablet {
	width: 1024px;
	overflow: hidden
}

.layout_type_tablet .section {
	padding-top: 0
}

.layout_type_tablet .section_block_news {
	padding-top: 50px;
	padding-bottom: 70px
}

.layout__wrapper {
	box-sizing: border-box;
	padding-top: 80px
}

.layout__wrapper_page_error {
	height: 100%
}

.layout__section {
	padding-top: 60px;
	padding-bottom: 60px
}

.layout__section_block_communications {
	padding-top: 42px;
	padding-bottom: 60px;
	background: #ec1a3b
}

.layout__section_blcok_description {
	padding-top: 45px;
	padding-bottom: 55px
}

.layout__section_page_services {
	padding-top: 30px;
	padding-bottom: 60px
}

.layout__section_page_services .layout__holder {
	box-sizing: border-box;
	padding-right: 30px;
	padding-left: 30px;
	width: 100%
}

.layout__section_block_contacts {
	padding-top: 43px;
	padding-bottom: 0
}

.layout__section_block_order {
	padding-top: 48px;
	padding-bottom: 60px
}

.layout__section_block_slogan,
.layout__section_page_portfolio {
	padding-top: 0;
	padding-bottom: 0
}

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

.layout__section_page_error {
	height: 100%;
	padding-top: 0;
	padding-bottom: 0
}

.services .layout__holder {
	position: relative
}

.layout__section_block_contacts .layout__holder {
	margin-bottom: 60px
}

.layout__name {
	float: left;
	color: #ec1a3b;
	font-size: 29px;
	font-weight: 800;
	line-height: 36px
}

.layout__section_block_communications .layout__name {
	float: none;
	margin: 0 0 42px;
	color: #fff
}

.layout__section_block_contacts .layout__name {
	margin-top: 7px;
	color: #000
}

.layout__section_block_order .layout__name {
	float: none
}

.facts .layout__name {
	float: none;
	color: #000;
	text-align: center
}

.section_block_news .layout__name {
	margin-top: 4px;
	color: #fff
}

.layout__title {
	display: block;
	color: #000;
	font-size: 22px;
	font-weight: 800;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase
}

.layout__header_page_portfolio {
	box-sizing: border-box;
	margin: 32px 0;
	padding: 0 30px
}

.layout__header .layout__name {
	max-width: calc(100% - 230px)
}

.section_block_news .layout__header {
	margin-bottom: 60px
}

.layout__description {
	float: right;
	width: 620px;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px
}

.layout__description p {
	margin-top: 20px
}

.layout__description p:first-of-type {
	margin-top: 0
}

.layout__slogan {
	padding: 25px 0;
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase
}

.layout__slogan[data-name=creative] {
	background: #ec1a3b
}

.layout__slogan[data-name=branding] {
	background: #000
}

.layout__slider {
	position: relative
}

.layout .owl-carousel .owl-next,
.layout .owl-carousel .owl-prev {
	border-radius: 34px;
	height: 68px;
	margin-top: -34px;
	width: 68px;
	background: rgba(2, 2, 2, .33);
	position: absolute;
	top: 50%;
	font-size: 0;
	transition: all .3s
}

.layout .owl-carousel .owl-next:hover,
.layout .owl-carousel .owl-prev:hover {
	background: rgba(2, 2, 2, .75)
}

.layout .owl-carousel .owl-next:before,
.layout .owl-carousel .owl-prev:before {
	height: 38px;
	margin-top: -19px;
	margin-left: -11px;
	width: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(/bitrix/templates/peoner/assets/img/slider/slider__arrows.png) no-repeat;
	content: ""
}

.layout .owl-carousel .owl-prev {
	left: 30px
}

.layout .owl-carousel .owl-prev:before {
	margin-left: -12px;
	background-position: 0 0
}

.layout .owl-carousel .owl-prev:hover:before {
	background-position: 0 -38px
}

.layout .owl-carousel .owl-next {
	right: 30px
}

.layout .owl-carousel .owl-next:before {
	margin-left: -10px;
	background-position: -22px 0
}

.layout .owl-carousel .owl-next:hover:before {
	background-position: -22px -38px
}

.layout__video {
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: relative
}

.layout__video .video {
	position: absolute;
	z-index: 4;
	bottom: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: #000;
	background-position: 50%;
	background-size: contain;
	-o-object-fit: cover;
	object-fit: cover
}

.video__nav {
	margin-top: -75px;
	position: absolute;
	top: 50%;
	right: 50px;
	z-index: 10000
}

.video__arrow {
	border-radius: 34px;
	display: block;
	height: 68px;
	margin-top: 14px;
	width: 68px;
	position: relative;
	background: rgba(2, 2, 2, .33);
	cursor: pointer;
	transition: all .3s
}

.video__arrow:first-of-type {
	margin-top: 0
}

.video__arrow:hover {
	background: rgba(2, 2, 2, .75)
}

.video__arrow:before {
	height: 22px;
	margin-top: -11px;
	margin-left: -19px;
	width: 38px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(/bitrix/templates/peoner/assets/img/slider/video__arrows.png) no-repeat;
	content: ""
}

.video__arrow_up:before {
	margin-top: -13px;
	background-position: 0 0
}

.video__arrow_up:hover:before {
	background-position: 0 -22px
}

.video__arrow_down:before {
	margin-top: -7px;
	background-position: -38px 0
}

.video__arrow_down:hover:before {
	background-position: -38px -22px
}

a,
a:active,
a:focus {
	outline: none;
	text-decoration: none
}

.section {
	background: #fff
}

.section,
.section .pp-tableCell {
	position: relative
}

.section_block_contacts .pp-tableCell {
	vertical-align: bottom
}

.layout_type_tablet .section_block_video {
	height: 750px;
	overflow: hidden
}

.section_block_news {
	background: #000
}

.preloader {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
	background-color: #000
}

#circular3dG {
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px
}

#circular3dG,
.circular3dG {
	position: absolute;
	width: 100px;
	height: 100px
}

.circular3dG {
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border-radius: 50%;
	background-color: #ec1a3b
}

#circular3d_1G {
	-webkit-animation: blob-left-anim 2s cubic-bezier(.77, 0, .175, 1) infinite;
	animation: blob-left-anim 2s cubic-bezier(.77, 0, .175, 1) infinite
}

#circular3d_2G {
	-webkit-animation: blob-right-anim 2s cubic-bezier(.77, 0, .175, 1) infinite;
	animation: blob-right-anim 2s cubic-bezier(.77, 0, .175, 1) infinite
}

@-webkit-keyframes blob-left-anim {
	0% {
		-webkit-transform: scale(1) translate(0);
		transform: scale(1) translate(0)
	}
	33% {
		-webkit-transform: scale(.5) translate(80px);
		transform: scale(.5) translate(80px)
	}
	66% {
		-webkit-transform: scale(.8) translate(0);
		transform: scale(.8) translate(0)
	}
	to {
		-webkit-transform: scale(1) translate(0);
		transform: scale(1) translate(0)
	}
}

@keyframes blob-left-anim {
	0% {
		-webkit-transform: scale(1) translate(0);
		transform: scale(1) translate(0)
	}
	33% {
		-webkit-transform: scale(.5) translate(80px);
		transform: scale(.5) translate(80px)
	}
	66% {
		-webkit-transform: scale(.8) translate(0);
		transform: scale(.8) translate(0)
	}
	to {
		-webkit-transform: scale(1) translate(0);
		transform: scale(1) translate(0)
	}
}

@-webkit-keyframes blob-right-anim {
	0% {
		-webkit-transform: scale(1) translate(0);
		transform: scale(1) translate(0)
	}
	33% {
		-webkit-transform: scale(.5) translate(-80px);
		transform: scale(.5) translate(-80px)
	}
	66% {
		-webkit-transform: scale(.8) translate(0);
		transform: scale(.8) translate(0)
	}
	to {
		-webkit-transform: scale(1) translate(0);
		transform: scale(1) translate(0)
	}
}

@keyframes blob-right-anim {
	0% {
		-webkit-transform: scale(1) translate(0);
		transform: scale(1) translate(0)
	}
	33% {
		-webkit-transform: scale(.5) translate(-80px);
		transform: scale(.5) translate(-80px)
	}
	66% {
		-webkit-transform: scale(.8) translate(0);
		transform: scale(.8) translate(0)
	}
	to {
		-webkit-transform: scale(1) translate(0);
		transform: scale(1) translate(0)
	}
}

#pp-nav {
	margin-top: 0!important;
	top: auto!important;
	bottom: 65px!important;
	z-index: 10000
}

#pp-nav.right {
	right: 30px
}

#pp-nav ul li {
	height: 13px;
	margin: 15px 0 0;
	width: 13px
}

#pp-nav ul li:first-of-type {
	margin: 0
}

#pp-nav ul li a {
	background: #b7b7b7
}

#pp-nav ul li a.active {
	background: #ec1a3b
}

#pp-nav ul li a span {
	display: none
}

.header {
	box-shadow: 0 10px 30px 0 rgba(0, 1, 1, .35);
	height: 80px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #000;
	font-size: 16px;
	line-height: 23px
}

.header:before {
	height: 1px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #333;
	content: ""
}

.header__holder {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
	padding: 0 30px
}

.header__logo {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	height: 43px;
	width: 210px;
	background-image: url(/bitrix/templates/peoner/assets/img/header/header__logo.svg);
	background-repeat: no-repeat;
	background-size: cover
}

.header__language {
	color: #848484;
	text-decoration: none
}

.header__phone {
	float: left;
	margin-top: 11px;
	margin-left: 115px;
	padding-left: 27px;
	position: relative;
	color: #fff;
	font-family: PfEncoreSansPro;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	pointer-events: none
}

@media screen and (max-width:1024px) {
	.header__phone {
		pointer-events: visible
	}
}

@media screen and (max-width:1300px) {
	.header__phone {
		margin-left: 15px
	}
}

.header__phone:before {
	height: 16px;
	margin-top: -8px;
	width: 15px;
	position: absolute;
	top: 50%;
	left: 0;
	background: url(/bitrix/templates/peoner/assets/img/header/header__phone.png) no-repeat;
	content: ""
}

.header__phone span {
	display: inline-block;
	position: relative;
	color: #ec1a3b;
	font-size: 20px;
	font-weight: 800
}

.menu {
	display: flex;
	margin: 0 -25px;
	line-height: 24px
}

@media screen and (max-width:1300px) {
	.menu {
		margin: 0 -15px
	}
}

.menu__item {
	margin: 0 25px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	transition: all .3s
}

@media screen and (max-width:1300px) {
	.menu__item {
		margin: 0 15px
	}
}

.menu__item:hover,
.menu__item_state_current {
	color: #ec1a3b
}

.footer {
	background: #000;
	position: relative;
	color: #fcfcfc;
	font-size: 15px;
	line-height: 20px
}

.footer:before {
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #333;
	content: ""
}

.footer__holder {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px
}

.footer__copyright {
	font-size: 16px;
	font-weight: 500
}

.footer__developer {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	float: right;
	height: 20px;
	opacity: .45;
	width: 33px;
	background: url(/bitrix/templates/peoner/assets/img/footer/footer__developer.png) 0 50% no-repeat;
	transition: all .3s
}

.footer__developer:hover {
	opacity: 1
}

.footer__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: top
}

.footer__item {
	float: left;
	font-weight: 500
}

.footer__item:after {
	display: inline-block;
	margin: 0 6px 0 4px;
	color: #ec1a3b;
	vertical-align: top;
	content: "\2044"
}

.footer__item:first-of-type {
	margin-top: -1px;
	margin-right: 8px;
	font-weight: 800;
	text-transform: uppercase
}

.footer__item:first-of-type:after,
.footer__item:last-of-type:after {
	content: normal
}

.footer__link {
	display: inline-block;
	color: #fcfcfc;
	text-decoration: none;
	transition: all .3s
}

.footer__link:hover {
	color: #ec1a3b
}

.contacts {
	padding-top: 60px
}

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

.contacts__title {
	color: #ec1a3b
}

.contacts__switch {
	display: flex
}

.contacts__anchor {
	width: 294px;
	position: relative;
	background: #eee;
	color: #000;
	cursor: pointer;
	font-size: 18px;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	transition: all .3s
}

.contacts__anchor:before {
	border: 11px solid transparent;
	margin-top: -1px;
	margin-left: -11px;
	position: absolute;
	top: 100%;
	left: 50%;
	transition: all .3s;
	content: ""
}

.contacts__anchor:hover {
	color: #ec1a3b
}

.contacts__anchor_state_active {
	background: #ec1a3b;
	color: #fff!important;
	pointer-events: none
}

.contacts__anchor_state_active:before {
	border-top-color: #ec1a3b
}

.contacts__holder {
	margin-top: 60px
}

.contacts__inner {
	display: none
}

.contacts__inner_state_active {
	display: block
}

.contacts__info {
	display: flex
}

.contacts__block {
	display: inline-block;
	margin-left: 60px;
	width: 265px;
	text-align: left;
	vertical-align: top
}

.contacts__block_type_picture {
	margin-left: 0;
	width: 150px
}

.contacts__block_type_picture img {
	display: block;
	max-width: 100%
}

.contacts__item {
	margin-top: 10px;
	position: relative;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 25px
}

@media screen and (max-width:1366px) {
	.contacts__item {
		margin-top: 5px
	}
}

.contacts__item:first-of-type {
	margin-top: 0
}

.contacts__item:before {
	height: 20px;
	width: 16px;
	background-image: url(/bitrix/templates/peoner/assets/img/contacts/contacts__icons.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 3px;
	left: 0
}

.contacts__item_type_phone {
	padding-left: 28px
}

.contacts__item_type_phone:before {
	background-position: 0 0;
	content: ""
}

.contacts__item_type_telegram {
	padding-left: 28px
}

.contacts__item_type_telegram:before {
	background-position: 0 -20px;
	content: ""
}

.contacts__item_type_address {
	padding-left: 28px
}

.contacts__item_type_address:before {
	background-position: 0 -40px;
	content: ""
}

.contacts__item_type_mail {
	padding-left: 28px
}

.contacts__item_type_mail:before {
	background-position: 0 -60px;
	content: ""
}

.contacts__item_type_phone {
	font-weight: 800
}

.contacts__item_type_phone a {
	color: #000
}

.contacts__name {
	margin-bottom: 3px;
	font-size: 22px
}

.contacts__link {
	display: inline-block;
	color: #ec1a3b;
	vertical-align: top
}

.contacts__link:hover {
	text-decoration: underline
}

.contacts__description {
	display: block;
	margin-bottom: 8px;
	color: #000;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px
}

.contacts__map {
	height: 450px;
	margin-top: 60px;
	width: 100%
}

.services {
	background: #000;
	background: linear-gradient(90deg, #000 0, #000 50%, #ec1a3b 0, #ec1a3b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000", endColorstr="#ec1a3b", GradientType=1);
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative
}

.services__holder {
	box-sizing: border-box;
	float: left;
	width: 50%
}

.services__wrapper {
	box-sizing: border-box;
	height: 100%;
	padding-bottom: 60px;
	padding-left: 30px;
	width: 470px;
	position: relative
}

.services__title {
	display: block;
	margin-bottom: 50px;
	color: #fff;
	font-size: 46px;
	font-weight: 800;
	line-height: 50px
}

.services__inner {
	color: #fff
}

.services__item {
	margin-top: 25px
}

.services__item:first-of-type {
	margin-top: 0
}

.services__category {
	border-bottom: 1px solid transparent;
	display: inline-block;
	margin-bottom: 5px;
	color: #fff;
	font-size: 21px;
	font-weight: 800;
	line-height: 24px;
	vertical-align: top;
	text-transform: uppercase;
	transition: all .3s
}

.services__category:hover {
	border-bottom-color: #fff
}

.services__list {
	color: #fff;
	font-size: 13px;
	line-height: 20px
}

.services__list_page_inner {
	margin-top: 10px;
	color: #000;
	font-size: 16px;
	line-height: 25px
}

.services__list span {
	float: left
}

.services__list span:not(.services__anchor) {
	margin: 0 5px
}

.services__list span:not(.services__anchor):last-of-type {
	display: none
}

.services__anchor {
	float: left;
	font-weight: 300
}

.services__list_page_inner .services__anchor a {
	color: #ec1a3b;
	text-decoration: underline
}

.services__list_page_inner .services__anchor a:hover {
	text-decoration: none
}

.services__list_page_inner .services__anchor:after {
	margin: 0 10px 0 7px;
	color: #000
}

.services__list_page_inner .services__anchor span {
	display: block!important;
	float: right
}

.services__list_page_inner .services__anchor:last-of-type span {
	display: none!important
}

.services__download {
	padding-left: 40px;
	position: relative;
	margin-right: 35px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	transition: all .3s
}

.services__download:before {
	height: 25px;
	width: 25px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/bitrix/templates/peoner/assets/img/services/services-pdf__icon.png) no-repeat;
	content: ""
}

.services__download:hover {
	text-decoration: underline
}

.services__section {
	padding-top: 90px;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px
}

.services__name {
	display: block;
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: 800;
	text-transform: uppercase
}

.services__subname {
	display: block;
	margin: 20px 0;
	font-size: 22px;
	font-weight: 700
}

.services__description {
	box-sizing: border-box;
	margin-bottom: 50px;
	font-weight: 300
}

.services__description p {
	margin-top: 20px
}

.services__description p:first-of-type {
	margin-top: 0
}

.services__description p.font-bold {
	font-weight: 700
}

.services__description a {
	display: inline-block;
	color: red;
	text-decoration: underline;
	vertical-align: top
}

.services__description a:hover {
	text-decoration: none
}

.services__description ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.services__description ul li {
	margin-top: 15px;
	padding-left: 30px;
	position: relative;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px
}

.services__description ul li:before {
	border-radius: 3px;
	height: 6px;
	width: 6px;
	position: absolute;
	top: 9px;
	left: 9px;
	background: #ec1a3b;
	content: ""
}

.services__description ul li:first-of-type {
	margin-top: 0
}

.services__picture img {
	min-height: 30vw;
	display: block;
	width: 100%
}

.services__files {
	height: 25px;
	width: 100%;
	position: absolute;
	bottom: 40px;
	left: 0;
	text-align: right
}

.social {
	display: flex;
	margin: 0 -8px
}

.social__link {
	transition: background .3s;
	border-radius: 50%;
	height: 44px;
	margin: 0 8px;
	width: 44px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 50% 50%
}

.social__link:hover {
	background-color: #ec1a3b
}

.social__link_type_facebook {
	background-image: url(/bitrix/templates/peoner/assets/img/social/facebook-red.svg)
}

.social__link_type_facebook:hover {
	background-image: url(/bitrix/templates/peoner/assets/img/social/facebook-white.svg)
}

.social__link_type_instagram {
	background-image: url(/bitrix/templates/peoner/assets/img/social/instagram-red.svg)
}

.social__link_type_instagram:hover {
	background-image: url(/bitrix/templates/peoner/assets/img/social/instagram-white.svg)
}

.social__link_type_linkedin {
	background-image: url(/bitrix/templates/peoner/assets/img/social/linkedin-red.svg)
}

.social__link_type_linkedin:hover {
	background-image: url(/bitrix/templates/peoner/assets/img/social/linkedin-white.svg)
}

.social__link_type_behance {
	background-image: url(/bitrix/templates/peoner/assets/img/social/behance-red.svg)
}

.social__link_type_behance:hover {
	background-image: url(/bitrix/templates/peoner/assets/img/social/behance-white.svg)
}

.social__link_type_youtube {
	background-image: url(/bitrix/templates/peoner/assets/img/social/youtube-red.svg)
}

.social__link_type_youtube:hover {
	background-image: url(/bitrix/templates/peoner/assets/img/social/youtube-white.svg)
}

.project .owl-carousel {
	margin: 3px 0
}

.project__item {
	float: left;
	position: relative
}

.project__item_size_half {
	width: 50%;
	height: 100%
}

.project__item_size_half img {
	min-height: calc((100vw - 29px)/2)
}

.project__item_size_third {
	width: 33.33%
}

.project__item_size_third img {
	min-height: calc((100vw - 35px)/3)
}

.project__item_size_small:before {
	box-sizing: border-box;
	border: solid #fff;
	border-width: 3px 3px 0;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: ""
}

.project__item_size_small img {
	margin: 0!important;
	width: 100%!important
}

.project__item_size_big {
	width: 66.66%
}

.project__item img {
	display: block;
	margin: 3px;
	width: calc(100% - 6px)
}

.project__holder {
	box-sizing: border-box;
	background: #fff
}

.project__inner {
	padding: 0 50px 0 30px;
	position: relative;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px
}

.project__inner p {
	margin-top: 20px
}

.project__inner p:first-of-type {
	margin-top: 0
}

.project__annotation {
	display: none;
	box-sizing: border-box;
	padding: 0 50px 0 30px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: #fff
}

.project__description {
	overflow: hidden
}

.project__name {
	display: block;
	margin-left: 30px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase
}

@media screen and (max-width:1024px) {
	.project__name {
		margin-top: 2px
	}
}

.project__open {
	width: 100%;
	padding: 24px 0 32px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff
}

.project__open-link {
	display: inline-block;
	margin-left: 30px;
	color: #ec1a3b;
	cursor: pointer;
	font-size: 12px;
	font-weight: 800;
	line-height: 24px;
	text-decoration: underline;
	text-transform: uppercase;
	vertical-align: top
}

.project__open-link:hover {
	text-decoration: none
}

.project__inner .project__open-link {
	margin: 24px 0 32px
}

.project__description .project__open-link {
	display: none
}

.project__video {
	margin: 3px 0
}

.b-tab__holder {
	float: left;
	width: 50%
}

.b-tab__holder_type_branding.b-tab__holder_state_active,
.b-tab__holder_type_creative.b-tab__holder_state_active {
	background: #fff
}

.b-tab__holder_type_branding.b-tab__holder_state_active .b-tab__link,
.b-tab__holder_type_creative.b-tab__holder_state_active .b-tab__link {
	border-bottom-color: transparent
}

.b-tab__holder_type_branding {
	background: #000
}

.b-tab__holder_type_branding.b-tab__holder_state_active .b-tab__link {
	color: #000
}

.b-tab__holder_type_creative {
	background: #ec1a3b
}

.b-tab__holder_type_creative.b-tab__holder_state_active .b-tab__link {
	color: #ec1a3b
}

.b-tab__item {
	box-sizing: border-box;
	display: block;
	padding: 20px 0 20px 30px;
	width: 470px;
	font-size: 50px;
	font-weight: 800;
	line-height: 58px
}

.b-tab__link {
	border-bottom: 2px solid #fff;
	display: inline-block;
	color: #fff;
	vertical-align: top;
	transition: all .3s
}

.b-tab__link:hover {
	border-bottom-color: transparent
}

.b-services {
	margin-top: 30px
}

.b-services__item {
	float: left;
	margin-left: 30px;
	position: relative;
	font-size: 18px;
	font-weight: 500;
	line-height: 35px
}

.b-services__item:before {
	display: block;
	margin-top: -10px;
	position: absolute;
	left: -14px;
	top: 50%;
	color: #ec1a3b;
	line-height: 24px;
	font-weight: 700;
	content: "\2044"
}

.b-services__item:first-of-type:before {
	content: normal
}

.b-services__link {
	display: inline-block;
	color: #ec1a3b;
	line-height: 24px;
	text-decoration: underline
}

.b-services__link:hover {
	text-decoration: none
}

.portfolio__inner,
.portfolio__item {
	float: left;
	width: 50%
}

.portfolio__item {
	position: relative
}

.portfolio__item_state_hidden {
	display: none
}

.portfolio_page_inner .portfolio__item {
	width: 25%
}

.portfolio__item img {
	display: block;
	min-height: 24vw;
	width: 100%
}

.portfolio__description {
	box-sizing: border-box;
	opacity: 0;
	height: 100%;
	padding: 25px 15px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	transition: all .3s
}

.portfolio__item[data-name=branding] .portfolio__description {
	background: rgba(0, 0, 0, .85)
}

.portfolio__item[data-name=creative] .portfolio__description {
	background: rgba(236, 26, 59, .85)
}

.portfolio__item:hover .portfolio__description {
	opacity: 1
}

.portfolio__name {
	display: block;
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase
}

.portfolio__annotation {
	box-sizing: border-box;
	max-height: 120px;
	overflow: hidden;
	padding: 0 15px;
	width: 100%;
	position: absolute;
	bottom: 25px;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 20px
}

@media screen and (max-width:999px) {
	.portfolio__annotation {
		font-size: 16px
	}
}

.portfolio__link {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10
}

.portfolio__open {
	min-height: 30px;
	position: relative;
	background: #e5e5e5;
	color: #000;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase
}

.portfolio__open-link {
	display: inline-block;
	padding: 25px 0;
	position: relative;
	cursor: pointer
}

.portfolio__open-link:before {
	border-radius: 15px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	width: 30px;
	position: absolute;
	top: 100%;
	left: 50%;
	background-color: #ec1a3b;
	background-image: url(/bitrix/templates/peoner/assets/img/portfolio/portfolio__arrow.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	content: ""
}

.facts {
	padding: 120px 0
}

.facts__name {
	text-align: center
}

.facts__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -50px
}

@media screen and (max-width:1279px) {
	.facts__list {
		justify-content: center
	}
}

.facts__item {
	margin: 100px 50px 0;
	width: 225px
}

.facts__value {
	display: block;
	color: #ec1a3b;
	font-size: 95px;
	font-weight: 800;
	line-height: 65px
}

@media screen and (max-width:1279px) {
	.facts__value {
		font-size: 80px
	}
}

.facts__info {
	display: block;
	margin-top: 8px;
	padding-left: 30px;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase
}

.b-slider__nav {
	display: flex
}

.b-slider__tab {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 20px 30px;
	width: 50%
}

.b-slider__tab_type_branding {
	background: #000
}

.b-slider__tab_type_creative {
	background: #ec1a3b
}

.b-slider__anchor {
	border-bottom: 2px solid #fff;
	color: #fff;
	cursor: pointer;
	font-size: 50px;
	font-weight: 800;
	line-height: 58px;
	transition: all .3s
}

.b-slider__anchor:hover,
.b-slider__anchor_state_active {
	border-bottom-color: transparent
}

.section {
	box-sizing: border-box;
	padding-top: 80px
}

.section_block_advantages,
.section_block_testimonials,
.section_block_video {
	background: #020202
}

.testimonials {
	position: relative
}

.testimonials .slick-slide {
	outline: none!important
}

.testimonials .layout__holder {
	height: 100%
}

.testimonials .slick-slider {
	margin-bottom: 0;
	position: static
}

.testimonials .slick-next,
.testimonials .slick-prev {
	border-radius: 34px;
	height: 68px;
	margin-top: -34px;
	width: 68px;
	background: rgba(2, 2, 2, .33);
	position: absolute;
	top: 50%;
	z-index: 10;
	font-size: 0;
	transition: all .3s
}

.testimonials .slick-next:focus,
.testimonials .slick-next:hover,
.testimonials .slick-prev:focus,
.testimonials .slick-prev:hover {
	background: rgba(2, 2, 2, .75)
}

.testimonials .slick-next:before,
.testimonials .slick-prev:before {
	height: 38px;
	margin-top: -19px;
	margin-left: -11px;
	width: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(/bitrix/templates/peoner/assets/img/slider/slider__arrows.png) no-repeat;
	content: ""
}

.testimonials .slick-prev {
	left: 30px!important
}

.testimonials .slick-prev:before {
	margin-left: -12px;
	background-position: 0 0
}

.testimonials .slick-prev:hover:before {
	background-position: 0 -38px
}

.testimonials .slick-next {
	right: 30px
}

@media screen and (max-width:1024px) {
	.testimonials .slick-next {
		left: 930px!important
	}
}

.testimonials .slick-next:before {
	margin-left: -10px;
	background-position: -22px 0
}

.testimonials .slick-next:hover:before {
	background-position: -22px -38px
}

.testimonials__pictures {
	height: 100%;
	width: calc((100% - 940px)/2 + 355px)
}

.testimonials__pictures img {
	height: 100%;
	width: 100%
}

.testimonials__pictures .slick-slider {
	height: 100%;
	margin-bottom: 0
}

.testimonials__pictures .slick-slider .slick-list,
.testimonials__pictures .slick-slider .slick-track {
	height: 100%
}

.testimonials__holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.testimonials__holder,
.testimonials__inner {
	display: flex;
	justify-content: flex-end;
	height: 100%
}

.testimonials__box {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding: 60px 50px;
	width: 585px
}

.testimonials__box .slick-list,
.testimonials__box .slick-slider,
.testimonials__box .slick-track {
	height: 100%
}

@media screen and (max-width:1279px) {
	.testimonials__box {
		padding: 30px 50px 15px
	}
	.testimonials__box .slick-slider {
		overflow: hidden
	}
}

.testimonials__title {
	flex-shrink: 0;
	color: #ec1a3b
}

.testimonials__item {
	display: flex!important;
	flex-direction: column;
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: relative
}

.testimonials__message {
	position: relative;
	max-height: 100%;
	overflow: hidden;
	padding: 75px 0
}

.testimonials__message:after,
.testimonials__message:before {
	position: absolute;
	color: #000;
	font-family: BodoniBt;
	font-size: 48px;
	line-height: 22px;
	content: ""
}

.testimonials__message:before {
	top: 60px;
	left: 0;
	content: "\275D"
}

.testimonials__message:after {
	bottom: 25px;
	right: 15px;
	content: "\275E"
}

@media screen and (max-width:1279px) {
	.testimonials__message {
		padding: 30px 0
	}
	.testimonials__message:before {
		top: 24px
	}
	.testimonials__message:after {
		bottom: 12px
	}
}

.testimonials__content {
	position: relative;
	height: 100%;
	overflow: auto;
	margin: 0;
	padding: 0 50px;
	color: #000;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px
}

.testimonials__info {
	margin-left: 50px;
	color: #000;
	font-size: 12px;
	font-weight: 300;
	line-height: 25px;
	text-transform: uppercase
}

.testimonials__info span {
	display: block
}

.testimonials__author {
	color: #ec1a3b;
	font-size: 18px;
	font-weight: 500
}

.testimonials__thumbnail {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.advantages {
	height: 100%;
	position: relative
}

.layout_type_tablet .advantages {
	height: 645px;
	margin-top: -1px
}

.advantages .slick-slide {
	outline: none!important
}

.advantages .layout__holder {
	height: 100%
}

.advantages__pictures {
	height: 100%;
	overflow: hidden;
	width: calc((100% - 940px)/2 + 375px);
	position: absolute;
	top: 0;
	right: 0
}

.advantages__pictures img {
	height: 100%;
	width: 100%
}

.advantages__pictures .slick-slider {
	height: 100%;
	margin-bottom: 0
}

.advantages__pictures .slick-slider .slick-list,
.advantages__pictures .slick-slider .slick-track {
	height: 100%
}

.advantages__holder {
	box-sizing: border-box;
	float: left;
	height: 100%;
	padding-top: 44px;
	width: 565px;
	position: relative
}

.advantages__holder .layout__name {
	color: #fff;
	float: none
}

.advantages__inner {
	height: calc(100% - 160px);
	width: 535px;
	position: absolute;
	top: 160px;
	left: 90px;
	z-index: 100
}

.advantages__inner .slick-slider {
	margin-bottom: 0;
	position: static
}

.advantages__inner .slick-dots {
	margin: 0;
	width: auto;
	position: absolute;
	left: -60px;
	bottom: 60px;
	line-height: 100px
}

.advantages__inner .slick-dots li {
	border-radius: 20px;
	display: inline-block;
	height: 40px;
	margin-left: 40px;
	margin-right: 0;
	width: 40px;
	background: #fff;
	color: #000;
	cursor: pointer;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	transition: all .3s
}

.advantages__inner .slick-dots li:first-of-type {
	margin-left: 0
}

.advantages__inner .slick-dots li button {
	height: 100%;
	padding: 0;
	width: 100%;
	color: #000;
	font-family: PfEncoreSansPro;
	font-size: 22px;
	font-style: normal;
	font-weight: 500
}

.advantages__inner .slick-dots li button:before {
	content: normal
}

.advantages__inner .slick-dots li:hover {
	background: #ec1a3b
}

.advantages__inner .slick-dots li:hover button {
	color: #fff
}

.advantages__inner .slick-dots li.slick-active {
	background: #ec1a3b;
	border-radius: 50px;
	height: 100px;
	width: 100px;
	line-height: 100px;
	pointer-events: none
}

.advantages__inner .slick-dots li.slick-active button {
	color: #fff;
	font-size: 60px
}

.advantages__message {
	box-sizing: border-box;
	padding: 30px 45px;
	height: 150px!important;
	width: 100%;
	background: #ec1a3b;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
	transition: all .4s
}

.advantages__item {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.error {
	padding-top: 50px;
	padding-bottom: 50px;
	font-weight: 800
}

.error__value {
	width: 320px;
	color: #ec1a3b;
	font-size: 120px;
	line-height: 100px
}

.error__message,
.error__value {
	display: inline-block;
	vertical-align: middle
}

.error__message {
	width: 615px;
	color: #000;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase
}

.error__message span {
	display: block
}

.error__message span.color_red {
	color: #ec1a3b
}

.news {
	padding: 60px 0;
	background-color: #000
}

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

.news__title {
	color: #fff
}

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

.news__box {
	height: 390px;
	width: 400px
}

.team {
	padding: 60px 0;
	background-color: #000
}

.team__holder {
	margin: auto;
	max-width: 1248px
}

.team__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -28px
}

@media screen and (max-width:1279px) {
	.team__list {
		margin: 0
	}
}

.team__item {
	box-sizing: border-box;
	padding: 0 20px;
	width: 25%
}

.team__item:nth-of-type(-n+4) {
	padding: 0 28px
}

.team__item:nth-of-type(n+5) {
	max-width: 310px
}

.team__item:first-of-type {
	margin-top: 77px
}

.team__item:nth-of-type(3) {
	margin-top: 48px
}

.team__item:nth-of-type(4) {
	margin-top: 78px
}

.team__item:nth-of-type(5) {
	margin-top: -35px
}

.team__item:nth-of-type(6) {
	margin-top: 25px
}

.team__item:nth-of-type(7) {
	margin-top: -15px
}

.team__item:nth-of-type(8) {
	margin-top: -40px
}

.team__item:nth-of-type(9) {
	margin-top: -60px
}

.team__item:nth-of-type(10) {
	margin-top: -80px
}

.team__item:nth-of-type(11) {
	margin-top: 25px
}

.team__item:nth-of-type(12) {
	margin-top: -55px
}

@media screen and (max-width:1279px) {
	.team__item {
		padding: 0 28px
	}
	.team__item:nth-of-type(5) {
		margin-top: -20px
	}
	.team__item:nth-of-type(7) {
		margin-top: 0
	}
	.team__item:nth-of-type(8) {
		margin-top: -30px
	}
	.team__item:nth-of-type(9) {
		margin-top: -45px
	}
	.team__item:nth-of-type(10) {
		margin-top: -65px
	}
}

.team__picture {
	overflow: hidden
}

.team__picture img {
	display: block;
	max-width: 100%;
	transition: -webkit-transform .35s;
	transition: transform .35s;
	transition: transform .35s, -webkit-transform .35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.team__box:hover .team__picture img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1)
}

.team__info {
	transition: opacity .3s;
	opacity: 0;
	margin-top: 10px;
	color: #fff;
	font-family: DM Sans, sans-serif;
	font-size: 14px;
	line-height: 17px;
	text-align: center
}

.team__box:hover .team__info {
	opacity: 1
}

.team__name {
	margin: 0;
	font-size: 18px;
	line-height: 22px
}

@media screen and (max-width:1279px) {
	.team__name {
		font-size: 16px;
		line-height: 20px
	}
}

.team__post {
	display: block;
	margin: 4px auto 0;
	max-width: 245px
}

.news-digest {
	flex-direction: column
}

.news-digest,
.news-digest__info {
	display: flex;
	justify-content: space-between
}

.news-digest__info {
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	line-height: 24px;
	text-transform: uppercase
}

.news-digest__link {
	color: #ec1a3b;
	text-decoration: underline
}

.news-digest__link:hover {
	text-decoration: none
}

.footer-menu {
	display: flex;
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	line-height: 20px
}

.footer-menu__title {
	text-transform: uppercase
}

.footer-menu__link {
	transition: color .3s;
	margin-left: 8px;
	color: #fff;
	font-weight: 500;
	text-decoration: underline
}

.footer-menu__link:hover {
	color: #ec1a3b
}


.form-message {
    box-sizing: border-box;
    display: none;
    height: 390px !important;
    padding: 0 15px;
    width: 1070px !important;
    position: absolute;
    top: 17% !important;
    left: 19% !important;
    background: #ec1a3b;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 300px;
	z-index: 2000 !important;
}


@media (min-width: 1600px) {
	.form-message {
		margin-left: 100px;
	}

}
.layout__section_block_communications {
    padding-top: 42px;
    padding-bottom: 60px;
    background: #ec1a3b;
    POSITION: RELATIVE;
}

#myform button[disabled]{
	background: #6a6a6a;
}
/* End */


/* Start:/bitrix/templates/peoner/template_styles.css?16381059873547*/
.iti.iti--allow-dropdown {
    width: 100%;
}

img.lazyload {
    display: block;
    
    /* optional way, set loading as background */
    background-image: url('/assets/img/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.afbf_item_pole .afbf_checkbox label{
    margin-left:20px;
    margin-bottom:5px;
    font-weight:normal;
    position:relative;
    cursor:pointer;
    font-size:14px;
    top:auto;
    left:auto;
    pointer-events:inherit;
    -webkit-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
}
.afbf_checkbox{
    margin-bottom: -30px;
}
.afbf_checkbox input[type=checkbox]{
    position:absolute;
    opacity:0;
    width:0;
    height:0;
    margin:0;
    overflow:hidden;
    pointer-events:none;
}
.afbf_checkbox .afbf_checkbox_box{
    vertical-align:middle;
    position:relative;
    top:2px;
    margin-right:12px;
}
.afbf_checkbox_box .afbf_checkbox_check{
    position:relative;
    display:inline-block;
    width:18px;
    height:18px;
    border: 2px solid #ffffff8a !important;
    border-radius:2px;
    overflow:hidden;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    z-index:1;
}


.afbf_checkbox_box .afbf_checkbox_check.error_form{
    position:relative;
    display:inline-block;
    width:18px;
    height:18px;
    border: 2px solid #0000008a !important;
    border-radius:2px;
    overflow:hidden;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    z-index:1;
}

.afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{
    content:'';
    position:absolute;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    display:block;
    margin-top:-4px;
    margin-left:5px;
    width:0;
    height:0;
    -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
    box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
    content:'';
    position:absolute;
    color:#fff;
    -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
    box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
}
.afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
    -webkit-animation:checkbox-on 0.3s forwards;
    -o-animation:checkbox-on 0.3s forwards;
    animation:checkbox-on 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{
    -webkit-animation:checkbox-off 0.3s forwards;
    -o-animation:checkbox-off 0.3s forwards;
    animation:checkbox-off 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{
    border:none;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
    margin-top:-3px;
    margin-left:7px;
}

.afbf_checkbox a {
    color: #fff;
    text-decoration: underline;
}

.afbf_checkbox {
    color: #fff;
}

div#afbf_policy_fidform_order_call {
    margin-top: -36px;}

    .layout__section_block_communications .layout__name{
        margin-bottom: 52px !important;
    }

/* End */
/* /bitrix/templates/peoner/styles.css?163896267550219 */
/* /bitrix/templates/peoner/template_styles.css?16381059873547 */