/* Start:/bitrix/content_fonts/montserrat/montserrat.min.css?16371412157152*/
@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/100/montserrat-thin.eot");src:url("/bitrix/content_fonts/montserrat/100/montserrat-thin.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/100/montserrat-thin.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/100/montserrat-thin.woff") format("woff"),url("/bitrix/content_fonts/montserrat/100/montserrat-thin.svg#montserratthin") format("svg");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/100_italic/montserrat-thinitalic.eot");src:url("/bitrix/content_fonts/montserrat/100_italic/montserrat-thinitalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/100_italic/montserrat-thinitalic.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/100_italic/montserrat-thinitalic.woff") format("woff"),url("/bitrix/content_fonts/montserrat/100_italic/montserrat-thinitalic.svg#montserratthin_italic") format("svg");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/200/montserrat-extralight.eot");src:url("/bitrix/content_fonts/montserrat/200/montserrat-extralight.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/200/montserrat-extralight.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/200/montserrat-extralight.woff") format("woff"),url("/bitrix/content_fonts/montserrat/200/montserrat-extralight.svg#montserratextralight") format("svg");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/200_italic/montserrat-extralightitalic.eot");src:url("/bitrix/content_fonts/montserrat/200_italic/montserrat-extralightitalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/200_italic/montserrat-extralightitalic.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/200_italic/montserrat-extralightitalic.woff") format("woff"),url("/bitrix/content_fonts/montserrat/200_italic/montserrat-extralightitalic.svg#montserratextralight_italic") format("svg");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/300/montserrat-light.eot");src:url("/bitrix/content_fonts/montserrat/300/montserrat-light.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/300/montserrat-light.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/300/montserrat-light.woff") format("woff"),url("/bitrix/content_fonts/montserrat/300/montserrat-light.svg#montserratlight") format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/300_italic/montserrat-lightitalic.eot");src:url("/bitrix/content_fonts/montserrat/300_italic/montserrat-lightitalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/300_italic/montserrat-lightitalic.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/300_italic/montserrat-lightitalic.woff") format("woff"),url("/bitrix/content_fonts/montserrat/300_italic/montserrat-lightitalic.svg#montserratlight_italic") format("svg");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/400/montserrat-regular.eot");src:url("/bitrix/content_fonts/montserrat/400/montserrat-regular.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/400/montserrat-regular.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/400/montserrat-regular.woff") format("woff"),url("/bitrix/content_fonts/montserrat/400/montserrat-regular.svg#montserratregular") format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/400_italic/montserrat-italic.eot");src:url("/bitrix/content_fonts/montserrat/400_italic/montserrat-italic.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/400_italic/montserrat-italic.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/400_italic/montserrat-italic.woff") format("woff"),url("/bitrix/content_fonts/montserrat/400_italic/montserrat-italic.svg#montserratitalic") format("svg");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/500/montserrat-medium.eot");src:url("/bitrix/content_fonts/montserrat/500/montserrat-medium.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/500/montserrat-medium.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/500/montserrat-medium.woff") format("woff"),url("/bitrix/content_fonts/montserrat/500/montserrat-medium.svg#montserratmedium") format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/500_italic/montserrat-mediumitalic.eot");src:url("/bitrix/content_fonts/montserrat/500_italic/montserrat-mediumitalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/500_italic/montserrat-mediumitalic.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/500_italic/montserrat-mediumitalic.woff") format("woff"),url("/bitrix/content_fonts/montserrat/500_italic/montserrat-mediumitalic.svg#montserratmedium_italic") format("svg");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/600/montserrat-semibold.eot");src:url("/bitrix/content_fonts/montserrat/600/montserrat-semibold.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/600/montserrat-semibold.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/600/montserrat-semibold.woff") format("woff"),url("/bitrix/content_fonts/montserrat/600/montserrat-semibold.svg#montserratsemibold") format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/600_italic/montserrat-semibolditalic.eot");src:url("/bitrix/content_fonts/montserrat/600_italic/montserrat-semibolditalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/600_italic/montserrat-semibolditalic.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/600_italic/montserrat-semibolditalic.woff") format("woff"),url("/bitrix/content_fonts/montserrat/600_italic/montserrat-semibolditalic.svg#montserratsemibold_italic") format("svg");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/700/montserrat-bold.eot");src:url("/bitrix/content_fonts/montserrat/700/montserrat-bold.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/700/montserrat-bold.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/700/montserrat-bold.woff") format("woff"),url("/bitrix/content_fonts/montserrat/700/montserrat-bold.svg#montserratbold") format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/700_italic/montserrat-bolditalic.eot");src:url("/bitrix/content_fonts/montserrat/700_italic/montserrat-bolditalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/700_italic/montserrat-bolditalic.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/700_italic/montserrat-bolditalic.woff") format("woff"),url("/bitrix/content_fonts/montserrat/700_italic/montserrat-bolditalic.svg#montserratbold_italic") format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/800/montserrat-extrabold.eot");src:url("/bitrix/content_fonts/montserrat/800/montserrat-extrabold.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/800/montserrat-extrabold.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/800/montserrat-extrabold.woff") format("woff"),url("/bitrix/content_fonts/montserrat/800/montserrat-extrabold.svg#montserratextrabold") format("svg");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/800_italic/montserrat-extrabolditalic.eot");src:url("/bitrix/content_fonts/montserrat/800_italic/montserrat-extrabolditalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/800_italic/montserrat-extrabolditalic.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/800_italic/montserrat-extrabolditalic.woff") format("woff"),url("/bitrix/content_fonts/montserrat/800_italic/montserrat-extrabolditalic.svg#montserratextrabold_italic") format("svg");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/900/montserrat-black.eot");src:url("/bitrix/content_fonts/montserrat/900/montserrat-black.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/900/montserrat-black.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/900/montserrat-black.woff") format("woff"),url("/bitrix/content_fonts/montserrat/900/montserrat-black.svg#montserratblack") format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Montserrat';src:url("/bitrix/content_fonts/montserrat/900_italic/montserrat-blackitalic.eot");src:url("/bitrix/content_fonts/montserrat/900_italic/montserrat-blackitalic.eot?#iefix") format("embedded-opentype"),url("/bitrix/content_fonts/montserrat/900_italic/montserrat-blackitalic.woff2") format("woff2"),url("/bitrix/content_fonts/montserrat/900_italic/montserrat-blackitalic.woff") format("woff"),url("/bitrix/content_fonts/montserrat/900_italic/montserrat-blackitalic.svg#montserratblack_italic") format("svg");font-weight:900;font-style:italic;font-display:swap}

