:root {
	--swiper-theme-color: #F97932;
}

.feedback-submit {
	position: relative;
}

.feedback-submit .wpcf7-spinner {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	margin: 0;
}

.feedback .wpcf7-not-valid-tip {
	display: none !important;
}

.feedback .wpcf7-not-valid {
	border: 1px solid red;
}

.feedback .wpcf7-response-output {
	margin: 16px 0 0 !important;
	border-radius: 10px;
	text-align: center;
	color: #666666;
	font-weight: 500;
	padding: 12px;
}

@media(max-width: 767.98px) {
	.projects-title {
		line-height: 1;
	}
	.projects-title a {
		line-height: 1;
	}
}

@media(min-width: 768px) {
	.features-content {
		padding-right: 80px;
	}
}



.project-hero {
	margin-top: 36px;
}

.project-hero-image {
	position: relative;
	padding-bottom: 56%;
	border-radius: 16px;
	overflow: hidden;
}

.project-hero-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-header-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 24px;
	letter-spacing: -0.02em;
	line-height: 30px;
	color: #F97932;
	text-decoration: none;
	font-weight: 500;
	font-size: 24px;
	transition: .2s;
}

.section-header-link:hover {
	color: #E86217;
}

.section-header-with-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;

}


.steps {
	background-color: #F5F5F5;
	padding: 32px;
	box-sizing: border-box;
	border-radius: 16px;
	margin: 0;
	list-style: none;
}

.steps-item {
	display: flex;
	gap: 8px;
	padding-right: 120px;
	box-sizing: border-box;
}

.steps-item:not(:first-child) {
	padding-top: 24px;
}

.steps-item:not(:last-child) {
	padding-bottom: 46px;
	border-bottom: 1px solid #C2C2C2;
}

.steps-number {
	flex-shrink: 0;
	flex-basis: 76px;
	font-size: 40px;
	font-weight: 500;
	color: #ACC8ED;
	letter-spacing: -0.02em;
	line-height: 0.875;
	margin-top: 6px;
}

.steps-text {
	font-size: 20px;
	color: #666666;
	letter-spacing: -0.02em;
	line-height: 1.5;
	font-weight: 500;
}




.project-blocks {
	margin-top: 16px;
	display: flex;
	gap: 16px;
}
.project-result {
	flex-basis: calc( (100% - 16px) / 2 );
	box-sizing: border-box;
	background: linear-gradient(135deg, rgb(172, 200, 237) 0%, rgba(255, 255, 255, 0.72) 100%);
	border-radius: 16px;
	padding: 40px 32px;

	min-height: 250px;
}

.project-result p {
	letter-spacing: -0.02em;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.5;
	margin: 8px 0;
}


.project-blocks-title {
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 16px;
	color: #121212;

}
.project-tools {
	flex-basis: calc( (100% - 16px) / 2 );
	box-sizing: border-box;
	border-radius: 16px;
	background-color: #F5F5F5;
	padding: 40px 32px;

	min-height: 250px;
}
.project-tools-row {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	margin-top: 24px;
}
.project-tools-item {
	text-align: center;
}

.project-tools-icon {
	display: flex;
	justify-content: center;
}

.project-tools-icon img {
	width: 48px;
	height: 48px;
}
.project-tools-name {
	color: #666666;
	font-weight: 500;
	font-size: 16px;
	margin-top: 4px;
	line-height: 1.75;
	letter-spacing: -0.02em;
}


.project-case {
	border-radius: 16px;
	overflow: hidden;
}

.project-case img {
	display: block;
	width: 100%;
	height: auto;
}


@media(max-width: 1023.98px) {
	.steps-item {
		padding-right: 0;
	}
	.project-blocks {
		display: block;
	}
	.project-result {
		min-height: 0;
	}
	.project-tools {
		margin-top: 16px;
		min-height: 0;
	}
}

@media(max-width: 767.98px) {
	.steps {
		padding: 16px;
	}
	.steps-number {
		font-size: 32px;
		flex-basis: 60px;
	}
	.steps-text {
		font-size: 16px;
	}
	.steps-item:not(:first-child) {
		padding-top: 16px;
	}
	.steps-item:not(:last-child) {
		padding-bottom: 16px;
	}

	.section-header-with-link {
		flex-wrap: wrap;
	}
	.section-header-link {
		font-size: 16px;
		gap: 8px;
	}
	.section-header-link svg {
		width: 24px;
		height: 24px;
	}

	.project-blocks-title {
		font-size: 20px;
	}

	.project-result {
		padding: 16px;
	}

	.project-tools {
		padding: 16px;
	}

	.project-result p {
		font-size: 16px;
	}
	.project-tools-row {
		gap: 16px;
	}
}

.projects-image {
	display: block;
	padding-bottom: 64%;
	position: relative;
}

.projects-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media(min-width: 768px) {
	.section-archive-project {
		margin-top: 60px;
	}	
}


.section-main-sites {

}

.section.section-main.section-main-sites .section-col.section-col-image {
	flex-basis: 502px;
	text-align: center;
}



.section.section-main.section-main-sites .section-bg-gradient .section-text {
	flex-grow: 0;
}

.section.section-main.section-main-sites .section-bg-gradient {
	justify-content: flex-end;
}

.section.section-main.section-main-sites .section-bg-gradient .section-title-main {
	font-weight: 600;
}

.section.section-main.section-main-sites .section-col.section-col-image img {
	border-radius: 16px;
}

@media(min-width: 1024px) {

	.section.section-main.section-main-sites .section-bg-gradient .section-title-main {
		font-size: 40px;
	}

	.section.section-main.section-main-sites .section-col.section-col-image img {
		display: block;
	}	
}



.reasons {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
.reasons-item {
	flex-basis: calc( (100% - 2 * 16px) / 3 );
	box-sizing: border-box;
	padding: 32px;
	background-color: #F5F5F5;
	border-radius: 16px;
	position: relative;
}
.reasons-icon {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 45px;
	height: 45px;
}
.reasons-title {
	font-size: 24px;
	color: #121212;
	font-weight: 600;
	line-height: 1.375;
	padding-right: 36px;
	box-sizing: border-box;
}
.reasons-text {
	margin-top: 16px;
	font-size: 20px;
	color: #666666;
	line-height: 1.5;
	letter-spacing: -0.02em;
	font-weight: 500;
}

@media(max-width: 1023.98px) {
	.reasons {
		display: block;
	}
	.reasons-item:not(:last-child) {
		margin-bottom: 16px;
	}
}

@media(max-width: 767.98px) {
	.reasons-title {
		font-size: 20px;
	}
	.reasons-text {
		font-size: 16px;
	}
	.reasons-icon {
		top: 16px;
		right: 16px;
		width: 36px;
		height: 36px;
	}
	.reasons-item {
		padding: 16px;
	}
}




.steps-item.steps-item-alt {
	padding-right: 0;
	padding-bottom: 24px;
}

.steps-item-alt .steps-title {
	flex-grow: 1;
	font-size: 24px;
	color: #121212;
	line-height: 1.375;
	font-weight: 600;
}
.steps-item-alt .steps-text {
	flex-basis: 43%;
	font-size: 16px;
	line-height: 1.75;
	flex-shrink: 0;
}

@media(max-width: 767.98px) {
	.steps-item-alt .steps-number {
		flex-basis: 50px;
		margin-top: 0;
	}
	.steps-item-alt .steps-title {
		font-size: 17px;
		flex-basis: calc( 100% - 50px - 16px );
	}
	.steps-item.steps-item-alt {
		flex-wrap: wrap;
		padding-bottom: 16px;
	}
	.steps-item-alt .steps-text {
		flex-basis: 100%;
	}
}


.sites-banner {
	padding-bottom: 76px;
	position: relative;

	padding-top: 45px;
	padding-bottom: 45px;
}

@media(max-width: 767.98px) {
	.sites-banner {
		padding-top: 24px;
		padding-bottom: 24px;
	}
}

.sites-banner-text {
	text-align: center;
	font-size: 32px;
	line-height: 1.09375;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: #121212;

	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.sites-banner-text span {
	color: #F97932;
}

.sites-banner-image {
	position: absolute;
	left: 16px;
	bottom: 0;
	width: 168px;
	height: 168px;
	object-fit: contain;
}

@media(max-width: 1023.98px) {
	.sites-banner-image {
		display: none;
	}	
	.sites-banner {
		padding-bottom: 24px;
	}
	.sites-banner-text {
		font-size: 20px;

	}
}
.projects-title a {
	transition: .3s;
}

@media(min-width: 1024px) {
	.projects-image img {
		transition: 0.8s;
	}
	.projects-item:hover .projects-image img {
		transform: scale(1.06);
	}
	.projects-item:hover .projects-title a {
		color: #F97932;
	}
}


@media(min-width: 768px) {
	.footer-bottom {
		max-width: 64%;
		gap: 16px;
	}
	.footer-bottom p {
		flex-basis: calc( (100% - 2 * 16px) / 3 );
	}
	.footer-bottom p.wide {
		flex-basis: calc( (100% - 2 * 16px) / 3 * 2 );
	}
}

.blog-image {
	position: relative;
	padding-bottom: 64%;
	display: block;
}

.blog-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-title a {
	text-decoration: none;
	color: currentColor;
}




.reviews-grid {
	row-gap: 40px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.reviews-image {
	position: relative;
	padding-bottom: 158%;
	display: block;
	border-radius: 16px;
	overflow: hidden;
}

.reviews-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.reviews-image:not(:last-child) {
	margin-bottom: 16px;
}

.reviews-video::after {
	content: '';
	position: absolute;
	bottom: 24px;
	right: 24px;
	width: 64px;
	height: 64px;
	background: url(../images/play.svg) center / 100% no-repeat;
	z-index: 2;
}

.reviews-site {
	font-weight: 500;
	text-decoration: none;
	color: #F97932;
}

.reviews-item-hidden {
	display: none;
}

@media(min-width: 768px) and (max-width: 1023.98px) {
	.reviews.reviews-grid {
		display: flex;
	}
	.reviews-grid .reviews-item {
		flex-basis: calc( (100% - 16px) / 2 );
	}
}



.letters {
}
.letters-item {
	display: flex;
	gap: 40px;
}
.letters-item:not(:last-child) {
	margin-bottom: 40px;
}
.letters-document {
	flex-basis: 346px;
	box-sizing: border-box;
	flex-shrink: 0;
}
.letters-document-image {
	display: block;
	padding-bottom: 140%;
	position: relative;
}
.letters-document-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.letters-main {
	flex-grow: 1;
	box-sizing: border-box;
}
.letters-content {
}
.letters-title {
	font-size: 24px;
	margin-bottom: 16px;
	font-weight: 600;
}
.letters-text {
	font-weight: 500;
	color: #666666;
	letter-spacing: -0.02em;
	line-height: 1.5;
}
.letters-meta {
	border-top: 1px solid #A5A5A5;
	padding-top: 32px;
	margin-top: 32px;

	display: flex;
	gap: 24px;
	justify-content: space-between;
}
.letters-meta-info {
}
.letters-meta-name {
	font-size: 20px;
}
.letters-meta-position {
	font-weight: 500;
	font-size: 16px;
	color: #666666;
	margin-top: 10px;
}
.letters-meta-site {
	font-size: 20px;
	font-weight: 500;
}
.letters-meta-site a {
	color: #F97932;
	text-decoration: none;
}

@media(max-width: 767.98px) {
	.letters-item {
		display: block;
	}
	.letters-document {
		max-width: 340px;
		margin-bottom: 16px;
	}
	.letters-meta {
		display: block;
		margin-top: 16px;
		padding-top: 16px;
	}
	.letters-meta-site {
		margin-top: 16px;
	}
}

.letters-item-hidden {
	display: none;
}

.pagination {
	margin-top: 40px;
	display: flex;
	gap: 16px;
	font-family: 'Montserrat', sans-serif;
}

.pagination .page-numbers {
	width: 45px;
	height: 45px;
	flex-shrink: 0;
	background-color: transparent;
	border: 1px solid #A5A5A5;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	text-align: none;
	color: #A5A5A5;
	text-decoration: none;
	transition: .2s;
}

.pagination a.page-numbers:hover {
	color: #F97932;
	border-color: #F97932;
}

.pagination .page-numbers.current {
	background-color: #ACC8ED;
	border-color: #ACC8ED;
	color: #F5F5F5;
}

.blog-item-bottom {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.blog-link {
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: #F97932;
	gap: 12px;
	text-decoration: none;
	transition: .2s;
}

.blog-link:hover {
	color: #E86217;
}

.blog-link svg {
	width: 26px;
	height: 26px;
}

@media(max-width: 767.98px) {
	.blog-link {
		font-size: 16px;
	}
	.blog-link svg {
		width: 20px;
		height: 20px;
	}
}

.blog-date {
	padding: 0;
	background-color: transparent;
	font-size: 16px;
	color: #666666;
	font-weight: 500;
}

@media(min-width: 768px) {
	.reviews-slider {
		display: none;
	}
}

@media(max-width: 767.98px) {
	.reviews-grid {
		display: none;
	}
	.reviews-slider {
		padding-bottom: 32px;

		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 16px;
	}
	.reviews-slider .reviews-item {
		text-align: center;
/*		max-width: 260px;*/
		margin-left: auto;
		margin-right: auto;
	}
}







.tariffs {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.tariffs-col {
	background-color: #F5F5F5;
	border-radius: 16px;
	flex-basis: calc( (100% - 2 * 16px) / 3 );
	padding: 32px 32px 40px;
	box-sizing: border-box;
}
.tariffs-title {
	text-align: center;
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: 600;

}
ul.tariffs-features {
	font-size: 18px;
	color: #666666;
	line-height: 1.44;
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	font-weight: 500;
}

.tariffs-features > li {
	padding-left: 38px;
	position: relative;
}

.tariffs-features > li::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	display: block;
	background: url(../images/tariffs.svg) center / contain no-repeat;
}

.tariffs-features > li:not(:last-child) {
	margin-bottom: 18px;
}

.tariffs-price {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
}

.tariffs-button {
	text-align: center;
}

.tariffs-button .button {
	letter-spacing: -0.02em;
	padding-left: 24px;
	padding-right: 24px;
}

@media(max-width: 1023.98px) {
	.tariffs-title {
		font-size: 18px;
	}
	ul.tariffs-features {
		font-size: 14px;
	}
	.tariffs-price {
		font-size: 20px;
	}
}
@media(max-width: 767.98px) {
	.tariffs {
		display: block;
	}
	.tariffs-col:not(:last-child) {
		margin-bottom: 16px;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 24px;
	}
}

.section-bg-white {
	background-color: #F5F5F5;
	padding: 50px 32px 40px;
	box-sizing: border-box;
	border-radius: 16px;
}






.crm-features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.crm-features-first {
	grid-row: 1 / 2;
}


.crm-features-first {
}
.crm-features-title {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 32px;
	line-height: 1.1;
}
.crm-features-photo img {
	width: 129px;
	height: 129px;
	border-radius: 50%;
	transform: translate(-50%, 12px);
	position: relative;
	z-index: 1;
}

.crm-features-photo span {
	display: inline-flex;
	height: 38px;
	align-items: center;
	padding: 0 16px;
	box-sizing: border-box;
	border-radius: 100px;
	background-color: #D9E4F3;
	font-size: 16px;
	position: relative;
	z-index: 2;
	font-weight: 500;
}


.crm-features-card {
	background-color: #E8E8E8;
	border-radius: 16px;
	padding: 30px 32px;
	box-sizing: border-box;
}
.crm-features-card-blue {
	background-color: #D9E4F3;
}
.crm-features-card-title {
	font-size: 24px;
	font-weight: 600;
	color: #121212;
}
.crm-features-card-sub-title {
	font-size: 18px;
	font-weight: 500;
	
	line-height: 1.38;
	color: #121212;
}

.crm-features-card-sub-title:not(:first-child) {
	margin-top: 16px;
}

.crm-features-card-sub-title ul {
	margin: 0;
	padding-left: 1.5em;
}

.crm-features-card-sub-title ul span {
	color: #008BFD;
	font-weight: 700;
}
.crm-features-card-text {
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	line-height: 1.625;
	margin-top: 16px;
}

@media(max-width: 767.98px) {
	.section-bg-white {
		padding: 32px 16px 24px;
	}
	.crm-features {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.crm-features-first {
		grid-row: 1 / 2;
	}
	.crm-features-title {
		font-size: 24px;
	}
	.crm-features-card {
		padding: 24px;
	}
}

.section-reviews-slider {
	overflow: hidden;
}

.prices-tabs-item {
	display: none;
}

.button.button-wide span {
	flex-grow: 1;
	text-align: center;
}

.services-title a {
	text-decoration: none;
	color: currentColor;
	transition: .2s;
}

.services-title a:active {
	color: #F97932;
}

@media(min-width: 768px) {
	.services-title a:hover {
		color: #F97932;
	}
}





.section-header h1 {
	margin-top: 0;
	margin-bottom: 0;
}

.section-top {
	margin-top: 60px;
}

@media(max-width: 767.98px) {
	.section-top {
		margin-top: 24px;
	}
}

.reviews-grid {
	margin-top: 40px;
}

.faq-content p:not(:first-child) {
	margin-top: 16px;
}


.projects-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.46;
  letter-spacing: -0.02em;
}

@media(max-width: 767.98px) {
	.projects-title {
		font-size: 20px;
		line-height: 1;
	}
}



@media(min-width: 768px) {
	.section-header.section-header-row .section-tagline {
		flex-basis: 366px;
	}
/*	.crm-features-card {
		min-height: 240px;
	}*/
}

.prices-row {
	flex-basis: 100%;
	display: flex;
	gap: 16px;
}

.prices-col {
	flex-basis: calc( (100% - 16px) / 2 );
}

.prices-col .prices-item:not(:last-child) {
	margin-bottom: 16px;
}

.prices-content {
	background-color: #F5F5F5;
	padding: 40px 32px;
	box-sizing: border-box;
	border-radius: 16px
}
.prices-content-title {
	font-size: 24px;
	color: #F97932;
	font-weight: 600;
}
.prices-content-sub-title {
	flex-grow: 1;
    font-size: 20px;
    color: #666666;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.02em;
    margin-top: 16px;
}
.prices-content-list {
	margin: 32px 0 0;
	padding: 0;
	list-style: none;
}
.prices-content-item {
    font-size: 24px;
    font-weight: 600;
    color: #121212;
}

.prices-content-item:not(:last-child) {
	margin-bottom: 32px;
}


@media(max-width: 767.98px) {
	.prices-content {
		padding: 24px 16px;
	}
	.prices-row {
		display: block;
	}
	.prices-col:not(:last-child) {
		margin-bottom: 16px;
	}
	.prices-content-title {
		font-size: 20px;
	}
	.prices-content-sub-title {
		font-size: 16px;
	}
	.prices-content-item {
		font-size: 20px;
	}
	.prices-content-item:not(:last-child) {
		margin-bottom: 24px;
	}
}

.section-notice {
	font-size: 20px;
	font-weight: 500;
	color: #666666;
	letter-spacing: -0.02em;
	margin-top: 32px;
	line-height: 1.5;
}


.prices-button {
	margin-top: 32px;
}

@media(max-width: 767.98px) {
	.section-notice {
		font-size: 13px;
		margin-top: 16px;	
	}
	.prices-button {
		margin-top: 24px;
	}
	.prices-button .button {
		width: 100%;
	}

	.section-col.section-col-image img {
		display: block;
	}
	.projects-item:not(:last-child) {
		margin-bottom: 32px;
	}
}	


@media(min-width: 768px) {
	.section-title {
		font-weight: 500;
	}
}

.popup-quiz {
	background-color: transparent;
	max-width: 1074px;
	padding: 0;

}

.popup-full-width {
	background-color: transparent;
	max-width: 1074px;
	padding: 0;	
}

.quiz-row {
	display: flex;
	gap: 16px;	
}

.quiz-col {
	flex-basis: calc( (100% - 16px) / 2 );
	background-color: #F5F5F5;
	border-radius: 16px;
	overflow: hidden;
}

.quiz-content {
	padding: 40px 32px;
	box-sizing: border-box;

	display: flex;
	flex-direction: column;
	height: 100%;
}

.quiz .section-title {
	font-size: 32px;
	margin-bottom: 24px;
	font-weight: 600;
}
.quiz .section-text {
	font-size: 20px;
	color: #666666;
}

.quiz-content-bg {
	background-color: #ACC8ED;
}

.fancybox__slide.has-inline {
	padding-left: 16px !important;
	padding-right: 16px !important;
}




.quiz-content-grow {
	flex-grow: 1;
}

.quiz-options {
	list-style: none;
	padding: 0;
	margin: 0;

	font-size: 20px;
	font-weight: 500;
	color: #121212;
	line-height: 1.5;

}

.quiz-options-item:not(:last-child) {
	margin-bottom: 16px;
}

.quiz-radio input {
	display: none;
}

.quiz-radio label {
	display: flex;
	gap: 12px;
	align-items: center;
	font-weight: 500;
}

.quiz-radio label::before {
	content: '';
	width: 22px;
	height: 22px;
	display: block;
	background: url(../images/radio.svg) center / contain no-repeat;
	flex-shrink: 0;
}


.quiz-radio input:checked + label::before {
	background-image: url(../images/radio-checked.svg);
}

.quiz-textarea textarea {
	width: 100%;
	resize: none;
	height: 172px;
	padding: 16px 20px;
	box-sizing: border-box;
	background-color: #E8E8E8;
	border-radius: 16px;
	border: none;
	outline: none !important;
	color: #666666;
	font-weight: 500;
	line-height: 1.875;
}	

.quiz-buttons {
	display: flex;
	gap: 24px;
	align-items: center;
	margin-top: 24px;
	justify-content: flex-end;
}
.quiz-counter {
	font-size: 16px;
	font-weight: 500;
	color: #666666;
}
.button {
}

.quiz-image {
	position: relative;
	padding-bottom: 117%;
}

.quiz-image > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.quiz-step:not(.active) {
	display: none;
}

@media(max-width: 767.98px) {
	.fancybox__slide.has-inline {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.quiz-row {
		flex-direction: column-reverse;
		gap: 8px;
	}

	.quiz-row.quiz-row-normal {
		flex-direction: column;
	}

	.quiz-content {
		padding: 32px 16px;
	}
	.quiz .section-title {
		font-size: 20px;
	}
	.quiz .section-text {
		font-size: 16px;
	}
	.quiz-options {
		font-size: 16px;
	}
}


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


@media(max-width: 767.98px) {
	.section-info-block {
		background: linear-gradient(124deg, rgb(172, 200, 237) 0%, rgb(220, 220, 220) 13%, rgb(249, 121, 50) 100%);
		
	}
	.section-info-block .section-text {
		color: #fff;
	}
}

.popup-success {
	background-color: #F5F5F5;
	max-width: 530px;
	text-align: center;
}

.popup-success .popup-title {
	font-size: 32px;
	letter-spacing: -0.02em;
	margin-bottom: 24px;
}

.section-title a {
	color: currentColor;
	text-decoration: none;
	transition: .2s;
}

.section-title a:hover {
	color: #F97932;
}

.footer-nav-sub-list {
	list-style: none;
	padding-left: 0;
	margin: 24px 0;
}

@media(max-width: 767.98px) {
	.footer-nav-sub-list {
		display: inline-flex;
		gap: 2px 10px;
		flex-wrap: wrap;
		margin: 0;
	}
}

@media(min-width: 768px) {
	.footer-nav {
		flex-basis: 69%;
		gap-column: 0;
		justify-content: space-between;

	}
	.footer-nav a {
		color: #121212;
		
	}
	
	.footer-info {
		flex-basis: 31%;
	}
	.footer-nav-list {
		line-height: 0.7;

		flex-grow: 1;
	}
	.footer-nav-list li:not(:last-child) {
		margin-bottom: 16px;
	}
	.footer-nav-list-alt {
		line-height: 1.43;
	}
	.footer-nav-list-alt a {
		color: #666666;
		
		text-decoration: underline;
	}

	.footer-nav-list .has-children > a {
		padding-right: 18px;
		background: url(../images/arrow-down.svg) right center / 12px 6px no-repeat;
	}


	.footer-nav-col {
		flex-basis: 170px;


		display: flex;
		flex-direction: column;

	}
	.footer-nav-col.wide {
		flex-basis: 230px;
	}
}


/*.services-badges-item {
	transition: .2s;
}
.services-badges-item:hover {
	background-color: #F97932;
	border-color: #F97932;
	color: #F5F5F5;
}*/


.contacts {
	margin-top: 40px;
}
.contacts-row {
	display: flex;
	gap: 16px;
	align-items: stretch;

}
.contacts-col {
	flex-basis: calc( (100% - 16px) / 2 );
	background-color: #F5F5F5;
	border-radius: 16px;
	padding: 40px 32px;
	box-sizing: border-box;


	display: flex;
	flex-direction: column;
}
.contacts-list {
	list-style: none;
	font-size: 32px;
	font-weight: 500;
	padding-left: 0;
	margin: 0;
	line-height: 1.1;

}

.contacts-list li:not(:last-child) {
	margin-bottom: 16px;
}

.contacts-list a {
	color: #121212;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	letter-spacing: -0.02em;
	transition: 0.2s;
}

.contacts-list a:hover {
	color: #F97932;
}



.contacts-info {
	letter-spacing: -0.02em;
	line-height: 1.5;
	font-size: 20px;
	color: #666666;
	font-weight: 500;
}

.contacts-info p {
	margin: 0;
}

.contacts-email {
	margin-top: 14px;



	flex-grow: 1;

}
.contacts-email a {
	line-height: 1.5;
	font-size: 20px;
	font-weight: 500;	
	color: #121212;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	letter-spacing: -0.02em;
	transition: 0.2s;
}

.contacts-email a:hover {
	color: #F97932;
}



.contacts-profile {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;

}
.contacts-profile-name {
	display: inline-flex;
	align-items: center;
	padding: 0 16px;
	height: 38px;
	background-color: #D9E4F3;
	border-radius: 100px;
	color: #121212;
	font-weight: 600;
	font-size: 16px;
	margin-right: -44px;
	position: relative;
	z-index: 2;
}
.contacts-profile-image img {
	width: 130px;
	height: 130px;
	object-fit: contain;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	display: block;
}



@media(max-width: 767.98px) {
	body.page-template-contacts h1.section-title {
		text-align: center;
	}
	body.page-template-contacts .section-top {
		margin-top: 24px;
	}
	.contacts {
		margin-top: 0;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}


	.contacts-col {
		padding: 24px;

	}
	.contacts-list {
		font-size: 20px;
	}

	.contacts-list .left {
		text-align: left;
	}
	.contacts-list .right {
		text-align: right;
	}
	.contacts-list .offset-1 {
		padding: 0 20px;
	}
	.contacts-list .offset-2 {
		padding: 0 62px;
	}

	.contacts-row {
		display: block;
	}
	.contacts-col-mobile-transparent {
		margin-top: 40px;
		background-color: transparent;
		padding: 0;
		border-radius: 0;
		text-align: center;
	}
	.contacts-profile {
		justify-content: center;

	}
	.contacts-profile-name {
		display: none;
	}
	.contacts-email {
		display: none;
	}
	.contacts-info {
		order: 1;
		font-size: 16px;
		margin-top: 16px;
		line-height: 1.375;
	}
	.contacts-profile-image img {
		width: 70px;
		height: 70px;
	}
}

.footer-nav-col {
	align-items: flex-start;
}

.services-item {
	text-decoration: none;
	color: currentColor;
	display: block;
	overflow: hidden;
}

.services-item.no-padding {
	padding: 0 !important;
}

.services-item-inner {
	transition: .8s;
	position: relative;
	padding: 40px 32px 32px;
}

.services-badges-item:hover {

}

@media(max-width: 767.98px) {
	.services-item-inner {
		padding: 24px 16px;
	}
}

@media(min-width: 1024px) {
	.services-item:hover .services-item-inner {
		transform: scale(1.04);
	}	
}

.process {
	display: flex;
	gap: 54px;
	margin-top: 40px;
}
.process-item {
	flex-basis: calc( (100% - 54px * 2) / 3 );
}
.process-header {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	align-items: flex-end;
}
.process-number {
	font-size: 40px;
	color: #ACC8EC;
	line-height: 0.875;
	font-weight: 600;
	flex-shrink: 0;
	flex-basis: 50px;
	letter-spacing: -0.02em;
	margin-bottom: 15px;
}
.process-image {
	flex-basis: 180px;
}
.process-icon {
	position: relative;
	padding-bottom: 100%;
}
.process-icon img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.process-body {
	margin-top: 15px;
	color: #666666;
	line-height: 1.5;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
}

.process-body p {
	margin: 0;
}

@media(max-width: 1203.98px) {
	.process {
		gap: 16px;
	}
	.process-item {
		flex-basis: calc( (100% - 16px * 2) / 3 );
	}
}

@media(max-width: 767.98px) {
	.process {
		text-align: center;
		display: block;
	}
	.process-header {
		flex-direction: column-reverse;
		align-items: center;
	}
	.process-image {
		width: 180px;
		margin-bottom: -28px;
	}
	.process-item:not(:last-child) {
		margin-bottom: 24px;
	}
	.process-body {
		font-size: 16px;
	}
	.process-number {
		margin-bottom: 0;
		flex-basis: auto;
	}
}


.about {
}
.about-row {
	display: flex;
	gap: 16px;
}
.about-row:not(:last-child) {
	margin-bottom: 16px;
}
.about-content {
	background-color: #ACC8ED;
	border-radius: 16px;
	color: #121212;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
	padding: 32px;
	box-sizing: border-box;
}
.about-text {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.02em;
	max-width: 600px;
}
.about-bottom {
	text-align: right;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: #F5F5F5;
}

.about-bottom span {
	color: #F97932;
}


.about-media {
	flex-basis: 296px;
	flex-shrink: 0;
	background-color: #F5F5F5;
	border-radius: 16px;
}
.about-image {
	position: relative;
	padding-bottom: 100%;
}

.about-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	z-index: 2;
}

@media(max-width: 767.98px) {
	.about-content {
		text-align: center;
		padding: 24px 16px;
	}
	.about-text {
		max-width: 100%;
		font-size: 16px;
	}
	.about-bottom {
		text-align: center;
		margin-top: 20px;
		font-size: 26px;
	}
	.about-media {
		display: none;
	}

	.about-content .about-image img {
		width: 190px;
		height: 190px;
		position: static;
	}
	.about-content .about-image {
		padding: 24px 0 0;
		position: static;		
	}

	.about-row-alt .about-content {
		background-color: #F5F5F5;
	}
	.about-row-alt .about-bottom {
		color: #121212;
	}

}

@media(min-width: 768px) {
	.about-content .about-image {
		display: none;
	}
}


.animated-text {
	font-size: 60px;
	font-weight: 500;
	color: #B4B4B4;
	white-space: pre;
	line-height: 0.867;
	letter-spacing: -0.02em;
}

.animated-text .black {
	color: #000;
}

.animated-text i {
	font-style: normal;
}

.animated-text i:not(.visible) {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}



@media(max-width: 1100px) {
	.animated-text {
		font-size: 5.5vw;
	}
}

@media(max-width: 767.98px) {
	.animated-text {
		font-size: 7vw;
	}	
}



.popup .section-col.section-col-bg {
	color: #000;
}



@media(min-width: 1024px) {


	.empathic-blog-single {
		margin-top: -200px;
	}

	body.single .section-header {
		margin-bottom: 40px;
	}
}



.blog-single-content {
	column-count: 1;
}


.blog-single-content .wp-block-columns h2:first-child {
	margin-top: 0;
}




.section-main-home {
	margin-bottom: 40px;
}

.section-animated-text {
	margin-top: 80px;
	margin-bottom: 80px;
}


.section.section-clients {
	margin-top: 40px;
	margin-bottom: 40px;
}
.clients {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
.clients-left {
	flex-basis: 250px;
	line-height: 1.5;
	font-weight: 500;
	flex-shrink: 0;
}
.clients-title {
	font-size: 24px;
	color: #121212;
	margin-bottom: 8px;
}
.clients-text {
	color: #666666;
	font-size: 14px;
}

.clients-text span {
	white-space: nowrap;
}

.clients-logos {
	flex-grow: 1;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;

}


.clients-logos img {
	max-height: 35px;
}

@media(max-width: 767.98px) {
	.clients-left {
		flex-basis: 100%;
	}
	.clients {
		flex-wrap: wrap;
	}

	.clients-logos {
		justify-content: center;
		gap: 24px;
	}
}


.button.button-solid {
	background-color: #111111;
	border-color: #111111;
	color: #fff;
}



.header-inner {
	background-color: #FFFFFF;
	border-radius: 16px;
	padding-left: 32px;
	padding-right: 32px;
}

.menu-list {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
}

.menu-list a {
	color: #666666;
}

.header-links-item {
	font-size: 20px;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 1px;
}


.ticker {
  width: 100%;
  overflow: hidden;
  background-color: #F97932;
  color: #F5F5F5;
}

.ticker-track {
  display: flex;
  width: max-content;
  animation: ticker-scroll 20s linear infinite;

  min-height: 40px;
  
  align-items: center;
  
  font-size: 16px;
  font-weight: 500;
}

.ticker-group {
  flex: 0 0 auto;
  white-space: nowrap;
}

.ticker-group span {
  display: inline-block;
}


@keyframes ticker-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-2050px);
  }
}


.section-header {
	margin-bottom: 62px;
}
.section-header.section-header-bg {
	margin-bottom: 16px;
}








.studio {
	text-align: center;
}
.studio-headline {
	font-size: 40px;
	font-weight: 500;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	line-height: 0.875;
	letter-spacing: -0.02em;

}

.studio-headline a {
	color: #F97932;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-skip-ink: none;
	text-underline-offset: 3px;
}

.studio-notice {
	margin-top: 40px;
	font-size: 20px;
	color: #666666;
}



.section.section-main .section-col.section-col-image {
	  flex-basis: calc((100% - 16px) / 2);
}


.section.section-main .section-title {
	position: relative;
	z-index: 2;
}

.section.section-main .section-title span {
	color: #F97932;
	position: relative;
	white-space: nowrap;
}

.section.section-main .section-title span::after {
	content: '';
	display: block;
	background-color: #F1F1F1;
	border-radius: 9px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% + 8px );
	height: 100%;
	z-index: -1;	

}


.section-col-image {
	display: flex;
}

.section-title.section-title-main {
	margin-bottom: 16px;
}

.section.section-main .section-col.section-bg-gradient .section-text {
	font-size: 18px;
}


.section.section-main .section-col.section-bg-gradient.section-bg-image {
	background: url(../images/hero-content-bg.jpg) center / cover no-repeat;
}


.header-links {
	display: flex;
	align-items: center;
	gap: 32px;
}

.header-links-item svg {
	display: block;
}


.crm-features-title span {
	color: #ADADAD;
}


.hero-image-ratio {
	position: relative;
	width: 100%;
	padding-bottom: 119%;
}

.hero-image-ratio img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}