/* End */


/* Start:/bitrix/templates/landing/css/product/crm/free_crm_x5.css?173131819328453*/
:root {
	/* header */
	--color-white: #ffffff;
	--color-black: #000000;
	--color-blue-main: #3CC8F4;
	--color-blue-dark: #003688;
	--color-blue-2: #2684FF;
	--color-blue-3: #51DBFF;
	--color-blue-4: #009EF6;
	--color-blue-light: #F4FBFF;
	--color-green: #BDF300;
	--color-coral: #FF6F62;
	--color-red: #CF4639;
	--color-gray: #6B7077;
	--color-gray-light: #B9C1CD;
}

.bx-composite-btn {
	display: none !important;
}

p,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat", Arial, sans-serif !important;
}

img {
	max-width: 100%;
	width: 100%;
	height: auto;
	/* display: inline-block; */
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: translateZ(0) scale(0.999999);
	image-rendering: -moz-crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: crisp-edges;
}

ol,
ul,
dl {
	display: inline-block;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.body {
	background-color: var(--color-white);
}

/* page-btn */
.page-btn {
	display: inline-block;
	transition: all 0.2s ease-in-out;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	padding: 17px 20px;
	min-width: 240px;
	text-decoration: unset;
	text-transform: uppercase;
}

.page-btn:hover {
	text-decoration: none;
	color: #4B4B4B;
}

.page-btn__blue {
	border: 1px solid var(--color-blue-main);
	color: var(--color-blue-main);
	background-color: var(--color-white);
}

.page-btn__red {
	border: 1px solid var(--color-coral);
	color: var(--color-white);
	background-color: var(--color-coral);
}

.page-btn__blue:hover {
	color: var(--color-white);
	background-color: var(--color-blue-main);
}

.page-btn__red:hover {
	border: 1px solid var(--color-red);
	background-color: var(--color-red);
	color: var(--color-white);
}

.box-title {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 40px;
	line-height: 49px;
	color: var(--color-black);
}

.box-title>span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 70px;
	width: 100%;
	min-height: 70px;
	background-color: var(--color-blue-main);
	border-radius: 50%;
	font-weight: 300;
	font-size: 36px;
	line-height: 42px;
	text-align: center;
	color: var(--color-white);
	margin-right: 16px;
}

@media (max-width: 991.98px) {
	.page-btn {
		font-size: 16px;
		line-height: 20px;
		padding: 15px 20px;
	}
}

@media (max-width: 767.98px) {
	.box-title {
		font-size: 28px;
		line-height: 34px;
	}

	.box-title>span {
		font-size: 30px;
		line-height: 36px;
		max-width: 55px;
		min-height: 55px;
		margin-right: 10px;
	}
}