.crm-features-image {
	max-width: 277px;
	border-radius: 12px;
	overflow: hidden;
}

.crm-features-image img {
	max-width: 100%;
}







.biography {
	background: linear-gradient(135deg, rgb(172, 200, 237) 0%, rgb(220, 220, 220) 25%, rgb(249, 121, 50) 100%);
	border-radius: 24px;
	padding: 32px;

	display: flex;
	justify-content: space-between;

	gap: 98px;
}
.biography-person {
	display: flex;
	align-items: flex-end;
}
.biography-photo {
	flex-shrink: 0;
	order: 1;
	margin-left: -60px;
}

.biography-photo img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	border-radius: 50%;
}

.biography-name {
	font-size: 16px;
	font-weight: 600;
	color: #121212;
	background-color: #D9E4F3;
	padding: 8px 16px;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 200px;
	white-space: nowrap;
	position: relative;
	z-index: 2;
}
.biography-content {
	background-color: #F5F5F5;
	color: #666666;
	font-size: 18px;
	line-height: 1.56;
	padding: 32px;
	border-radius: 20px;
	box-sizing: border-box;
	margin-bottom: 80px;
	position: relative;

}
.biography-content::before {
	content: '';
	display: block;
	border: 19px solid transparent; 
	border-right: 22px solid #F5F5F5;
	position: absolute;
	left: -39px;
	bottom: 24px;

}