/* header */
/*********************/
.header {
	background-color: var(--color-white);
	top: 0;
	width: 100%;
	position: absolute;
	z-index: 10;
	border-bottom: 1px solid #E2E1E1;
}

.header.sticky {
	background-color: white;
	position: sticky;
}

.header.sticky+.hero {
	padding-top: 20px;
}

.header__logo {
	display: flex;
	align-items: center;
}

.header__wrapper {
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
	justify-content: space-between;
}

.header__content {
	display: block;
	margin-left: auto;
	margin-right: 12px;
}

.header__title {
	font-weight: 700;
	font-size: 23px;
	line-height: 36px;
	margin-bottom: 0px;
	color: var(--color-blue-main);
}

.header__subtitle {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0px;
	color: var(--color-gray);
}

.header.sticky .header__wrapper {
	padding-top: 20px;
}


@media (max-width: 991.98px) {
	.header {
		background-color: var(--color-white);
		position: sticky;
	}

	.header.sticky+.hero {
		padding-top: 20px;
	}

	.header .container {
		max-width: 100%;
	}

	.header__wrapper {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.header.sticky .header__wrapper {
		padding-top: 10px;
	}

	.header__content {
		display: none;
	}

	.header__logo-svg {
		max-width: 150px;
	}
}

@media (max-width: 767.98px) {
	.header__wrapper {
		justify-content: center;
	}

	.header__wrapper .page-btn {
		display: none;
	}
}


/* hero */
/**************/
.hero {
	padding-top: 120px;
}

.hero-block {
	display: grid;
	column-gap: 0px;
	row-gap: 0px;
	grid-template-rows: auto auto auto;
	grid-template-columns: auto auto;
	grid-template-areas:
		"hero-title hero-img"
		"hero-text hero-img"
		"hero-cta hero-img";
	margin-bottom: 90px;
	margin-top: 40px;
}

.hero-block__title {
	grid-area: hero-title;
	font-weight: 700;
	font-size: 55px;
	line-height: 67px;
	color: var(--color-black);
	max-width: 510px;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 16px;
}

.hero-block__title>span {
	display: block;
	color: var(--color-coral);
	font-weight: 700;
	font-size: 55px;
	line-height: 59px;
	text-transform: uppercase;
}

/* team-sport */
.hero-block__title--team-sport {
	font-size: 66px;
	line-height: 78px;
}

.hero-block__title--team-sport>span {
	font-weight: 600;
	font-size: 38px;
	line-height: 44px;
	color: var(--color-black);
	text-transform: unset;
}
/* * */

.hero-block__text {
	grid-area: hero-text;
	margin-bottom: 50px;
	max-width: 510px;
	width: 100%;
	color: var(--color-gray);
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
}

.hero-block__text>span {
	color: var(--color-black);
}

.hero-block__cta {
	grid-area: hero-cta;
	margin-bottom: 30px;
	max-width: 510px;
	width: 100%;
}

.hero-block__btn {
	margin-right: 15px;
}

.hero-block__btn-caption {
	display: inline-block;
	color: var(--color-gray-light);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	vertical-align: middle;
	margin-bottom: 0px;
}

.hero-block__img-mobile {
	display: none;
}

.hero-block__img-box-wrapper {
	display: flex;
	align-items: center;
	margin-left: auto;
	grid-area: hero-img;
}

.hero-block__img-box {
	max-width: 490px;
	width: 100%;
	height: fit-content;
	block-size: fit-content;
	display: grid;
	column-gap: 1px;
	row-gap: 1px;
	grid-template-rows: repeat(3, 163px);
	grid-template-columns: repeat(3, 163px);
	grid-template-areas:
		"hero-img-1 hero-img-2 hero-img-2"
		"hero-img-3 hero-img-4 hero-img-5"
		"hero-img-6 hero-img-6 hero-img-5";
}

.hero-flip-card {
	cursor: pointer;
}

.hero-flip-card__content {
	position: relative;
	width: 163px;
	height: 163px;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.hero-flip-card__front,
.hero-flip-card__back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.hero-flip-card__front {
	border-radius: 100px 0px;
	background-color: transparent;
	color: black;
}

.hero-flip-card__back {
	border-radius: 100px 0px;
	background-color: var(--color-blue-main);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	transform: rotateY(180deg);
}

.hero-flip-card__text {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	color: var(--color-black);
	margin: 0px;
}

.hero-flip-card__text>b {
	display: block;
	font-weight: 300;
	font-size: 52px;
	line-height: 56px;
	color: var(--color-white);
}

.hero-flip-card__6 .hero-flip-card__content,
.hero-flip-card__2 .hero-flip-card__content {
	width: 326px;
}

.hero-flip-card__5 .hero-flip-card__content {
	height: 326px;
}

.hero-flip-card__2 .hero-flip-card__front,
.hero-flip-card__2 .hero-flip-card__back {
	border-radius: 100px 0px 0px 0px;
}

.hero-flip-card__3 .hero-flip-card__front,
.hero-flip-card__3 .hero-flip-card__back {
	border-radius: 100px 100px 0px 0px;
}

.hero-flip-card__5 .hero-flip-card__front,
.hero-flip-card__5 .hero-flip-card__back {
	border-radius: 0px 100px 100px;
}

.hero-flip-card__6 .hero-flip-card__front,
.hero-flip-card__6 .hero-flip-card__back {
	border-radius: 0px 100px;
}

.hero-flip-card__6 .hero-flip-card__back,
.hero-flip-card__2 .hero-flip-card__back {
	transform: rotateX(180deg);
}

.hero-flip-card:hover .hero-flip-card__content,
.hero-flip-card.active .hero-flip-card__content {
	transform: rotateY(180deg);
}

.hero-flip-card__6:hover .hero-flip-card__content,
.hero-flip-card__2:hover .hero-flip-card__content,
.hero-flip-card__6.active .hero-flip-card__content,
.hero-flip-card__2.active .hero-flip-card__content {
	transform: rotateX(180deg);
}

.hero-flip-card__1 {
	grid-area: hero-img-1;
}

.hero-flip-card__2 {
	grid-area: hero-img-2;
}

.hero-flip-card__3 {
	grid-area: hero-img-3;
}

.hero-block__img-4 {
	grid-area: hero-img-4;
}

.hero-flip-card__5 {
	grid-area: hero-img-5;
}

.hero-flip-card__6 {
	grid-area: hero-img-6;
}

.hero-block__text {
	padding-right: 10px;
}

@media (max-width: 991.98px) {
	.hero {
		padding-top: 20px;
	}

	.hero-block {
		column-gap: 0px;
		row-gap: 0px;
		grid-template-rows: auto;
		grid-template-columns: auto;
		grid-template-areas:
			"hero-title"
			"hero-cta"
			"hero-img"
			"hero-text";
		margin-bottom: 40px;
		text-align: center;
		justify-content: center;
		margin: 0px;
	}

	.hero-block__title {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.hero-block__cta {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.hero-block__btn {
		margin-bottom: 10px;
		margin-right: 0px;
	}

	.hero-block__btn-caption br {
		display: none;
	}

	.hero-block__img-box-wrapper {
		margin: 0 auto 40px;
	}

	.hero-block__img-box {
		margin-bottom: 20px;
	}

	.hero-block__text {
		padding-right: 0px;
	}
}

@media (max-width: 767.98px) {
	.hero-block__title,
	.hero-block__title>span {
		font-size: 34px;
		line-height: 40px;
	}

	/* team-sport */
	.hero-block__title--team-sport{
		font-size: 30px;
		line-height: 37px;
	}

	.hero-block__title--team-sport>span{
		margin-top: 8px;
		font-size: 18px;
		line-height: 22px;
	}
	/* * */
	
	.hero-block__btn-caption {
		font-size: 14px;
		line-height: 22px;
	}

	.hero-block__text {
		font-size: 16px;
		line-height: 22px;
	}
}

@media (max-width: 575.98px) {
	.hero-block__img-box {
		display: none;
	}

	.hero-block__img-mobile {
		display: inline-block;
		max-width: 360px;
	}
}

/* hero-client */
.hero-client__img-box-wrapper{
	margin-left: unset;
}

.hero-client__img-box {
	position: relative;
	max-width: 500px;
	margin: 0 auto;
}

.hero-client__img-mobile {
	display: none;
}

.hero-client__badge {
	cursor: pointer;
	display: flex;
	flex-direction: row;
	background-color: #f5f8fa;
	position: absolute;
	border-radius: 10px;
	padding: 10px;
	transition: background-color 0.3s ease-in-out;
}

.hero-client__badge-text {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0;
}

.hero-client__badge-1 {
	top: -8px;
	left: -59px;
}

.hero-client__badge-2 {
	top: 100px;
	left: -20px;
}

.hero-client__badge_v1.hero-client__badge-2 {
	top: 165px;
}

.hero-client__badge-3 {
	bottom: 210px;
	right: -19px;
}

.hero-client__badge-4 {
	bottom: 160px;
	left: -62px;
}

.hero-client__badge-5 {
	bottom: 60px;
	right: 24px;
}

.hero-client__badge-svg path,
.hero-client__badge-svg circle {
	transition: all 0.3s ease-in-out;
}

.hero-client__badge:hover,
.hero-client__badge.active {
	background-color: var(--color-blue-main);
}

.hero-client__badge:hover .hero-client__badge-svg,
.hero-client__badge.active .hero-client__badge-svg {
	fill: var(--color-white);
}

.hero-client__badge:hover .hero-client__badge-svg circle,
.hero-client__badge.active .hero-client__badge-svg circle {
	stroke: var(--color-white);
}

.hero-client__badge:hover .hero-client__badge-svg path,
.hero-client__badge.active .hero-client__badge-svg path {
	fill: var(--color-blue-main);
}

@media (max-width: 1199.98px) {
	.hero-client__badge-4 {
		left: 22px;
	}
}

@media (max-width: 991.98px) { 
	.hero-client__img-box-wrapper{
		margin-left: auto;
	}
	
	.hero-client__badge,
	.hero-client__img {
		display: none;
	}

	.hero-client__img-mobile {
		display: block;
		max-width: 320px;
	}
}

/* block-ready */
/*******************/
.block-ready {
	background-color: var(--color-blue-dark);
	padding: 76px 0 120px;
}

.block-ready__title {
	text-align: center;
	font-weight: 700;
	font-size: 50px;
	line-height: 60px;
	color: var(--color-white);
	margin-bottom: 40px;
}

.block-ready__title>b {
	font-weight: 700;
	font-size: 90px;
	line-height: 90px;
	color: var(--color-coral);
}

.block-ready__box-wrapper {
	display: flex;
	justify-content: space-between;
}

.ready-block__box {
	width: calc((100%)/5);
	min-height: 164px;
	position: relative;
}

.ready-block__box:first-child {
	background-color: var(--color-blue-main);
	order: 1;
}

.ready-block__box:nth-child(2) {
	background-color: var(--color-blue-2);
	border-radius: 0px 0px 100px 0px;
	order: 2;
}

.ready-block__box:nth-child(3) {
	background-color: var(--color-blue-3);
	border-radius: 0px 100px 100px 0px;
	order: 3;
}

.ready-block__box:nth-child(4) {
	background-color: var(--color-blue-4);
	border-radius: 0px 100px 100px 100px;
	order: 4;
}

.ready-block__box:last-child {
	background-color: var(--color-green);
	border-radius: 100px 0px 100px 100px;
	order: 5;
}

.ready-block__box-center {
	color: var(--color-black);
	font-weight: 600;
	font-size: 15px;
	line-height: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 1s;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 80%;
}

.ready-block__box-center>span {
	color: var(--color-white);
}

.ready-block__box-center.active {
	font-size: 22px;
	line-height: 27px;
}

@media (max-width: 991.98px) {
	.block-ready__box-wrapper {
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.ready-block__box {
		width: calc((100%)/3);
	}

	.block-ready__title>b {
		display: block;
	}
}

@media (max-width: 767.98px) {
	.block-ready {
		padding: 36px 0 40px;
	}

	.block-ready__title {
		font-size: 35px;
		line-height: 43px;
		margin-bottom: 30px;
	}

	.block-ready__title>b {
		font-size: 78px;
		line-height: 84px;
	}

	.ready-block__box {
		width: calc((100%)/2);
		min-height: 94px;
	}

	.ready-block__box:last-child {
		order: 3;
	}

	.ready-block__box:nth-child(3) {
		order: 4;
	}

	.ready-block__box:nth-child(4) {
		border-radius: 0px 50px 0px 0px;
		width: 100%;
		order: 5;
	}

	.ready-block__box:nth-child(4) .ready-block__box-center {
		width: auto;
	}

	.ready-block__box-center,
	.ready-block__box-center.active {
		font-size: 16px;
		line-height: 20px;
	}
}


/* block-boxes */
/*******************/
.dynamic-box {
	padding: 50px 0 100px;
	display: grid;
	column-gap: 45px;
	row-gap: 0px;
	grid-template-rows: auto auto auto;
	grid-template-columns: 50% 1fr;
	grid-template-areas:
		"box-img box-title"
		"box-img box-text"
		"box-img box-btn";
}

.block-boxes .dynamic-box__wrapper:nth-child(odd) {
	background-color: var(--color-blue-light);
}

.block-boxes .dynamic-box__wrapper:nth-child(odd) .dynamic-box .dynamic-box__list-svg-circle {
	fill: var(--color-blue-main);
}

.block-boxes .dynamic-box__wrapper:nth-child(odd) .dynamic-box {
	grid-template-areas:
		"box-title box-img"
		"box-text box-img"
		"box-btn box-img";
}

.dynamic-box__img-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	grid-area: box-img;
}

.dynamic-box__img {
	max-width: 550px;
}

.dynamic-box__img-absolute {
	position: absolute;
	bottom: -16px;
	left: -70px;
	max-width: 192px;
	transform: rotate(13deg);
}

.dynamic-box__text-wrapper {
	grid-area: box-text;
}

.dynamic-box__cta {
	grid-area: box-btn;
}

.dynamic-box__title {
	grid-area: box-title;
	margin-bottom: 30px;
}

.dynamic-box__text {
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: var(--color-gray);
	margin-bottom: 30px;
}

.dynamic-box__list {
	margin-bottom: 40px;
}

.dynamic-box__list li+li {
	margin-top: 16px;
}

.dynamic-box__list li span {
	color: var(--color-gray);
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
}

.dynamic-box__list li {
	display: grid;
	grid-template-columns: 20px auto;
	grid-column-gap: 20px;
}

/* dynamic-box--version-2 */
.dynamic-box--version-2{
	grid-template-rows: auto auto auto auto;
	grid-template-areas:
		"box-title box-title"
		"box-img box-text"
		"box-img box-text"
		"box-img box-btn";
}

.block-boxes .dynamic-box__wrapper:nth-child(odd) .dynamic-box--version-2 {
	grid-template-rows: auto auto auto auto;
	grid-template-areas:
		"box-title box-title"
		"box-text box-img"
		"box-text box-img"
		"box-btn box-img";
}

.dynamic-box--version-2 .dynamic-box__title {
	width: 100%;
	max-width: 100%;
	justify-content: center;
}
/* * */

@media (max-width: 991.98px) {
	.block-boxes .dynamic-box__wrapper:nth-child(odd) .dynamic-box,
	.dynamic-box,
	.block-boxes .dynamic-box__wrapper:nth-child(odd) .dynamic-box--version-2,
	.dynamic-box--version-2 {
		grid-template-rows: 1fr auto auto auto;
		grid-template-columns: 1fr;
		grid-template-areas:
			"box-title"
			"box-img"
			"box-text"
			"box-btn";
		padding: 40px 0;
	}

 	.block-boxes .dynamic-box__wrapper:first-child .dynamic-box .dynamic-box__img-box{
		margin-bottom: 20px;
	}

	.dynamic-box__img {
		max-width: 450px;
		margin-bottom: 30px;
	}

	.dynamic-box__img-absolute {
		left: 80px;
		max-width: 192px;
	}

	.dynamic-box__btn {
		text-align: center;
	}

	.dynamic-box__text {
		text-align: center;
		font-size: 16px;
		line-height: 22px;
	}

	.dynamic-box__list li {
		grid-column-gap: 10px;
	}

	.dynamic-box__list li+li {
		margin-top: 10px;
	}
}

@media (max-width: 767.98px) {
	.dynamic-box__img-absolute {
		left: 0px;
	}

	.dynamic-box__img { 
		margin-right: -23px;
	}
}

@media (max-width: 575.98px) {
	.dynamic-box__img-absolute {
		max-width: 112px;
	}
}


/* block-integrated */
/*********************/
.block-integrated {
	background-color: var(--color-blue-light);
	padding: 100px 0px;
	overflow: hidden;
}

.block-integrated__title {
	text-align: center;
	justify-content: center;
	margin-bottom: 16px;
}

.block-integrated__text {
	text-align: center;
	max-width: 730px;
	margin: 0 auto 70px;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: var(--color-gray);
}

.block-integrated__row-anim {
	--url: var(--bg-animation-url, url('/images/content_en/product/crm/free_crm_x5/logo_row_1.png'));
	display: flex;
	background-image: var(--url);
	animation: moveRL 18s infinite linear;
	animation-delay: 2s;
	min-height: 131px;
}

.block-integrated__row-anim.anim-revert {
	--url: var(--bg-animation-url, url('/images/content_en/product/crm/free_crm_x5/logo_row_2.png'));
	background-image: var(--url);
	animation: moveLR 18s infinite linear;
	animation-delay: 2s;
}

.block-integrated__img-mobile {
	display: none;
}

@media (max-width: 991.98px) {
	.block-integrated__title {
		text-align: left;
		margin-bottom: 30px;
	}

	.block-integrated {
		padding: 30px 0px;
	}

	.block-integrated__text {
		font-weight: 500;
		font-size: 16px;
		line-height: 22px;
	}
}

@media (max-width: 767.98px) {
	.block-integrated {
		overflow: visible;
	}
	
	.block-integrated__row-anim {
		display: none;
	}

	.block-integrated__img-mobile {
		display: block;
		max-width: 450px;
		margin: 0 auto 30px;
	}

	.block-integrated__text {
		margin-bottom: 0px;
	}
}

@keyframes moveRL {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -1440px 0;
	}
}

@keyframes moveLR {
	from {
		background-position: -1440px 0;
	}

	to {
		background-position: 0 0;
	}
}


/* block-get-started */
/*********************/
.block-get-started {
	background-color: var(--color-blue-dark);
	padding: 75px 0;
}

.block-get-started__content {
	display: grid;
	column-gap: 0px;
	row-gap: 0px;
	grid-template-rows: auto auto;
	grid-template-columns: 50% auto;
	grid-template-areas:
		"started-title started-img"
		"started-btn started-img";
}

.block-get-started__title {
	grid-area: started-title;
	font-weight: 700;
	font-size: 48px;
	line-height: 52px;
	color: var(--color-white);
	margin-bottom: 60px;
	margin-top: 20px;
}

.block-get-started__title>span {
	display: block;
	font-weight: 500;
	font-size: 40px;
	line-height: 49px;
	color: var(--color-blue-main);
}


.block-get-started__cta {
	grid-area: started-btn;
}

.block-get-started__img-box {
	grid-area: started-img;
	display: flex;
	align-items: center;
	position: relative;
	margin: 0 auto;
}

.block-get-started__img {
	max-width: 550px;
}

.block-get-started__img-mobile,
.block-get-started__img-mobile--version-2 {
	display: none;
}

/* version-2 */
.block-get-started__title--version-2 {
	font-size: 58px;
	line-height: 64px;
	margin-top: 60px;
}

.block-get-started__img-men,
.block-get-started__img-women {
	position: absolute;
}

.block-get-started__img-men {
	max-width: 199px;
	top: 0;
	right: 0;
}

.block-get-started__img-women {
	max-width: 223px;
	bottom: 0;
	left: 0;
}
/* * */

@media (max-width: 991.98px) {
	.block-get-started {
		padding: 40px 0px 60px;
	}

	.block-get-started__content {
		grid-template-rows: auto auto auto;
		grid-template-columns: auto;
		grid-template-areas:
			"started-img"
			"started-title"
			"started-btn";
		text-align: center;
	}

	.block-get-started__content--version-2{
		grid-template-areas:
		"started-title"
		"started-img"
		"started-btn";
		margin-top: 20px;
	}

	.block-get-started__title {
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.block-get-started__img-box {
		justify-content: center;
		width: 100%;
	}

	.block-get-started__img {
		max-width: 450px;
		margin-bottom: 30px;
	}

	.block-get-started__img-men,
	.block-get-started__img-women,
	.block-get-started__anim {
		display: none;
	}

	.block-get-started__img-mobile--version-2 {
		display: block;
		margin-bottom: 20px;
		max-width: 320px;
	}

	
}

@media (max-width: 767.98px) {
	.block-get-started__title {
		font-size: 30px;
		line-height: 37px;
	}

	.block-get-started__title>span {
		font-size: 28px;
		line-height: 34px;
		margin-top: 10px;
	}
}

@media (max-width: 575.98px) {
	.block-get-started {
		padding: 0px 0px 30px;
	}

	.block-get-started__img{
		display: none;
	}

	.block-get-started__img-mobile {
		display: block;
		margin-bottom: 20px;
	}
}

/* block-faq */
/*********************/
.block-faq {
	background-color: var(--color-blue-light);
	padding: 60px 0px 90px;
}

.block-faq__title {
	font-weight: 700;
	font-size: 60px;
	line-height: 68px;
	color: var(--color-black);
	margin-bottom: 20px;
	text-align: center;
}

/* accordion */
.block-faq__accordion {
	padding: 14px 20px;
	cursor: pointer;
	border: 1px solid var(--main-text-color);
	box-sizing: border-box;
	border-radius: 4px;
	max-width: 946px;
	margin: 0 auto 5px;
	position: relative;
}

.block-faq__accordion:last-child {
	margin-bottom: 0;
}

.block-faq__accordion-header {
	display: flex;
	align-items: center;
	width: 100%;
	flex-direction: row-reverse;
}

.block-faq__accordion-title {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: var(--color-blue-main);
	display: flex;
	margin-bottom: 0px;
	margin-left: 16px;
	width: 90%;
	max-width: 100%;
}

.block-faq__icon-open {
	display: block;
	opacity: 1;
	transition: opacity 0.1s 0.1s ease-in;
}

.block-faq__icon-close {
	display: none;
	opacity: 0;
	transition: opacity 0.1s 0.1s ease-in;
}

.block-faq__icon {
	width: 20px;
	height: 20px;
}

.block-faq__accordion-content {
	max-height: 0;
	overflow: hidden;
	margin-left: 10%;
}

.block-faq__accordion-content ul {
	list-style-type: disc;
	padding-left: 20px;
}

.block-faq__accordion.active .block-faq__accordion-content a {
	color: var(--color-blue-main);
	text-decoration: none;
}

.block-faq__accordion.active .block-faq__accordion-content a:hover {
	text-decoration: underline;
}

.block-faq__accordion-content *,
.block-faq__accordion-content * * {
	opacity: 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-gray);
}

.block-faq__accordion.active .block-faq__accordion-content {
	max-height: 100%;
	overflow: visible;
}

.block-faq__accordion.active .block-faq__accordion-content>*,
.block-faq__accordion.active .block-faq__accordion-content>* * {
	opacity: 1;
	transition: opacity 0.3s ease-in;
}

.block-faq__accordion.active .block-faq__accordion-header {
	padding-bottom: 17px;
}

.block-faq__accordion.active .block-faq__accordion-header svg {
	transform: rotate(180deg);
}

.block-faq__accordion.active .block-faq__accordion-header svg>path,
.faq-svg-path-1 {
	visibility: visible;
	fill: var(--color-white);
	stroke: var(--color-white);
}

.block-faq__accordion.active .block-faq__accordion-header svg circle {
	fill: var(--color-blue-main);
}

.block-faq__accordion.active .block-faq__icon-close {
	display: block;
	opacity: 1;
}

.block-faq__accordion.active .block-faq__icon-open {
	display: none;
	opacity: 0;
}

@media (max-width: 767.98px) { 
	.block-faq {
		padding: 40px 0px;
	}

	.block-faq__title {
		font-size: 35px;
		line-height: 43px;
	}

	.block-faq__accordion-title {
		font-size: 18px;
		line-height: 24px;
	}

	.block-faq__accordion-content *,
	.block-faq__accordion-content * * {
		font-size: 14px;
		line-height: 20px;
	}
}

/* block-choose */
/*******************/
.block-choose {
	padding: 100px 0px;
}

.block-choose__content {
	display: grid;
	column-gap: 0px;
	row-gap: 0px;
	grid-template-rows: auto auto;
	grid-template-columns: 50% auto;
	grid-template-areas:
		"choose-text choose-img"
		"choose-btn choose-img";
}

.block-choose__text-box {
	grid-area: choose-text;
}

.block-choose__title {
	font-weight: 700;
	font-size: 55px;
	line-height: 67px;
	color: var(--color-black);
	margin-bottom: 20px;
}

.block-choose__title>b {
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-coral);
}

.block-choose__text {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: var(--color-gray);
	max-width: 400px;
}

.block-choose__cta {
	grid-area: choose-btn;
	margin-top: auto;
}

.block-choose__img-box {
	grid-area: choose-img;
	display: flex;
	align-items: center;
	justify-content: center;
}

.block-choose__img-mobile {
	display: none;
}


@media (max-width: 991.98px) {
	.block-choose {
		padding: 30px 0px 50px;
	}

	.block-choose__content {
		grid-template-rows: auto auto auto;
		grid-template-columns: auto;
		grid-template-areas:
			"choose-text"
			"choose-img"
			"choose-btn";
		text-align: center;
	}

	.block-choose__text {
		margin: 0 auto;
	}

	.block-choose__title {
		margin-bottom: 20px;
	}

	.block-choose__text-box {
		margin-bottom: 30px;
	}

	.block-choose__img {
		margin-bottom: 20px;
		max-width: 600px;
	}
}

@media (max-width: 767.98px) { 
	.block-choose__img {
		display: none;
	}

	.block-choose__img-mobile {
		display: block;
		max-width: 290px;
	}

	.block-choose__title {
		font-size: 35px;
		line-height: 43px;
	}

	.block-choose__text {
		font-size: 16px;
		line-height: 22px;
	}
}

/*footer */
/*******************/
.footer {
	padding: 50px 0;
	background-color: var(--color-blue-main);
}

.footer__link {
	display: flex;
	margin-right: auto;
}

@media (max-width: 767.98px) {
	.footer {
		padding: 40px 0;
	}

	.footer__link {
	    justify-content: center;
		margin-right: unset;
	}
}
/* End */
/* /bitrix/content_fonts/montserrat/montserrat.min.css?16371412157152 */
/* /bitrix/templates/landing/css/product/crm/free_crm_x5.css?173131819328453 */