.biography-content p {
	margin: 0;
}

.biography-content p:not(:last-child) {
	margin-bottom: 24px;
}




.grid-gallery {
	overflow: hidden;
}

.grid-gallery-row {
	display: flex;
	gap: 16px;
}

.grid-gallery-row:not(:first-child) {
	margin-top: 16px;
}

.grid-gallery-col {
	flex-basis: 21%;
	flex-grow: 1;
}
.grid-gallery-item {
	padding-bottom: 133%;
	position: relative;
}


.grid-gallery-item img {
	border-radius: 16px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.grid-gallery-col.grid-gallery-col-2 {
	flex-basis: 16%;
}


.grid-gallery-grid {
	display: grid;
	grid-template-columns: repeat(14, 1fr);
	grid-template-rows: 30% 1fr 37%;
	gap: 16px;
	aspect-ratio: 1074 / 288;

/*	 grid-auto-flow: row;*/
}

.grid-gallery-grid-alt {
	display: grid;
	grid-template-columns: 15fr 10fr 13fr 10fr 14fr;
	grid-template-rows: 1fr;
	gap: 16px;	
	margin-top: 16px;
	aspect-ratio: 1074 / 209;
}

.grid-gallery-grid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
	display: block;
	min-width: 0;
	min-height: 0;
}
.grid-gallery-grid-alt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
	display: block;
	min-width: 0;
	min-height: 0;
}

.grid-gallery-grid .grid-column-span-2 {
	grid-column: span 2;
}

.grid-gallery-grid .grid-column-span-3 {
	grid-column: span 3;
}

.grid-gallery-grid .grid-row-span-2 {
	grid-row: span 2;
}
.grid-gallery-grid .grid-row-span-3 {
	grid-row: span 3;
}



.grid-gallery-grid-alt .grid-column-span-2 {
	grid-column: span 2;
}

.grid-gallery-grid-alt .grid-column-span-3 {
	grid-column: span 3;
}

.grid-gallery-grid-alt .grid-row-span-2 {
	grid-row: span 2;
}
.grid-gallery-grid-alt .grid-row-span-3 {
	grid-row: span 3;
}



.section-contacts .section-col-bg {
	color: #000;
}

.section-contacts .section-col {
	padding-top: 110px;
	padding-bottom: 110px;
}

.section-contacts-text {
	text-align: center;
	font-size: 32px;
	font-weight: 500;
	color: #121212;
	line-height: 1.09;
	letter-spacing: -0.02em;
	position: relative;
	z-index: 2;
}

.section-contacts-text p {
	margin: 0;
}

.section-contacts-text p:not(:first-child) {
	margin-top: 24px;
}


.section-contacts-text p span {
	position: relative;
	white-space: nowrap;
}

.section-contacts-text p span::after {
  content: '';
  display: block;
  background-color: #F1F1F1;
  border-radius: 9px;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 8px);
  height: calc(100% - 5px);
  z-index: -1;
  
}




.section-contacts-text-color {
	color: #F97932;

}


.section-contacts-list {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	font-size: 20px;
	font-weight: 500;

}

.section-contacts-list li:not(:last-child) {
	margin-bottom: 16px;
}


.section-contacts-list a {
	text-decoration: underline;
	color: #666666;

}

.section-contacts-image {
	margin-top: 16px;
	text-align: center;
	margin-bottom: -40px;
}

.section-contacts-image img {
	text-align: center;
	max-width: 100%;
	height: auto;
}


.section-header-right {
	text-align: right;
}



.section-posting .section-header {
	margin-bottom: 32px;
}

.section-posting .section-title {
	font-size: 32px;
}

.section-posting .section-text {
	color: #666666;
	font-size: 20px;
}

.section-header .section-text:not(:first-child) {
	margin-top: 16px;
}

.section-posting-vc {
}
.section-posting-vc-image img {
	max-width: 100%;
	height: auto;
	border-radius: 16px;
}
.section-posting-link {
	margin-top: 16px;
}

.section-posting-link a {
	color: #F97932;
	font-size: 20px;
	font-weight: 500;
}


.midjourney-grid {
	display: grid;
	grid-template-columns: [col-start] 1fr [col-line2] 1fr;
	grid-template-rows: [row-start] 1fr [row-line-2] 1fr [row-line-3] 1fr;
	gap: 16px;

	overflow: hidden;
	aspect-ratio: 526 / 542;
}

.midjourney-grid img {
	max-width: 100%;
	height: auto;
	border-radius: 16px;
	object-fit: cover;
}

.midjourney-grid img.grid-row-span-2 {
	grid-row: span 2;
	height: 100%;
}




.header-toggle {
	display: none !important;
}






.footer-center-text {
	font-size: 32px;
	font-weight: 600;
	margin-left: auto;
	margin-right: auto;
	max-width: 732px;
	text-align: center;
	margin-top: 32px;
}


.bottom-button {
	margin-bottom: 16px;
}


@media(max-width: 1023.98px) {
	.menu {
		display: block !important;
	}



	.studio-headline {
		font-size: 30px;
	}
}

@media(max-width: 767.98px) {
	.header-links .header-links-item.enter {
		display: none;
	}

	.section.section-main .section-col.section-bg-gradient.section-bg-image {
		padding-left: 16px;
		padding-right: 16px;
	}


	.hero-image-ratio {
		position: static;
		padding: 0;

	}

	.studio-headline {
		font-size: 24px;
	}
	.studio-notice {
		margin-top: 16px;
		font-size: 16px;
	}


	.crm-features-image {
		max-width: 100%;
	}



	.biography {
		display: block;
		background: none;
		padding: 0;
	}

	.biography-person {
		margin-bottom: 32px;
	}

	.biography-person > .biography-name {
		display: none;
	}


	.biography-photo {
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	.biography-photo .biography-name {
		position: absolute;
		bottom: 0;
		left: 0;
		transform: translateX(-50%);
	}

	.biography-content {
		text-align: center;
		padding-left: 16px;
		padding-right: 16px;
		background: #ffffff;
	}


	.biography-content::before {
		bottom: auto;
		top: -35px;
		left: auto;
		right: 32px;
		transform: rotate(90deg);
		border-right: 22px solid #fff;
	}

	.grid-gallery-grid {
		gap: 4px;
	}
	.grid-gallery-grid img {
		border-radius: 8px;
	}

	.grid-gallery-grid-alt {
		gap: 4px;
		margin-top: 4px;
	}

	.grid-gallery-grid-alt img {
		border-radius: 8px;
	}

	.section-title {
		text-align: center;
	}

	.section-contacts .section-col {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-contacts .section-col-bg {
		border-radius: 16px 16px 0 0;
		margin-bottom: 0;
	}

	.section-contacts .section-col-bg-white {
		border-radius: 0 0 16px 16px;
		padding-bottom: 0;
	}

	.section-contacts-image {
		margin-bottom: 0;
		display: flex;
		justify-content: center;
	}
	.section-contacts-text {
		font-size: 24px;
	}
	.midjourney-grid {
		gap: 8px;
	}

	.section-posting-vc {
		margin-bottom: 64px;
	}
	.section-posting .section-text {
		text-align: center;
	}
	.footer-center-text {
		font-size: 24px;
		margin-top: 24px;
	}

	.header-inner {
		padding-left: 16px;
		padding-right: 16px;
	}
}


@media(min-width: 768px) {
	.biography-photo > .biography-name {
		display: none;
	}	
}


.wrapper {
	overflow: hidden;
}