/*!
Theme Name: Creamel Theme
Theme URI: http://underscores.me/
Author: Serhii Ivanov
Author URI: http://koyot.info
Description: Serhii Ivanov - Web Developer
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: creamel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Arbat Homes is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;800&display=swap');
html {line-height: 1.15;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}
/* Sections	 ========================================================================== */
body {margin: 0;}
main {display: block;}
/* Grouping content	 ========================================================================== */
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1em;}
/* Text-level semantics	 ========================================================================== */
a {background-color: transparent;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
.bold, .strong, b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
/* Embedded content	 ========================================================================== */
img {border-style: none;}
/* Forms 	 ========================================================================== */
button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
/* Interactive	 ========================================================================== */
details {display: block;}
summary {display: list-item;}
/* Misc	 ========================================================================== */
template {display: none;}
[hidden] {display: none;}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {color: #040000;font-family: 'Manrope', sans-serif;font-size: 16px;line-height: 1.875;font-weight: 500;letter-spacing: 0.05em;position: relative;}
h1, h2, h3, h4, h5, h6 {clear: both;font-weight: 800;color: #0B0B0B;}
h1 {font-size: 160px;line-height: 120px;text-transform: none;}
h2, .title-section {font-size: 84px;line-height: 1.4;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.25rem;}
p {margin-bottom: 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-family: "Courier 10 Pitch", courier, monospace;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code, kbd, tt, var {font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 0.9375rem;}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
mark, ins {background: transparent;text-decoration: none;color: red;}
big {font-size: 125%;}

code {
	position: relative;
	display: flex;
    flex-wrap: wrap;
	margin: 48px 0 24px;
    padding-left: 16px;
    border-left: 5px solid #3a32e9;
    white-space: normal;
    word-break: break-word;
}

code::before {
	content: "Код";
    color: rgb(58, 50, 233);
    position: absolute;
    top: -36px;
	left: 21px;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
*, *::before, *::after {box-sizing: border-box;}
html {box-sizing: border-box;}
body {background: #F4F3F1;}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul, ol {margin: 0 0 1.5em 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul, li > ol {margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto;max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em;width: 100%;}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.woof_submit_search_form, .r-btn, input[type="button"], input[type="reset"], input[type="submit"] {border: 0;border-radius: 12px;color: #fff!important;font-size: 16px;line-height: 1.875;font-weight: 800;letter-spacing: 0.05em;padding: 19px 35px;box-shadow: none!important;position: relative;transition: .4s ease;display: inline-flex;align-items: center;justify-content: center;text-decoration: none!important;outline: 0!important;text-transform: none;cursor: pointer;min-width: 240px;background: #004dff!important;}
.r-btn:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background: #F8214C !important; box-shadow: 0px 25px 30px -18px rgba(255, 59, 98, 0.7)!important;transform: translateY(-8px);}
.r-btn:active, .y_btn:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {background: linear-gradient(273.86deg, #FF5A7B -6.62%, #F9214C 100%)!important;box-shadow: 0px 25px 30px -18px rgba(255, 59, 98, 0.7)!important;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {color: #040000;border: none;border-radius: 12px;padding: 19px 31px;outline: 0!important;font-size: 16px;width: 100%;background: #F4F3F1;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #040000;}
select {border: 1px solid #818181;}
textarea {width: 100%;}

input[type="text"]::placeholder, 
input[type="email"]::placeholder, 
input[type="url"]::placeholder, 
input[type="password"]::placeholder, 
input[type="search"]::placeholder, 
input[type="number"]::placeholder, 
input[type="tel"]::placeholder, 
input[type="range"]::placeholder, 
input[type="date"]::placeholder, 
input[type="month"]::placeholder, 
input[type="week"]::placeholder, 
input[type="time"]::placeholder, 
input[type="datetime"]::placeholder, 
input[type="datetime-local"]::placeholder, 
input[type="color"]::placeholder, 
textarea::placeholder {
	color: #CBCBCB;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color: #040000;outline: 0!important;box-shadow: none;transition: .4s ease;text-decoration:none!important;}
a:visited {color: #040000;}
a:hover, a:focus, a:active {color: #787878;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	width: 75%;
}

.menu-main-menu-container {
	position: relative;
	height: 100%;
}

ul.menu, ul.sub-menu {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

ul.sub-menu ul.sub-menu {
	padding-left: 16px;
}

.main-navigation .menu {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100%;
}

.main-navigation .menu > li > a {
	display: inline-block;
	font-size: 64px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 24px;
}

.main-navigation .menu > li > a:hover {
	color: #FFE500;
}

.main-navigation .menu > li {
	width: 50%;
}

.main-navigation .menu .menu-item-has-children > a {
	margin-bottom: 24px;
}

.main-navigation .sub-menu .menu-item-has-children > a {
	margin-bottom: 0;
}

.main-navigation .menu .menu-item-has-children {
	white-space: nowrap;
}

.main-navigation .menu-item-has-children > span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 48px;
	border-right: 3px solid #FF3B62;
	border-bottom: 3px solid #FF3B62;
	transform: translatey(-50%) rotate(45deg);
	transition: .4s ease;
	cursor: pointer;
}

.main-navigation .sub-menu .menu-item-has-children > span {
	margin-bottom: -8px;
}

.main-navigation .menu-item-has-children > span.hide {
	transform: rotate(-135deg);
}

.main-navigation #menu-item-558 > a {
	cursor: default;
}

.main-navigation #menu-item-558 > a:hover {
	color: #fff;
}

.header-bottom > .sub-menu {
	visibility: visible;
	opacity: 1;
	padding-bottom: 48px;
	transition: .4s ease;
}

.header-bottom .sub-menu.hide {
	visibility: hidden;
	opacity: 0;
	max-height: 0;
}

.header-bottom .sub-menu a {
	display: inline-block;
	padding: 8px 0;
	color: #fff;
}

.header-bottom .sub-menu a:hover {
	color: #FFE500;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}
#primary[tabindex="-1"]:focus {outline: 0;}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {float: left;margin-right: 1.5em;margin-bottom: 1.5em;}
.alignright {float: right;margin-left: 1.5em;margin-bottom: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom: 1.5em;}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {display: block;}
.post, .page {margin: 0 0 1.5em;}
.updated:not(.published) {display: none;}
.page-content, .entry-content, .entry-summary {margin: 1.5em 0 0;}
.page-links {clear: both;margin: 0 0 1.5em;}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {display: none;}
.infinity-end.neverending .site-footer {display: block;}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}
embed, iframe, object {max-width: 100%;}
.custom-logo-link {display: inline-block;}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;display: grid;grid-gap: 1.5em;}
.gallery-item {display: inline-block;text-align: center;width: 100%;}
.gallery-columns-2 {grid-template-columns: repeat(2, 1fr);}
.gallery-columns-3 {grid-template-columns: repeat(3, 1fr);}
.gallery-columns-4 {grid-template-columns: repeat(4, 1fr);}
.gallery-columns-5 {grid-template-columns: repeat(5, 1fr);}
.gallery-columns-6 {grid-template-columns: repeat(6, 1fr);}
.gallery-columns-7 {grid-template-columns: repeat(7, 1fr);}
.gallery-columns-8 {grid-template-columns: repeat(8, 1fr);}
.gallery-columns-9 {grid-template-columns: repeat(9, 1fr);}
.gallery-caption {display: block;}

/* ################### */
#wp-auth-check-wrap #wp-auth-check {background: #000;}
body.page {margin:0;overflow-x:hidden;}
#page {min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between;}
#content {flex: 1;}
.entry-content ul {margin: 0 0 1.5em 20px;padding: 0;list-style: none;}
.entry-content ul li {padding: 5px 0;position: relative;}
.entry-content ul li:before {content: "";width: 8px;height: 8px;border-radius: 8px;background: #004284;top: 12px;left: -15px;position: absolute;}
#breadcrumbs {position: relative;z-index: 1;}
.tdu {text-decoration: underline!important;}
.ttu {text-transform: uppercase!important;}

.icon-phone {width: 20px;height: 20px;background: url('img/icon_phone.svg') no-repeat center;background-size:cover;}
.icon-wa {width: 20px;height: 20px;background: url('../images/whatsapp_1.svg') center/cover no-repeat;}
.icon-tg {width: 20px;height: 20px;background: url('../images/telegram_1.svg') center/cover no-repeat;}
.icon-tg--blue {background: url('../images/telegram--blue.svg') center/cover no-repeat;}
.icon-vk {width: 24px;height: 24px;background: url('../images/vk--blue.svg') center/cover no-repeat;}
.icon-arrow {width: 49px;height: 49px;}
.icon-arrow--white {background: url('../images/icon-arrow--white.svg') center/cover no-repeat;}
.icon-arrow--blue {background: url('../images/icon-arrow--blue.svg') center/cover no-repeat;}
.icon-arrow--purple {background: url('../images/icon-arrow--purple.svg') center/cover no-repeat;}
.icon-arrow--yellow {background: url('../images/icon-arrow--yellow.svg') center/cover no-repeat;}
.icon-time {width: 24px;height: 24px;background: url('../images/icon-time.svg') center/cover no-repeat;}
.icon-calendar {width: 24px;height: 24px;background: url('../images/icon-calendar.svg') center/cover no-repeat;}
.icon-visibility {width: 24px;height: 24px;background: url('../images/icon-visibility.svg') center/cover no-repeat;}

.pt-96 {padding-top: 96px;}
.pb-96 {padding-bottom: 96px;}
.ptb-96 {padding: 96px 0;}

.pt-130 {padding-top: 130px;}
.pb-130 {padding-bottom: 130px;}
.ptb-130 {padding: 130px 0;}

.text-yellow, a.text-yellow:visited {color: #FFE500;}
a.text-yellow:hover {color: #fff;}
.text-red, a.text-red:visited {color: #FF3B62;}
a.text-red:hover {color: #0B0B0B;}
.text-blue, a.text-blue:visited {color: #0500FF;}
a.text-blue:hover {color: #0B0B0B;}

.text-marker {background: rgba(255, 229, 0, 0.2);border-radius: 2px;}
.text-marker--red {background: #ff3b62;border-radius: 30px;}
.text-marker--yellow {background: #FFE500;border-radius: 30px;}
.text-marker--purple {background: #9D3BFF;border-radius: 30px;}

.of-con {object-fit: contain;}
.of-cov {object-fit: cover;}

.grecaptcha-badge {opacity: 0;visibility: hidden;}

/* Header */

.header {
	position: sticky;
	top: 0;
	z-index: 99;
	background: transparent;
	transition: .3s ease;
}

.header.fix {
	background: #F4F3F1;
}

.header-top {
	padding: 36px 0;
}

.header .custom-logo-link img {
	max-height: 45px;
}

.header.active .custom-logo-link img,
.header.active .custom-logo-link--mobile img {
	position: relative;
    z-index: 99;
    filter: brightness(100);
}

.contacts-online-wrapper {
	display: flex;
	flex-direction: column;
}

.online-now {
	position: relative;
	margin: 0 48px 0 auto;
	padding-left: 12px;
	font-size: 12px;
}

.online-now::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translatey(-50%);
	width: 8px;
	height: 8px;
	background: #2CC54E;
	border-radius: 50%;
	
	animation-name: flashing;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.contact-wa {
	margin-right: 12px;
}

.contact-phone {
	margin-right: 48px;
}

.contact-tg {
	display: flex;
	align-items: center;
	font-weight: 800;
}

.contact-tg .icon-tg {
	margin-right: 16px;
}

.header__menu-button {
	position: relative;
	width: 28px;
	height: 30px;
	background: url('../images/fingerprint.svg') center/cover no-repeat;
	margin-right: 14px;
	margin-left: 39px;
	z-index: 99;
	cursor: pointer;
}

.header__menu-button:hover {
	background: url('../images/fingerprint--blue.svg') center/cover no-repeat;
}

.header.active .header__menu-button {
	filter: brightness(100);
}

.header-bottom {
	position: fixed;
	top: -200%;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #0500FF;
	opacity: 0;
	visibility: hidden;
	transition: .6s ease;
	z-index: 98;
}

.header.active .header-bottom {
	top: 0;
	opacity: 1;
	visibility: visible;
	transition: .6s ease;
}

.header-bottom__wrapper {
	display: flex;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: 70%;
}

.header-bottom .socials {
	top: auto;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 25%;
	height: 24px;

}

.header-bottom .socials__wrapper {
	position: relative;
	top: auto;
	transform: none;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 0;
}

.header-bottom__portfolio {
	position: relative;
	width: 25%;
}

.header-bottom__portfolio .link {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 80%;
	padding: 30% 20% 20%;
	background: #FFFFFF;
	border-radius: 30px;
}

.header-bottom__portfolio .portfolio__eye {
	width: 100%;
}

.header-bottom__portfolio .portfolio__eye img {
	width: 100%;
	filter: brightness(0);
}

.header-bottom__portfolio .bottom {
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: 800;
	color: #0500FF;
}

.socials {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 100%;
	z-index: 9;
}

.page-id-3200 .socials { /* dogovor-1 page */
	display: none;
}

.socials__wrapper {
	position: sticky;
	top: 50vh;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	margin-left: 1vw;
}

.socials .link {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
}

.socials .link:last-child {
	margin-bottom: 0 !important;
}

.socials img {
	position: absolute;
	top: 0;
	left: 0;
	transition: .4s ease;
}

.socials img.hover {
	opacity: 0;
	visibility: hidden;
}

.socials .link:hover img:not(.hover) {
	opacity: 0;
	visibility: hidden;
}

.socials .link:hover img.hover {
	opacity: 1;
	visibility: visible;
}

.brief {
	position: relative;
}

.brief__label {
	margin-right: 48px;
	font-weight: 800;
	cursor: pointer;
}

.brief__menu {
	position: absolute;
	top: calc(100% + 24px);
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: .4s ease;
}

.brief__menu.show {
	opacity: 1;
	visibility: visible;
	transition: .4s ease;
}

.brief .menu {
	min-width: 275px;
	padding-bottom: 6px;
	background: #FFFFFF;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.brief .menu-item a {
	display: block;
	padding: 24px 48px;
	white-space: nowrap;
}

.brief .menu-item a:hover {
	color: #FF3B62;
	background: #F4F3F1;
	border-radius: 30px;
}

.language {
	margin-right: 72px;
}

.menu-item-1694,
.menu-item-1695 {
	position: relative;
}

.menu-item-1694::after,
.menu-item-1695::after {
	content: '';
	position: absolute;
	right: -23px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url('../images/icon-chevrone-down.svg') center/cover no-repeat;
	cursor: pointer;
}

.menu-item-1694 .sub-menu,
.menu-item-1695 .sub-menu {
	position: absolute;
	top: calc(100% + 24px);
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: .4s ease;

	background: #FFFFFF;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.menu-item-1694 .sub-menu.show,
.menu-item-1695 .sub-menu.show {
	opacity: 1;
	visibility: visible;
	transition: .4s ease;
}

.menu-item-1694 .sub-menu a,
.menu-item-1695 .sub-menu a {
	display: block;
	padding: 8px 16px;
}

.menu-item-1694 .sub-menu a:hover,
.menu-item-1695 .sub-menu a:hover {
	color: #FF3B62;
	background: #F4F3F1;
	border-radius: 30px;
}

/* Footer */

.site-footer {
	padding-top: 24px;
}

.site-footer .custom-logo-link img {
	max-height: 45px;
}

.site-footer .block-title {
	font-weight: 800;
	margin-bottom: 24px;
}

.site-footer .menu {
	padding-left: 0;
	margin-bottom: 0;
}

.site-footer .menu-item {
	padding: 9px 0;
}

.contacts-block a {
	display: block;
	padding: 9px 0;
}

.messengers {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.messengers__btn {
	max-width: 100%;
	width: 300px;
}

.messengers__btn:nth-child(1) {
	background: #0B7BFF !important;
}

.messengers__btn:nth-child(1):hover {
	background: #006EEF !important;
	box-shadow: 0px 25px 30px -18px rgba(11, 123, 255, 0.7) !important;
}

.messengers__btn:nth-child(2) {
	background: #804ea1 !important;
}

.messengers__btn:nth-child(2):hover {
	background: #20BF43 !important;
	box-shadow: 0px 25px 30px -18px rgba(44, 197, 78, 0.7) !important;
}

.messengers__name {
	margin-left: 16px;
	white-space: nowrap;
}

.whatsappme__button {
	position: fixed;
    z-index: 110;
    bottom: 30px;
    right: 30px;
    height: 60px;
    min-width: 60px;
    max-width: 95vw;
    background-color: #6f42c1;
    color: #fff;
    border-radius: 30px;
    box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
    cursor: pointer;
	transition: 0.3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
}

.whatsappme__button a {
	height: 32px;
}

.whatsappme__button i {
	font-size: 32px;
    color: #fff;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}


.whatsappme__button .telegram {
	display: none;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.whatsappme__button:hover .wa {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.whatsappme__button:hover .telegram {
	display: block;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

/* Front-page */

/* Main-screen section */

body.home #content {
	margin-top: -140px;
}

#main-screen {
	position: relative;
	/* min-height: 100vh; */
	background: #F4F3F1;
	overflow: hidden;
}

#main-screen .container {
	position: relative;
	z-index: 1;
}

.main-screen__wrapper {
	position: relative;
	margin-top: 205px;
	margin-bottom: 115px;
	padding-top: 82px;
	padding-bottom: 146px;
	border-radius: 30px;
}

.main-screen__wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	opacity: .6;
	border-radius: 30px;
}

.main-screen__content {
	position: relative;
	padding-left: 137px;
	width: 800px;
}

.main-screen__title {
	font-size: 96px;
	line-height: 1.05;
}

.main-screen__photo {
	position: absolute;
	bottom: 0;
	/* top: 137px; */
	right: calc((100vw - 1350px)/2);
	/* max-height: calc(100vh - 137px); */
	z-index: 2;
}

.main-screen__photo img {
	width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-screen__spot-one {
	position: absolute;
	right: 0;
	top: 50%;
	width: 25vw;
	height: 25vw;
	background: rgba(245, 116, 183, 0.5);
	filter: blur(150px);
	transform: rotate(30deg);
	animation-name: moving-one;
	animation-duration: 20s;
	animation-iteration-count: infinite;
}

.main-screen__spot-two {
	position: absolute;
	right: 0;
	top: calc(100% - 35vw);
	width: 25vw;
	height: 25vw;
	background: #7677E0;
	opacity: 0.5;
	filter: blur(180px);
	transform: rotate(30deg);
	animation-name: moving-two;
	animation-duration: 20s;
	animation-iteration-count: infinite;
}

/* Sites section */

#sites {
	position: relative;
	min-height: 100vh;
	padding-top: 15vh;
	padding-bottom: 20vh;
	background: #004dff;
}

#sites .title-section {
	position: relative;
	display: inline;
	font-size: 350px;
	line-height: 1;
	color: #fff;
}

#sites .title-section::after {
	content: '';
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 60%;
	background: #fff;
	animation-name: title-cursor;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

.sites__content {
	max-width: 387px;
	margin-left: auto;
}

.sites__text {
	color: #fff;
}

a.sites__link {
	display: flex;
    align-items: flex-end;
	justify-content: space-between;
	font-weight: 800;
	color: #fff;
}

a.sites__link:hover {
	color: #FFE500;
}

.sites__link:hover .icon-arrow {
	animation-name: arrow-up-down;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0, 0.55, 0.62, 1.25);
}

/* Promotion section */

#promotion {
	position: relative;
	min-height: 100vh;
	padding-top: 25vh;
	padding-bottom: 22vh;
	background: #b4b4b4;
}

#promotion .title-section {
	font-size: 140px;
	line-height: 1;
	color: #004dff;
}

.promotion__wrapper {
	display: flex;
	height: 100%;
	padding-left: 110px;
	background: #004dff;
	border-radius: 30px;
}

.promotion__content {
	margin: auto 0;
	color: #fff;
}

.promotion__btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding: 88px;
	font-weight: 800;
	background: #FFFFFF;
	box-shadow: -7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.promotion__btn:hover {
	color: #0500FF;
}

.promotion__btn:hover .icon-arrow {
	animation-name: arrow-up-down;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0, 0.55, 0.62, 1.25);
}

.promotion__bricks {
	position: absolute;
	top: 20vh;
	left: 0;
	width: 25%;
	overflow: hidden;
}

.bricks-line {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 48px;
	overflow: hidden;
	/* animation: brick-running 6s infinite linear; */
}

.bricks-line--one {
	animation: brick-running 3s infinite linear;
}

.bricks-line--two {
	animation: brick-running 4s infinite 1s linear;
}

.bricks-line--three {
	animation: brick-running 2s infinite 2s linear;
}

.brick {
	min-width: 118px;
	height: 40px;
	background: #004dff;
	margin-left: 40px;
	/* animation: brick-running 3s infinite linear; */
}

.brick--long {
	min-width: 387px;
	margin-left: 30px;
	/* animation: brick-running 9s infinite linear; */
}

/* Design section */

#design {
	min-height: 100vh;
	padding: 25vh 0;
	background: #fff;
}

#design .title-section {
	font-size: 300px;
	line-height: 1.2;
	text-align: center;
}

.design-title-effect {
	display: inline-block;
	position: relative;
	top: 96px;
	color: #0500FF;
	transform: rotate(180deg);
}

.design__text {
	text-align: center;
}

a.design__link {
	display: block;
	text-align: center;
	font-weight: 800;
	color: #0500FF;
}

a.design__link:hover {
	color: #0B0B0B;
}

/* Advertising section */

#advertising {
	min-height: 100vh;
	padding: 25vh 0;
	background: #040000;
	overflow: hidden;
}

#advertising .title-section {
	display: flex;
	height: 260px;
	font-size: 134px;
	line-height: 1.2;
	padding-bottom: 140px;
	color: #fff;
	position: relative;
}

/* #advertising .title-section div {
	display: flex;
	justify-content: space-around;
	position: absolute;
	width: 100%;
	left: 100%;
} */

/* #advertising .title-section div:nth-child(1) {
	animation: text-running 12s infinite linear;
}

#advertising .title-section div:nth-child(2) {
	animation: text-running 12s infinite 3s linear;
}

#advertising .title-section div:nth-child(3) {
	animation: text-running 12s infinite 6s linear;
}

#advertising .title-section div:nth-child(4) {
	animation: text-running 12s infinite 9s linear;
} */

#advertising .marquee {
	position: relative;
	width: 100vw;
	max-width: 100%;
	height: 200px;
	overflow-x: hidden;
}

#advertising .track {
	position: absolute;
	white-space: nowrap;
	will-change: transform;
	animation: marquee 8s linear infinite;
}

#advertising .title-section span {
	padding: 0 24px;
}

.advertising__btn-wrapper {
	display: flex;
	justify-content: center;
}

a.advertising__btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 387px;
	padding: 88px;
	font-weight: 800;
	color: #FFE500;
	background: #101010;
	box-shadow: -7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.advertising__btn:hover {
	color: #fff;
}

.advertising__btn:hover .icon-arrow {
	animation-name: arrow-up-down;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0, 0.55, 0.62, 1.25);
}

/* About section */

#about {
	min-height: 100vh;
	padding: 10vh 0;
}

.media {
	height: 343px;
	background: #FFFFFF;
	border-radius: 30px;
}

.media__content {
	width: 67%;
	padding: 66px 108px 82px 113px;
}

.media__title {
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 30px;
}

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

.media__item {
	padding-right: 24px;
}

a.media__link {
	font-weight: 800;
	color: #FF3B62;
}

a.media__link:hover {
	color: #0B0B0B;
}

.media__img-wrapper {
	width: 33%;
	height: 100%;
}

.media__img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 30px 30px 0;
}

.interview {
	padding: 66px 318px 82px 113px;
	background: #fced23;
	border-radius: 30px;
}

.interview__title {
	margin-bottom: 36px;
	font-size: 24px;
	font-weight: 800;
	color: #3f3840;
}

.interview__list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 48px;
}

.interview__item {
	padding-right: 24px;
}

a.interview__link {
	font-weight: 800;
	color: #FFE500;
}

a.interview__link:hover {
	color: #fff;
}

.awards {
	display: flex;
	padding: 66px 95px 82px 113px;
	background: #0B0B0B;
	border-radius: 30px;
}

.awards__content {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.awards__title {
	font-size: 24px;
	font-weight: 800;
	color: #fff;
}

.awards__text {
	color: #787878;
}

a.awards__link {
	margin-top: auto;
	font-weight: 800;
	color: #0500FF;
}

a.awards__link:hover {
	color: #fff;
}

.awards__list {
	width: 50%;
}

.awards__list .item {
	height: 207px;
	padding: 0 12px;
}

.awards__list .item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* Portfolio section */

#portfolio {
	min-height: calc(100vh - 125px);
	padding: 15vh 0;
	background: #0500FF;
}

#portfolio .title-section {
	font-size: 200px;
	line-height: 1.25;
	color: #fff;
	padding-bottom: 150px;
}

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

a.portfolio__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 225px;
	font-weight: 800;
	color: #fff;
}

a.portfolio__link:hover {
	color: #FFE500;
}

.portfolio__link:hover .icon-arrow {
	animation-name: arrow-up-down;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0, 0.55, 0.62, 1.25);
}

/* #portfolio .portfolio__eye {
	width: 180px;
	height: 90px;
} */

#portfolio .portfolio__eye iframe {
	border: 0;
} 

/* Main-form section */

#main-form {
	position: relative;
	padding: 15vh 0;
	background: #F4F3F1;
}

#main-form .container {
	position: relative;
	z-index: 1;
}

.main-form__wrapper {
	padding: 124px 137px 117px;
	background: #FFFFFF;
	border-radius: 30px;
}

#main-form .title-section {
	font-size: 64px;
	line-height: 1.45;
}

#main-form .messengers {
	flex-direction: row;
	align-items: flex-start;
}

#main-form .messengers__link {
	display: flex;
}

#main-form .wpcf7-submit {
	width: 100%;
}

.wpcf7-spinner {
	display: none;
}

/* Breadcrumbs */

#breadcrumbs {
	color: #787878;
}

#breadcrumbs a {
	color: #FF3B62;
}

/* Single blog */

body.single-post #page {
	background: #F4F3F1;
}

#single-blog .title-main {
	font-size: 64px;
	line-height: 1.45;
}

.single-blog__info {
	display: flex;
	margin-bottom: 60px;
}

.single-blog__info > div {
	display: flex;
	margin-right: 72px;
}

.single-blog__info .wrapper {
	margin-left: 18px;
}

.single-blog__info .title {
	font-size: 12px;
	color: #787878;
	margin-bottom: 4px;
}

.single-blog__info .bottom {
	font-size: 12px;
}

.single-blog__epigraph {
	display: flex;
	padding: 24px 48px;
	margin-bottom: 48px;
	background: #FFFFFF;
	border-radius: 30px;
}

.single-blog__epigraph .photo {
	display: flex;
    align-items: flex-end;
	min-width: 72px;
	height: 72px;
	background: #FF3B62;
	border-radius: 50%;
}

.single-blog__epigraph .text {
	margin-left: 28px;
}

.single-blog__content h2 {
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 48px;
}

.single-blog__content ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}

.single-blog__content ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 16px;
}

.single-blog__content ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 6px;   
	color: #0500FF;
	font-weight: bold; 
}

.single-blog__content li ol > li {
	margin: 0;
}

.single-blog__content li ol > li:before {
	content: counters(item, ".") " ";
}

.text-interest {
	padding: 29px 43px;
	margin-bottom: 24px;
	background: rgba(5, 0, 255, 0.05);
	border-radius: 30px;
}

.text-alert {
	display: inline-block;
	position: relative;
	padding: 29px 83px;
	margin-bottom: 24px;
	background: rgb(255, 59, 98, 0.1);
	border-radius: 30px;
}

.text-alert::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 45px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url('../images/icon-alert.svg');
}

.text-good {
	position: relative;
	padding: 29px 83px;
	margin-bottom: 24px;
	background: rgb(24, 174, 0, 0.1);
	border-radius: 30px;
}

.text-good::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 45px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url('../images/icon-success.svg');
}

.text-plus {
	display: inline-block;
	position: relative;
	padding: 29px 83px;
	margin-bottom: 24px;
	background: rgb(24, 174, 0, 0.1);
	border-radius: 30px;
}

.text-plus::before {
	content: '';
	position: absolute;
	top: 32px;
	left: 45px;
	width: 24px;
	height: 24px;
	background: url('../images/icon-plus.svg');
}

.text-minus {
	display: inline-block;
	position: relative;
	padding: 29px 83px;
	margin-bottom: 24px;
	background: rgb(255, 59, 98, 0.1);
	border-radius: 30px;
}

.text-minus::before {
	content: '';
	position: absolute;
	top: 32px;
	left: 45px;
	width: 24px;
	height: 24px;
	background: url('../images/icon-minus.svg');
}

.single-blog__content img {
	max-height: 450px;
	margin: 48px 0;
	/* width: 100%;
	object-fit: cover; */
	border-radius: 30px;
}

.single-blog__rubrics {
	padding: 37px 50px;
	background: #FF3B62;
	border-radius: 30px;
}

.single-blog__rubrics .title {
	font-size: 18px;
	font-weight: 800;
	color: #fff;
}

.single-blog__rubrics .menu {
	padding-left: 0;
	margin-bottom: 0;
}

.single-blog__rubrics .menu a {
	display: block;
	padding: 8px 0;
	color: #fff;
}

.single-blog__rubrics .menu a:hover {
	color: #0B0B0B;
}

.lwptoc_i {
	width: 100%;
	padding: 37px 50px !important;
	margin-bottom: 96px;
	border-radius: 30px;
}

.lwptoc_header {
	margin-bottom: 24px !important;
	font-size: 18px;
}

.lwptoc_item {
	margin-bottom: 16px;
}

.popular-articles__title {
	font-size: 18px;
	font-weight: 800;
	color: #787878;
}

.popular-articles__list {
	list-style: none;
	padding-left: 0;
}

.popular-articles__item {
	padding: 28px 31px 37px 34px;
	background: #FFFFFF;
	border-radius: 30px;
}

.popular-articles__item-title {
	font-size: 18px;
	font-weight: 800;
}

.popular-articles__info {
	display: flex;
}

.popular-articles__info > div {
	display: flex;
	align-items: center;
	margin-right: 24px;
}

.popular-articles__info .content {
	font-size: 12px;
	margin-left: 13px;
}

.popular-articles__item-excerpt {
	color: #787878;
}

.popular-articles__link {
	color: #FF3B62;
	font-weight: 800;
}

.single-blog__content a {
	color: #0B7BFF;
}

.single-blog__hashtags {
	padding-top: 72px;
}

.single-blog__hashtags .item {
	display: inline-block;
	padding: 19px 34px;
	margin-right: 24px;
	font-weight: 800;
	color: #787878;
	background: #fff;
	border-radius: 12px;
}

#related-articles .title-section {
	position: sticky;
	top: 308px;
}

#related-articles .popular-articles__item {
	padding: 66px 113px 74px 79px;
}

#related-articles .popular-articles__item-title {
	font-size: 24px;
}

#communication-blocks {
	padding-bottom: 130px;
}

.communication-blocks__item {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 48px;
	background: #fff;
	border-radius: 30px;
}

.communication-blocks__item--vk .text {
	font-size: 18px;
	font-weight: 800;
	margin-left: 48px;
	margin-bottom: 48px;
}

.communication-blocks__item--vk .link {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 22px;
	margin-top: auto;
	font-weight: 800;
	background: #F4F3F1;
	border-radius: 12px;
}

.communication-blocks__item--messengers .text {
	font-weight: 800;
	margin-bottom: 48px;
}

.communication-blocks__item--messengers .messengers {
	flex-direction: row;
}

.communication-blocks__item--messengers .messengers__btn {
	min-width: auto;
}

.communication-blocks__item--messengers .messengers__btn:first-child {
	margin-right: 24px;
}

.communication-blocks__item--phone {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.communication-blocks__item--phone .text {
	font-weight: 800;
}

.communication-blocks__item--phone .text a {
	color: #0B7BFF;
	white-space: nowrap;
}

.communication-blocks__item--phone .smile {
	margin-left: auto;
}

/* Blog page */

body.category-blog #page {
	background: #F4F3F1;
}

#blog-page {
	position: relative;
}

#blog-page .container {
	position: relative;
	z-index: 1;
}

.blog-page__left {
	position: sticky;
	top: 198px;
}

#blog-page .title-main {
	font-size: 130px;
	margin-bottom: 48px;
}

body:not(.category-blog) #blog-page .title-main {
	font-size: 72px;
}

.blog-page__left .single-blog__rubrics {
	width: 350px;
}

.blog-page__item {
	padding: 66px 113px 66px 79px;
	background: #FFFFFF;
	border-radius: 30px;
}

.blog-page__item-title {
	font-size: 24px;
	font-weight: 800;
}

.blog-page__item-excerpt {
	color: #787878;
}

.blog-page__item-link,
.blog-page__item-link:visited {
	font-weight: 800;
	color: #FF3B62;
}

.main-screen__spot-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Services category */

#category-header {
	position: relative;
}

#category-header .container {
	position: relative;
	z-index: 1;
}

#category-header .title-main {
	font-size: 130px;
	line-height: 1.3;
}

#tabs-form .wrapper {
	padding: 92px 136px 92px 73px;
	background: #FFFFFF;
	border-radius: 30px;
}

#tabs-form .title {
	font-size: 36px;
	font-weight: 800;
}

#tabs-form .tab-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

#tabs-form .tab-content {
	width: 100%;
}

.tabs-form__img-wrapper {
	width: 100%;
	height: 100%;
}

.tabs-form__img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}

#tabs-form .nav-pills {
	justify-content: space-between;
}

#tabs-form .nav-item {
	width: 30%;
}

#tabs-form .nav-link {
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 19px;
	font-weight: 800;
	color: #0B0B0B;
	text-align: center;
	background: #F4F3F1;
	border-radius: 12px;
}

#tabs-form .nav-link.active {
	background: #0500FF;
	color: #fff;
}

#tabs-form .nav-link:hover {
	background: #0500FF;
	color: #fff;
}

#tabs-form #error-empty-field {
	display: none;
	margin: 24px 0;
	padding: 0.2em 1em;
    border: 2px solid #FF3B62;
}

.slick-arrow {
	cursor: pointer;
}

.dev-awards__slider .item {
	padding: 0 12px;
}

.dev-awards__slider .slick-arrow {
	position: absolute;
	bottom: -96px;
}

.dev-awards__slider .prev-slick {
	left: 12px;
}

.dev-awards__slider .next-slick {
	right: 12px;
}

#dev-advantages .left {
	padding: 64px 82px 60px;
	background: #FFFFFF;
	border-radius: 30px;
}

#dev-advantages .title-section {
	font-size: 36px;
}

#dev-advantages .list {
	display: flex;
	flex-wrap: wrap;
}

#dev-advantages .item {
	display: flex;
	align-items: center;
	width: 50%;
	padding-right: 37px;
}

#dev-advantages .number {
	padding: 22px;
	margin-right: 37px;
	font-size: 24px;
	font-weight: 800;
	color: #FF3B62;
	background: #FFFFFF;
	box-shadow: -7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

#dev-advantages .right {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#dev-advantages .top {
	padding: 122px 56px;
	font-size: 18px;
	color: #fff;
	background: #0B0B0B;
	border-radius: 30px;
}

#dev-advantages .bottom {
	width: 100%;
	height: 100%;
}

#dev-advantages .bottom img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}

#dev-stages .list {
	display: flex;
	flex-wrap: wrap;
}

#dev-stages .item {
	display: flex;
	background: #FFFFFF;
	border-radius: 30px;
}

#dev-stages .item:nth-child(1) {
	width: calc(50% - 12px);
	margin-right: 24px;
}

#dev-stages .item:nth-child(2) {
	width: calc(50% - 12px);
}

#dev-stages .item:nth-child(3) {
	width: 100%;
}

#dev-stages .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 71px;
	height: 100%;
	padding: 22px;
	background: #FFFFFF;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

#dev-stages .item .text {
	padding: 20px 24px;
	padding-right: 48px;
}

#dev-draw {
	background: #fff;
}

#dev-draw .desc {
	position: relative;
	padding: 58px 30px 114px 48px;
	font-size: 18px;
	color: #fff;
	background: #0B0B0B;
	border-radius: 30px;
}

#dev-draw .desc::after {
	content: '';
	position: absolute;
	bottom: 40px;
	right: 40px;
	width: 50px;
	height: 50px;
	background: url('../images/dev-draw.png') center/cover no-repeat;
}

#dev-draw .desc ul {
	font-size: 16px;
	padding-left: 16px;
	margin-bottom: 0;
}

#dev-draw .desc li {
	margin-bottom: 24px;
}

#dev-draw .desc li::marker {
	color: #FF3B62;
}

#dev-make .left {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#dev-make .img-wrapper {
	display: flex;
	width: 100%;
	height: 100%;
	margin-top: auto;
}

#dev-make .img-wrapper img {
	margin-top: auto;
	object-fit: contain;
}

#dev-make .wrapper {
	padding: 76px 60px;
	margin-bottom: 130px;
	padding-left: 87px;
	background: #FFFFFF;
	border-radius: 30px;
}

#dev-make .wrapper .subtitle {
	font-size: 24px;
	margin-bottom: 24px;
}

#dev-make .wrapper ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 16px;
	margin-bottom: 18px;
}

#dev-make .wrapper li {
	padding-right: 55px;
	margin-bottom: 30px;
}

#dev-make .wrapper li::marker {
	color: #FF3B62;
}

#dev-includes {
	background: url('../images/dev-includes.png') center/cover no-repeat;
}

#dev-includes .title-section {
	color: #fff;
}

#dev-includes .list {
	display: flex;
	flex-wrap: wrap;
}

#dev-includes .item {
	display: flex;
	align-items: center;
	width: 50%;
	padding-right: 63px;
	color: #fff;
}

#dev-includes .number {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 13px 22px;
	margin-right: 46px;
	font-size: 24px;
	font-weight: 800;
	color: #0B0B0B;
	background: #FFFFFF;
	box-shadow: -7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

#dev-receipt .left {
	display: flex;
	flex-direction: column;
}

#dev-receipt .img-wrapper {
	width: 100%;
	height: 530px;
}

#dev-receipt .img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}

#dev-receipt .question {
	position: relative;
	padding: 33px 24px;
	padding-left: 48px;
	margin-right: 78px;
	margin-bottom: 66px;
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	background: #0500FF;
	border-radius: 30px;
}

#dev-receipt .question::after {
	content: '';
	position: absolute;
	bottom: -19px;
	left: 52px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 29px 29px 0 0;
	border-color: #0500FF transparent transparent transparent;
}

#dev-receipt .answer {
	position: relative;
	padding: 32px 46px;
	margin-left: 65px;
	background: #FFFFFF;
	border-radius: 30px;
}

#dev-receipt .answer::after {
	content: '';
	position: absolute;
	bottom: -19px;
	right: 52px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 29px 29px 0;
	border-color: transparent #ffffff transparent transparent;
}

#dev-receipt .answer--one {
	padding-left: 80px;
	padding-right: 52px;
	margin-left: 110px;
	margin-bottom: 42px;
	font-size: 24px;
	font-weight: 800;
}

#dev-receipt .answer--two {
	padding-left: 46px;
	padding-bottom: 64px;
}

#dev-receipt .answer a {
	color: #0500FF;
	text-decoration: underline !important;
}

a.services-subcategory__item {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 19px;
	margin-bottom: 24px;
	font-weight: 800;
	color: #0500FF;
	background: #FFFFFF;
	border-radius: 12px;
}

a.services-subcategory__item:hover {
	color: #FFFFFF;
	background: #F8214C;
	box-shadow: 0px 25px 30px -18px rgba(255, 59, 98, 0.7);
}

/* Brief */

#brief-dev .title-main {
	font-size: 130px;
	line-height: 1.3;
}

#brief-dev .subtitle {
	font-size: 64px;
	line-height: 1.4;
	font-weight: 800;
}

.brief-chapter {
	padding: 96px 7vw;
	background: #FFFFFF;
	border-radius: 30px;
}

.brief-chapter .title {
	font-size: 36px;
	font-weight: 800;
}

.brief-chapter .item {
	display: flex;
}

.brief-chapter .question {
	width: 50%;
	padding-right: 66px;
}

.brief-chapter .answer {
	width: 50%;
}

.brief-chapter textarea {
	height: 124px;
	resize: none;
}

.brief-chapter .introduce {
	display: flex;
	flex-wrap: wrap;
}

.brief-chapter .introduce .left {
	width: 50%;
	padding-right: 139px;
}

.brief-chapter .required-fields {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

.brief-chapter .required-fields .field {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 24px;
}

.brief-chapter .left label {
	margin-bottom: 24px;
}

.brief-chapter .found input {
	width: 24px;
	visibility: hidden;
	opacity: 0;
}

.brief-chapter .found .wpcf7-list-item-label {
	position: relative;
	cursor: pointer;
	margin-right: 48px;
}

.brief-chapter .found .wpcf7-list-item-label::before {
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border-radius: 100%;
	border: 1px solid #FF3B62;
	background: #FFFFFF;
}

.brief-chapter .found input:checked ~ .wpcf7-list-item-label::after {
	position: absolute;
	left: -36px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background: #FF3B62;
}

.brief-chapter .introduce .right {
	width: 50%;
	height: 414px;
}

.brief-chapter .right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.brief-chapter .details .bottom {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.brief-chapter .bottom .wpcf7-submit {
	width: 27vw;
}

.brief-chapter .checkbox-89 .wpcf7-list-item {
	margin-left: 0;
}

.brief-chapter .checkbox-89 input {
	width: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
}

.brief-chapter .checkbox-89 .wpcf7-list-item-label {
	position: relative;
	display: inline-block;
	padding-left: 40px;
	margin-right: 48px;
	cursor: pointer;
}

.brief-chapter .checkbox-89 .wpcf7-list-item-label::before {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border: 1px solid #FF3B62;
	border-radius: 3px;
	background: #FFFFFF;
}

.brief-chapter .checkbox-89 input:checked ~ .wpcf7-list-item-label::after {
	position: absolute;
	left: 6px;
	top: 10px;
	transform: rotate(-60deg);
	width: 12px;
	height: 7px;
	background: #fff;
	border-bottom: 1px solid #FF3B62;
	border-left: 1px solid #FF3B62;
}

.brief-chapter .upload .qbutton {
	min-width: auto;
	padding: 0;
	padding-left: 16px;
    margin-left: 24px;
	background: #fff !important;
	color: #FF3B62 !important;
}

.brief-chapter .upload .zl-form-control-wrap {
	position: relative;
}

.brief-chapter .upload .zl-form-control-wrap::before {
	position: absolute;
	background: url('../images/icon-attachment.svg') center/cover no-repeat;
	content: '';
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
}

.brief-chapter .bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Repair work */

#repair-work .wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#repair-work img {
	animation: repair 4s linear infinite;
}

#repair-work h1 {
	font-size: 64px;
}

/* 404 */

body.error404 #breadcrumbs {
	display: none;
}

.error-404 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.error-404 .wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Contacts page */

#contacts-content {
	position: relative;
	z-index: 1;
}

#contacts-content .main-contacts {
	display: flex;
	flex-wrap: wrap;
}

#contacts-content .main-contacts .item {
	padding-right: 96px;
}

#contacts-content .main-contacts .link {
	font-size: 36px;
	font-weight: 800;
}

#contacts-content .messengers {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

#contacts-content .messengers__btn {
	width: auto;
}

#contacts-content .messengers__btn:nth-of-type(1) {
	background: #0B7BFF !important;
}

#contacts-content .messengers__btn:nth-of-type(2) {
	background: #2CC54E !important;
}

#contacts-content .contacts-epigraph {
	display: flex;
	align-items: center;
	padding: 43px 73px;
	background: #fff;
	border-radius: 30px;
}

#contacts-content .contacts-epigraph .photo {
	display: flex;
    align-items: flex-end;
    min-width: 72px;
    height: 72px;
	margin-right: 73px;
    background: #FF3B62;
    border-radius: 50%;
}

#contacts-content .contacts-socials {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding: 43px 73px;
	background: #fff;
	border-radius: 30px;
}

#contacts-content .contacts-socials .link {
	position: relative;
    display: block;
    width: 24px;
    height: 24px;
}

#contacts-content .contacts-socials .link img {
	position: absolute;
    top: 0;
    left: 0;
    transition: .4s ease;
}

#contacts-content .contacts-socials .link img.hover {
	opacity: 0;
    visibility: hidden;
}

#contacts-content .contacts-socials .link:hover img.hover {
	opacity: 1;
    visibility: visible;
}

/* Clients page */

#clients-page .clients-list {
	align-items: center;
	padding-top: 130px;
}

#clients-page .clients-list .item {
	display: block;
	margin-bottom: 340px;
	text-align: center;
}

body.page-template-page-clients #main-form {
	padding-top: 0;
}

/* Reviews page */

.reviews-list {
	padding-top: 130px;
}

.reviews-list .item {
	display: flex;
	margin-bottom: 48px;
}

.reviews-list .item .img-wrapper {
	min-width: 96px;
	width: 96px;
	height: 96px;
	border-radius: 50%;
}

.reviews-list .item .img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 50%;
}

.reviews-list .content {
	padding: 48px;
	padding-right: 93px;
	margin-left: 40px;
	background: #fff;
	border-radius: 30px;
}

.reviews-list .content .name {
	font-size: 24px;
	font-weight: 800;
}

.reviews-list .content .date {
	font-size: 12px;
}

.reviews-list .content .source {
	font-size: 12px;
}

.reviews-list .content .link {
	color: #0500FF;
	text-decoration: underline !important;
}

.reviews-epigraph {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.reviews-epigraph .text {
	position: relative;
	padding: 37px 60px;
	color: #fff;
	background: #0500FF;
	border-radius: 30px;
}

.reviews-epigraph .text::after {
	content: '';
	position: absolute;
	right: 32px;
	bottom: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 27px 15px 0;
	border-color: transparent #0400ff transparent transparent;
}

.reviews-epigraph .photo {
	display: flex;
    align-items: flex-end;
    min-width: 72px;
    height: 72px;
	margin-right: 40px;
    background: #FF3B62;
    border-radius: 50%;
}

#reviews-sites {
	background: url('../images/reviews-sites-bg.png') center/cover no-repeat;
}

#reviews-sites .title-section {
	color: #fff;
	padding-bottom: 96px;
}

#reviews-sites .item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 166px;
	padding: 24px;
	background: #fff;
	border-radius: 30px;
}

/* About page */

body.page-template-page-about .slick-arrow {
	position: absolute;
	bottom: -96px;
}

body.page-template-page-about .prev-slick {
	left: 12px;
}

body.page-template-page-about .next-slick {
	right: 12px;
}

body.page-template-page-about .slick-dots {
	left: 50%;
	bottom: -94px;
	transform: translateX(-50%);
}

body.page-template-page-about .slick-dots li button:before {
	width: 9px;
	height: 9px;
	background: #787878;
}

body.page-template-page-about .slick-dots li.slick-active button:before, 
body.page-template-page-about .slick-dots li:hover button:before {
	background: #FF3B62;
}

#about-header {
	position: relative;
}

#about-header .container {
	position: relative;
	z-index: 1;
}

#about-header .title-main {
	font-size: 130px;
	line-height: 1.3;
}

#about-header .content {
	padding: 130px 110px 300px 0;
}

#about-header .img-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

#about-header .img-wrapper img {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

#about-me {
	position: relative;
	z-index: 2;
}

#about-me .img-wrapper {
	height: 100%;
}

#about-me .img-wrapper img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
}

#about-me .content {
	padding: 6vw 7vw;
	background: #fff;
	border-radius: 30px;
}

#about-why {
	position: relative;
	padding: 130px 0;
	color: #fff;
	background: url('../images/about-why-bg.png') center/cover no-repeat;
}

#about-why > .container {
	position: relative;
	z-index: 2;
}

#about-why .title-section {
	color: #fff;
	padding-bottom: 96px;
}

#about-why .list {
	display: flex;
	flex-wrap: wrap;
}

#about-why .list .item {
	display: flex;
	align-items: center;
	width: 50%;
	padding-right: 75px;
}

#about-why .list .number {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 55px;
	width: 55px;
	height: 74px;
	font-size: 24px;
	font-weight: 800;
	color: #0B0B0B;
	background: #FFFFFF;
	box-shadow: -7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

/* #about-cv .title-section {
	font-size: 36px;
}

#about-cv .cv-wrapper {
	display: flex;
	height: 160px;
	padding: 35px 55px;
	background: #FFFFFF;
	border-radius: 12px;
}

#about-cv .photo {
	display: flex;
    align-items: flex-end;
    min-width: 72px;
    height: 72px;
	margin-right: 30px;
    background: #FF3B62;
    border-radius: 50%;
}

#about-cv .contacts {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

#about-cv .contacts .link {
	color: #0500FF;
	font-size: 18px;
	font-weight: 800;
}

#about-cv .contacts .link:hover {
	color: #0B0B0B;
}

#about-cv .messengers {
	align-items: flex-start;
	justify-content: space-around;
	height: 100%;
}

#about-cv .messengers__btn {
	display: flex;
	align-items: center;
	width: 100%;
	font-weight: 800;
	background: transparent !important;
}

#about-cv .messengers__btn:hover {
	box-shadow: none !important;
} */

.about-technologies__title {
	font-size: 64px;
}

.about-technologies__item-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 24px;
	background: #FFFFFF;
	border-radius: 12px;
}

#about-media .list {
	margin: 0 -12px;
}

#about-media .slick-track {
	display: flex;
}

#about-media .slick-slide {
	display: flex;
	flex-direction: column;
	height: auto !important;
}

#about-media .list .item {
	padding: 0 12px;
}

#about-media .list .item .wrapper {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 24px;
	background: #FFFFFF;
	border-radius: 12px;
}

#about-media .list .item .title {
	font-weight: 800;
}

#about-media .list .item .link {
	margin-top: auto;
}

#about-media .slick-arrow {
    position: absolute;
    bottom: -96px;
}

#about-media .prev-slick {
    left: 12px;
}

#about-media .next-slick {
    right: 12px;
}

#about-media .slick-dots {
	left: 50%;
    bottom: -94px;
    transform: translateX(-50%);
}

#about-media .slick-dots li button:before {
	width: 9px;
    height: 9px;
    background: #787878;
}

#about-media .slick-dots li.slick-active button:before {
	background: #FF3B62;
}

#about-awards {
	background: #0B0B0B;
}

#about-awards .title-section {
	color: #fff;
} 

#about-awards .list .item {
	padding: 0 15px;
}

#about-interview .list {
	margin: 0 -12px;
}

#about-interview .slick-track {
	display: flex;
}

#about-interview .slick-slide {
	display: flex;
	flex-direction: column;
	height: auto !important;
}

#about-interview .list .item {
	padding: 0 12px;
}

#about-interview .list .item .wrapper {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 24px;
	background: #FFFFFF;
	border-radius: 12px;
}

#about-interview .list .item .name {
	font-size: 18px;
	font-weight: 800;
}

#about-interview .list .item .content {
	margin-top: auto;
}

#about-interview .list .item iframe {
	display: none;
	width: 100%;
	height: 100%;
}

#about-interview .slick-arrow {
	position: absolute;
    bottom: -96px;
}

#about-interview .next-slick {
    right: 12px;
}

#about-interview .prev-slick {
	left: 12px;
}

#about-interview .slick-dots {
	left: 50%;
    bottom: -94px;
    transform: translateX(-50%);
}

#about-interview .slick-dots li button:before {
	width: 9px;
    height: 9px;
    background: #787878;
}

#about-interview .slick-dots li.slick-active button:before {
	background: #FF3B62;
}

.contracts__item {
	width: max-content;
}


/* SEO page */

.seo-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 250px;
	margin-left: auto;
	font-size: 64px;
	font-weight: 800;
	color: #0500FF;
	background: #fff;
	border-radius: 50%;
}

#seo-cms {
	background: url('../images/about-why-bg.png') center/cover no-repeat;
}

.seo-cms__list {
	display: flex;
	flex-wrap: wrap;
}

.seo-cms__item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(33.33% - 16px);
	height: 168px;
	margin-right: 24px;
	background: #FFFFFF;
	border-radius: 30px;
}

.seo-cms__item:nth-child(3n) {
	margin-right: 0;
}

.seo-faq__list .card {
	margin-bottom: 24px;
	background: transparent;
	border: none;
}

.seo-faq__list .card-header {
	padding: 0;
	border-radius: 30px;
	border: none;
}

.seo-faq__list button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 20px 48px;
	font-size: 18px;
	font-weight: 800;
	background: #fff;
	border-radius: 30px;
	border: none;
	outline: none;
}

.seo-faq__list button:focus {
	box-shadow: none;
}

.seo-faq__list button span {
	text-align: left;
	white-space: break-spaces;
}

.seo-faq__list .card-icon {
	position: relative;
	min-width: 60px;
	width: 60px;
	height: 60px;
	margin-left: 24px;
	background: #FF3B62;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
}

.seo-faq__list button.collapsed .card-icon {
	background: #fff;
}

.seo-faq__list .card-icon::before,
.seo-faq__list .card-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.seo-faq__list .card-icon::before {
	width: 16px;
	height: 2px;
	background: #fff;
}

.seo-faq__list .card-icon::after {
	display: none;
}

.seo-faq__list button.collapsed .card-icon::before {
	background: #FF3B62;
}

.seo-faq__list button.collapsed .card-icon::after {
	display: block;
	width: 2px;
	height: 16px;
	background: #FF3B62;
}

.seo-faq__list .card-body {
	padding: 24px 48px;
}

.seo-statistic__text {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 24px 130px 24px 57px;
	font-size: 18px;
	color: #fff;
	background: #0B0B0B;
	border-radius: 30px;
}

.seo-statistic__img {
	height: 100%;
}

.seo-statistic__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.seo-reasons__list {
	display: flex;
	flex-wrap: wrap;
}

.seo-reasons__item {
	display: flex;
	width: calc(50% - 12px);
	margin-right: 24px;
	background: #FFFFFF;
	border-radius: 30px;
}

.seo-reasons__item:nth-child(even) {
	margin-right: 0;
}

.seo-reasons__item .icon {
	display: flex;
    align-items: center;
    justify-content: center;
    min-width: 71px;
    height: 100%;
    padding: 22px;
    background: #FFFFFF;
    box-shadow: 7px 7px 15px rgb(0 0 0 / 10%);
    border-radius: 30px;
}

.seo-reasons__item .text {
	padding: 20px 24px;
    padding-right: 48px;
}

#seo-cases {
	background: #0500FF;
}

a.seo-cases__link {
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 225px;
	margin-left: auto;
    font-weight: 800;
    color: #fff;
}

a.seo-cases__link:hover {
	color: #FFE500;
}

.seo-cases__link:hover .icon-arrow {
	animation-name: arrow-up-down;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0, 0.55, 0.62, 1.25);
}

.seo-cases__wrapper {
	display: flex;
	padding: 48px;
	background: #FFFFFF;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.seo-cases__content {
	display: flex;
	flex-direction: column;
	padding: 0 70px;
}

.seo-cases__name {
	font-size: 24px;
	font-weight: 800;
}

.seo-cases__text ul {
	padding-left: 20px;
	margin-bottom: 0;
}

.seo-cases__text li {
	margin-bottom: 24px;
}

body.page-template-page-seo .slick-arrow {
	position: absolute;
    bottom: -96px;
}

body.page-template-page-seo .prev-slick {
	left: 12px;
}

body.page-template-page-seo .next-slick {
	right: 12px;
}

body.page-template-page-seo .slick-dots {
	left: 50%;
    bottom: -94px;
    transform: translateX(-50%);
}

body.page-template-page-seo .slick-dots li button:before {
	width: 9px;
    height: 9px;
	background: #787878;
}

body.page-template-page-seo .seo-cases__slider .slick-dots li button:before {
	width: 8px;
	height: 8px;
	background: #fff;
}

body.page-template-page-seo .slick-dots li.slick-active button:before, 
body.page-template-page-seo .slick-dots li:hover button:before {
	background: #FF3B62;
}

#seo-free {
	background: #fff;
}

.seo-video__list {
	margin: 0 -12px;
}

.seo-video__list .slick-track {
	display: flex;
}

.seo-video__item {
	display: flex !important;
    flex-direction: column;
    height: auto !important;
	padding: 0 12px;
}

.seo-video__item .wrapper {
	display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
    background: #FFFFFF;
    border-radius: 12px;
}

.seo-video__item .content {
	margin-top: auto;
}

.seo-video__item iframe {
    display: none;
    width: 100%;
    height: 100%;
}

.seo-feedback__text {
	font-size: 64px;
	font-weight: 800;
}

/* Cases */

#portfolio-fs .title-main {
	font-size: 84px;
}

.portfolio-fs__img {
	display: flex;
	align-items: flex-end;
	height: 100%;
}

.portfolio-fs__img img {
	border-radius: 30px 30px 0 0;
}

#portfolio-history {
	background: #9D3BFF;
}

#portfolio-history.portfolio-history--seo {
	background: url('../images/portfolio-seo-history.png') center/cover no-repeat;
}

#portfolio-history h3 {
	color: #fff;
}

.portfolio-history__tabs .nav-link {
	min-width: 350px;
	padding: 19px 90px;
	color: #fff;
	font-weight: 800;
	text-align: center;
	background: #8E1EFF;
	border-radius: 12px;
}

.portfolio-history__tabs .nav-link.active {
	color: #FF3B62;
	background: #fff;
}

.portfolio-history--seo .portfolio-history__list-title {
	font-size: 3.3333vw;
	font-weight: 800;
}

.portfolio-history__tabs .portfolio-history__list,
.portfolio-history--seo .portfolio-history__list {
	display: flex;
	flex-wrap: wrap;
}

.portfolio-history__tabs .tab-pane .item,
.portfolio-history--seo .item {
	display: flex;
	align-items: center;
	width: calc(33.33% - 32px);
	margin-right: 48px;
	margin-bottom: 48px;
	color: #fff;
}

.portfolio-history__tabs .tab-pane .item:nth-child(3n),
.portfolio-history--seo .item:nth-child(3n) {
	margin-right: 0;
}

.portfolio-history__tabs .tab-pane .item .icon-wrapper,
.portfolio-history--seo .item .icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 55px;
	height: 74px;
	margin-right: 24px;
	background: #FFFFFF;
	box-shadow: -7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.portfolio-initial__item-wrapper {
	height: 100%;
	padding: 48px;
	background: #FFFFFF;
	border-radius: 30px;
}

.portfolio-initial__item:nth-child(4) .portfolio-initial__item-wrapper {
	background: #0500FF;
}

.portfolio-initial__item-title {
	font-size: 24px;
}

.portfolio-initial__item-description {
	display: flex;
}

.portfolio-initial__item-description .title {
	display: inline;
	color: #787878;
}

.portfolio-initial__item-description .text {
	display: inline;
}

.portfolio-initial__item-description .icon {
	min-width: 20px;
	height: 20px;
	margin: 5px 16px 0 0;
}

.portfolio-initial__item-description:nth-of-type(1) .icon {
	background: url('../images/icon-calendar--20.svg') center/cover no-repeat;
}

.portfolio-initial__item-description:nth-of-type(2) .icon {
	background: url('../images/icon-gear.svg') center/cover no-repeat;
}

.portfolio-initial__item-description:nth-of-type(3) .icon {
	background: url('../images/icon-open-in-browser.svg') center/cover no-repeat;
}

#portfolio-seo-works {
	background: #FFFFFF;
}

.portfolio-seo-works__subtitle {
	font-size: 24px;
	font-weight: 800;
}

.portfolio-seo-works-list {
	margin-bottom: 0;
	list-style-type: none;
}

.portfolio-seo-works-list__item {
	display: flex;
	align-items: center;
}

.portfolio-seo-works-list__item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 71px;
	height: 101px;
	background: #FFFFFF;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

#portfolio-devices {
	height: calc(100vw / 2.2);
}

.portfolio-seo-results-list {
	padding-left: 24px;
}

.portfolio-seo-results-list__item::marker {
	font-size: 22px;
	color: #0500FF;
}

.portfolio-seo-results-screenshots__item-title {
	font-size: 24px;
	font-weight: 800;
}

.portfolio-seo-results-screenshots__item {
	display: flex;
	flex-direction: column;
}

.portfolio-seo-results-screenshots__item-img {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 700px;
	margin-top: auto;
	padding: 16px;
	background: #FFFFFF;
	border-radius: 30px;
	overflow: hidden;
}

#portfolio-seo-positions {
	background: #262729;
}

.portfolio-seo-positions-slider__item-title {
	font-size: 5vw;
	line-height: 1.25;
	font-weight: 600;
}

.portfolio-seo-positions-slider__item-img {
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 8px;
	background: #FFFFFF;
	border-radius: 12px;
}

.portfolio-seo-positions-slider__switcher {
	position: relative;
	width: 300px;
}

.portfolio-seo-positions-slider__arrows {
	display: flex;
	justify-content: space-between;
}

.portfolio-seo-positions-slider__arrows .slick-arrow {
	height: 41px;
}

.portfolio-seo-positions-slider__dots {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.portfolio-seo-positions-slider__dots .slick-dots {
	position: relative;
	padding-left: 0;
	margin-bottom: 0;
}

.portfolio-seo-positions-slider__dots .slick-dots li {
	width: 9px;
	height: 9px;
	margin: 0 8px;
}

.portfolio-seo-positions-slider__dots .slick-dots li button {
	width: 9px;
	height: 9px;
}

.portfolio-seo-positions-slider__dots .slick-dots li button:before {
	width: 9px;
	height: 9px;
	background: #787878;
}

.portfolio-seo-positions-slider__dots .slick-dots li.slick-active button:before, 
.portfolio-seo-positions-slider__dots .slick-dots li:hover button:before {
	width: 9px;
	height: 9px;
	background: #FF3B62;
}

.portfolio-stages--logo {
	background: #9D3BFF;
}

#portfolio-stages .title-section {
	position: sticky;
    top: 308px;
	font-size: 72px;
}

.portfolio-stages--logo .title-section {
	color: #fff;
}

.portfolio-stages__content {
	padding: 96px;
	background: #FFFFFF;
	border-radius: 30px;
}

#portfolio-photo {
	background: #fff;
}

.portfolio-photo__img {
	text-align: center;
}

.portfolio-photo__wrapper {
	position: relative;
	height: 879px;
	background: url('../images/single-portfolio__monitor.png') center/contain no-repeat;
}

.portfolio-photo__wrapper iframe {
	position: absolute;
	top: 21px;
	left: 50%;
	transform: translatex(-50%);
	width: 950px;
	height: 512px;
}

#portfolio-brief {
	background: #fff;
}

.portfolio-brief__wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5vw 8vw;
	background: #F4F3F1;
	border-radius: 30px;
}

.portfolio-brief__content {
	width: calc(50% - 12px);
}

.portfolio-brief__content .messengers {
	flex-direction: row;
	align-items: flex-start;
	padding-top: 4vw;
}

a.portfolio-brief__link {
	display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - 12px);
	margin-left: auto;
    font-weight: 800;
    color: #fff;
	background: #FF3B62;
	border-radius: 30px;
}

.portfolio-seo-projects-slider {
	margin: 0 -12px;
}

.portfolio-seo-projects-slider__item {
	width: 33.3333%;
	padding: 0 12px;
}

.portfolio-seo-projects-slider__item-img {
	height: 380px;
}

.portfolio-seo-projects-slider__item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.portfolio-seo-projects-slider__item-title {
	font-size: 24px;
	font-weight: 800;
}

.portfolio-seo-projects-slider__item-cat {
	font-size: 12px;
	color: #787878;
}

/* Popup */

#fancybox-wrap {
	max-width: 608px !important;
	position: fixed !important;
	top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
	border-radius: 30px;
}

#fancybox-outer {
	box-shadow: none !important;
	border-radius: 30px;
}

#fancybox-content {
	width: 100% !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 30px;
}

#fancybox-img {
	object-fit: contain;
}

#fancybox-wrap .wpcf7-form {
	padding: 48px;
}

#fancybox-content form {
	overflow-x: hidden;
}

#fancybox-close {
	width: 24px !important;
	height: 24px !important;
	top: 24px !important;
	right: 24px !important;
	background: url('../images/icon-close.svg') center/cover no-repeat !important;
}

#fancybox-close span {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	display: none;
}

.popup__success {
	display: flex;
	flex-direction: column;
	padding: 48px;
    background: #FFFFFF;
    border-radius: 30px;
}

.popup__title {
	font-size: 24px;
}

/* Design page */

body.page-template-page-design .slick-arrow {
	position: absolute;
    bottom: -96px;
}

body.page-template-page-design .prev-slick {
	left: 12px;
}

body.page-template-page-design .next-slick {
	right: 12px;
}

body.page-template-page-design .slick-dots {
	left: 50%;
    bottom: -94px;
    transform: translateX(-50%);
}

body.page-template-page-design .slick-dots li button:before {
	width: 9px;
    height: 9px;
    background: #787878;
}

body.page-template-page-design .slick-dots li.slick-active button:before, 
body.page-template-page-design .slick-dots li:hover button:before {
	background: #FF3B62;
}

#design-logo {
	background: url('../images/about-why-bg.png') center/cover no-repeat;
}

#design-logo .title-section {
	color: #fff;
}

.design-logo__content {
	padding: 5vw;
	background: #FFFFFF;
	border-radius: 30px;
}

#design-examples {
	background: #fff;
}

#design-examples .title-section {
	font-size: 24px;
	font-weight: 800;
}

div.design-examples__list {
	margin: 0 -12px;
}

.design-examples__item {
	display: flex !important;
	justify-content: center;
	align-items: center;
	height: 240px !important;
	margin: 0 12px;
	padding: 48px 96px;
	background: #F4F3F1;
	border-radius: 30px;
}

.design-style__desc {
	position: relative;
	height: 100%;
	padding: 3vw 2vw;
	font-size: 18px;
	color: #fff;
	background: #0B0B0B;
	border-radius: 30px;
}

.design-style__desc::after {
	content: '';
    position: absolute;
    bottom: 40px;
    right: 40px;
    width: 50px;
    height: 50px;
    background: url('../images/dev-draw.png') center/cover no-repeat;
}

.design-style__desc ul {
	font-size: 16px;
    padding-left: 16px;
}

.design-style__desc li {
	margin-bottom: 24px;
}

.design-style__desc li::marker {
	color: #FF3B62;
}

.design-style__content {
	padding: 5vw 7vw;
	background: #FFFFFF;
	border-radius: 30px;
}

#design-brandbook {
	background: #FFE500;
}

.design-brandbook__brief {
	font-weight: 800;
}

#design-sites .left {
	display: flex;
    flex-direction: column;
	align-items: flex-start;
    height: 100%;
}

#design-sites .left .img-wrapper {
	display: flex;
    width: 100%;
    height: 100%;
    margin-top: auto;
}

#design-sites .left .img-wrapper img {
	margin-top: auto;
    object-fit: contain;
}

.design-sites__text {
	padding: 3vw;
	background: #FFFFFF;
	border-radius: 30px;
}

.design-sites__text-clear {
	display: inline-block;
	font-size: 24px;
	font-weight: 800;
	color: #fff;
}

.design-sites__content {
	margin-bottom: 130px;
}

.design-sites__content h3 {
	font-size: 24px;
}

.design-sites__item {
	display: flex;
	background: #FFFFFF;
	border-radius: 30px;
}

.design-sites__item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 71px;
	background: #FFFFFF;
	border-radius: 30px;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
}

.design-sites__item-content {
	padding: 48px;
}

.design-sites__item-title {
	font-size: 18px;
	font-weight: 800;
}

#design-portfolio {
	background: #0500FF;
}

#design-portfolio .title-section {
	color: #fff;
	font-size: 10vw;
}

a.design-portfolio__btn {
	display: flex;
    align-items: flex-end;
    justify-content: space-between;
    font-weight: 800;
    color: #fff;
}

.design-portfolio__btn:hover {
	color: #0B0B0B;
}

.design-portfolio__btn:hover .icon-arrow {
	animation-name: arrow-up-down;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0, 0.55, 0.62, 1.25);
}

.design-feedback__text {
	font-size: 64px;
	font-weight: 800;
}

/* Portfolio page */

#portfolio-header .title-main {
	font-size: 130px;
}

a.portfolio-cat-list__item {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 19px;
	font-weight: 800;
	text-align: center;
	color: #FF3B62;
	background: #FFFFFF;
	border-radius: 12px;
}

.portfolio-cat-list__col:nth-child(4) .portfolio-list__item {
	color: #9D3BFF;
}

.portfolio-cat-list__col:nth-child(5) .portfolio-list__item {
	color: #0500FF;
}

.portfolio-cat-list__col:nth-child(6) .portfolio-list__item {
	color: #282828;
}

.portfolio-item__img {
	width: 100%;
	height: 582px;
}

.portfolio-item__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
	transition: .4s ease;
}

.portfolio-item:hover .portfolio-item__img img {
	opacity: .8;
}

.portfolio-item__title {
	font-size: 24px;
	font-weight: 800;
}

.portfolio-item__cat {
	font-size: 12px;
	color: #787878;
}

/* Video widget */

.video-widget {
	position: fixed;
    left: 0px;
    bottom: 0px;
	z-index: 999999;
}

.video-widget__container {
    position: absolute;
    left: 50px;
    bottom: 50px;
    width: 130px;
    height: 180px;
	background: rgb(238, 238, 238);
	border-color: rgb(255, 255, 255);
	border-radius: 20px;
    border-width: 5px;
	border-style: solid;
	box-shadow: rgb(0 0 0 / 20%) 0px 10px 20px;
	transition: .4s ease;
	z-index: 999999;
	overflow: hidden;
	cursor: pointer;
}

.video-widget__container:hover {
	transform: scale(1.05) translate(5px, -5px);
    border-color: #0500FF;
}

.video-widget__container.show {
	width: 280px;
    height: 500px;
    border-radius: 20px;
    border-color: rgb(255, 255, 255);
}

.video-widget__video {
	object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    z-index: 200;
}

.video-widget__close {
	position: absolute;
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    z-index: 2500;
	opacity: 0;
	transition: .4s ease;
}

.video-widget__container:hover .video-widget__close {
	opacity: 0.5;
}

.video-widget__close::before,
.video-widget__close::after {
	content: " ";
	position: absolute;
    left: 9px;
    top: 1px;
    height: 18px;
    width: 2px;
    background: white;
    box-shadow: rgb(0 0 0 / 50%) 1px 1px 10px;
}

.video-widget__close::before {
	transform: rotate(45deg);
}

.video-widget__container.show .video-widget__close::before {
	content: none;
}

.video-widget__close::after {
	transform: rotate(-45deg);
}

.video-widget__container.show .video-widget__close::after {
	transform: rotate(90deg);
}

/* .video-widget__btn {
	position: absolute;
	top: 88%;
	left: 50%;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
}

.video-widget__container.show .video-widget__btn {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
} */

/* WordPress Dev */

#wp-features {
	background: #0500FF;
}

.wp-features-list {
	margin-bottom: 0;
	list-style-type: none;
}

.wp-features-list__item:nth-child(4) {
	align-items: center;
}

.wp-features-list__item-number {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 55px;
	height: 74px;
	font-size: 24px;
	font-weight: 800;
	background: #FFFFFF;
	box-shadow: -7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.wp-included-price__content {
	padding: 4vw 5vw;
	background: #FFFFFF;
	border-radius: 30px;
}

.wp-included-price__title {
	font-size: 36px;
}

.wp-included-price-list {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.wp-included-price-list__item {
	display: flex;
	align-items: center;
	width: 50%;
	padding-right: 37px;
}

.wp-included-price-list__item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 37px;
	min-width: 55px;
	height: 74px;
	background: #FFFFFF;
	box-shadow: -7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.wp-included-price-photo {
	height: 100%;
}

.wp-included-price-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}

#wp-stages .container {
	position: relative;
	z-index: 1;
}

.wp-stages-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
	padding-left: 0;
	list-style-type: none;
}

.wp-stages-list__item {
	position: relative;
	display: flex;
	align-items: center;
	width: calc(100% - 24px);
	margin: 0 12px;
	background: #FFFFFF;
	border-radius: 30px;
}

.wp-stages-list__item:nth-child(3),
.wp-stages-list__item:nth-child(4),
.wp-stages-list__item:nth-child(5) {
	width: calc(50% - 24px);
}

.wp-stages-list__item-number {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 71px;
	min-height: 101px;
	height: 100%;
	font-size: 24px;
	font-weight: 800;
	background: #FFFFFF;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.wp-stages-list__item-text {
	padding: 20px 33px 20px 24px;
}

.wp-stages-list__item:nth-child(1) .wp-stages-list__item-text {
	padding-right: 60px;
}

.wp-stages-list__item-hidden-wrapper {
	position: absolute;
	right: 0;
	top: 0;
}

.wp-stages-list__item-hidden-icon {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	font-size: 10px;
	background: #FF3B62;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	transition: .4s ease;
	cursor: pointer;
}

.wp-stages-list__item-hidden-icon:hover {
	background: #FFE500;
}

.wp-stages-list__item-hidden-text {
	position: absolute;
	top: 60px;
	right: 0;
	width: 350px;
	padding: 24px;
	background: #FFFFFF;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
	border-radius: 30px;
	opacity: 0;
	visibility: hidden;
	transition: .4s ease;
}

.wp-stages-list__item-hidden-icon:hover + .wp-stages-list__item-hidden-text {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

.wp-stages-list__item-hidden-text ul {
	padding-left: 24px;
}

#wp-benefits {
	background: #FFFFFF;
}

.wp-benefits-list {
	margin-bottom: 0;
	list-style-type: none;
}

.wp-benefits-list__item {
	display: flex;
	margin-bottom: 30px;
}

.wp-benefits-list__item:nth-child(3),
.wp-benefits-list__item:nth-child(4) {
	align-items: center;
}

.wp-benefits-list__item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 71px;
	height: 101px;
	background: #FFFFFF;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.wp-last-steps-top {
	padding: 4vw;
	margin-bottom: 48px;
	background: #FFFFFF;
	border-radius: 30px;
}

.wp-last-steps-left {
	height: 100%;
	padding: 48px;
	background: #FFFFFF;
	border-radius: 30px;
}

.wp-last-steps-right {
	height: 100%;
	padding: 48px 40px;
	background: #0500FF;
	border-radius: 30px;
}

.wp-last-steps-left h3,
.wp-last-steps-right h3 {
	font-size: 24px;
}

.wp-optimization__title {
	font-size: 4.375vw;
}

.wp-optimization-text {
	padding: 48px;
	background: #FFFFFF;
	border-radius: 30px;
}

#wp-suitable {
	background: url('../images/dev-includes.png') center/cover no-repeat;
}

.wp-suitable-list {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.wp-suitable-list__item-wrapper {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 36px;
	background: #FFFFFF;
	border-radius: 30px;
}

.wp-suitable-list__item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 55px;
	height: 74px;
	background: #FFFFFF;
	box-shadow: -7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

#wp-additional-services .container {
	position: relative;
	z-index: 1;
}

.wp-additional-services-list {
	padding: 4vw 5vw;
	margin-bottom: 0;
	list-style-type: none;
	background: #FFFFFF;
	border-radius: 30px;
}

.wp-additional-services-list__item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 55px;
	height: 74px;
	background: #FFFFFF;
	box-shadow: -7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.wp-faq-accordion .card {
	margin-bottom: 24px;
	background: transparent;
	border: none;
}

.wp-faq-accordion .card-header {
	padding: 0;
	border-radius: 30px;
	border: none;
}

.wp-faq-accordion button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 20px 48px;
	font-size: 18px;
	font-weight: 800;
	background: #fff;
	border-radius: 30px;
	border: none;
	outline: none;
}

.wp-faq-accordion button:focus {
	box-shadow: none;
}

.wp-faq-accordion button span {
	text-align: left;
	white-space: break-spaces;
}

.wp-faq-accordion .card-icon {
	position: relative;
	min-width: 60px;
	width: 60px;
	height: 60px;
	margin-left: 24px;
	background: #FF3B62;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
}

.wp-faq-accordion button.collapsed .card-icon {
	background: #fff;
}

.wp-faq-accordion .card-icon::before,
.wp-faq-accordion .card-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.wp-faq-accordion .card-icon::before {
	width: 16px;
	height: 2px;
	background: #fff;
}

.wp-faq-accordion .card-icon::after {
	display: none;
}

.wp-faq-accordion button.collapsed .card-icon::before {
	background: #FF3B62;
}

.wp-faq-accordion button.collapsed .card-icon::after {
	display: block;
	width: 2px;
	height: 16px;
	background: #FF3B62;
}

.wp-faq-accordion .card-body {
	padding: 24px 48px;
}

/* Logo development */

body.page-template-page-logo-development .slick-arrow {
	position: absolute;
    bottom: -96px;
}

body.page-template-page-logo-development .prev-slick {
	left: 12px;
}

body.page-template-page-logo-development .next-slick {
	right: 12px;
}

body.page-template-page-logo-development .slick-dots {
	left: 50%;
    bottom: -94px;
    transform: translateX(-50%);
}

body.page-template-page-logo-development .slick-dots li button:before {
	width: 9px;
    height: 9px;
    background: #787878;
}

body.page-template-page-logo-development .slick-dots li.slick-active button:before, 
body.page-template-page-logo-development .slick-dots li:hover button:before {
	background: #FF3B62;
}

/* Exit block */

.exit-block {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 550px;
	width: 100%;
	z-index: 9999;
}

.exit-block__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 48px;
	text-align: center;
	background: #FFFFFF;
}

.exit-block__title {
	font-size: 24px;
	font-weight: 600;
}

a.exit-block__link {
	background: #0B7BFF !important;
}

a.exit-block__link:hover {
	background: #0B7BFF !important;
	box-shadow: 0px 25px 30px -18px rgba(11, 123, 255, 0.7) !important;
}

.exit-block__close {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 3;
	width: 24px;
	height: 24px;
	background: url('../images/icon-close.svg') center/cover no-repeat;
	cursor: pointer;
}

/* Warning cookie */

.warning-cookie {
	display: none;
	position: fixed;
	bottom: 110px;
	right: 32px;
	width: 290px;
	z-index: 3;
}

.warning-cookie__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 24px;
	text-align: center;
	background: #FFFFFF;
	border-radius: 12px;
}

.warning-cookie__text {
	font-size: 0.75rem;
}

.warning-cookie__link {
	color: #FF3B62;
}

.warning-cookie__link:hover {
	color: #040000;
}

.warning-cookie__close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	width: 14px;
	height: 14px;
	background: url('../images/icon-close.svg') center/cover no-repeat;
	cursor: pointer;
}

/* Consultation */

#consultation-questions {
	background: url('../images/about-why-bg.png') center/cover no-repeat;
}

.consultation-questions-list__item-wrapper {
	height: 100%;
	padding: 48px;
	background: #FFFFFF;
	border-radius: 30px;
}

.consultation-questions-list__item-img {
	width: 29px;
	height: 25px;
	object-fit: contain;
}

#consultation-freelance {
	background: url('../images/about-why-bg.png') center/cover no-repeat;
}

.consultation-freelance-list__item-wrapper {
	height: 100%;
	padding: 48px;
	background: #FFFFFF;
	border-radius: 30px;
}

.consultation-freelance-list__item-img {
	width: 29px;
	height: 25px;
	object-fit: contain;
}

#consultation-additionally {
	background: url('../images/about-why-bg.png') center/cover no-repeat;
}

.consultation-additionally-list__item-wrapper {
	height: 100%;
	padding: 48px;
	background: #FFFFFF;
	border-radius: 30px;
}

.consultation-additionally-list__item-img {
	width: 29px;
	height: 25px;
	object-fit: contain;
}

#number-one {
	background: #FFE500;
}

.number-one__text {
	font-size: 24px;
	font-weight: 800;
	text-align: center;
	letter-spacing: 0.04em;
}

.how-consultation__left {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.how-consultation__img {
	margin-top: auto;
}

.how-consultation-list__item {
	display: flex;
	margin-bottom: 24px;
	background: #FFFFFF;
	border-radius: 30px;
}

.how-consultation-list__item:last-child {
	margin-bottom: 0;
}

.how-consultation-list__item-number {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 71px;
	font-size: 24px;
	font-weight: 800;
	background: #FFFFFF;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.how-consultation-list__item-text {
	padding: 48px;
}

.how-consultation-list__item-text p:last-child {
	margin-bottom: 0;
}

#consultation-price {
	background: #0500FF;
}

.consultation-price-list__item-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2.5vw;
	background: #FFFFFF;
	border-radius: 30px;
}

.consultation-price-list__item-wrapper:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 150px;
	height: 7px;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}

.consultation-price-list__item:nth-child(1) .consultation-price-list__item-wrapper:before {
	background: #FFE500;
}

.consultation-price-list__item:nth-child(2) .consultation-price-list__item-wrapper:before {
	background: #9D3BFF;
}

.consultation-price-list__item:nth-child(3) .consultation-price-list__item-wrapper:before {
	background: #FF3B62;
}

.consultation-price-list__item-title {
	font-size: 24px;
	font-weight: 800;
}

.consultation-reviews__right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.consultation-reviews__right .photo {
	display: flex;
    align-items: flex-end;
    min-width: 72px;
    height: 72px;
	margin-right: 40px;
    background: #FF3B62;
    border-radius: 50%;
}

.consultation-reviews__right .text {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 411px;
	padding: 36px 48px;
	background: #0500FF;
	border-radius: 30px;
}

.consultation-reviews__right .text::after {
	content: '';
	position: absolute;
	top: 100%;
	right: 32px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 27px 16px 0;
	border-color: transparent #0500FF transparent transparent;
}

.consultation-reviews-list__item {
	display: flex;
	margin-bottom: 48px;
}

.consultation-reviews-list__item:last-child {
	margin-bottom: 0;
}

.consultation-reviews-list__item-avatar {
	min-width: 96px;
	width: 96px;
	height: 96px;
	margin-right: 40px;
}

.consultation-reviews-list__item-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.consultation-reviews-list__item-content {
	display: flex;
	flex-direction: column;
	padding: 48px;
	background: #FFFFFF;
	border-radius: 30px;
}

.consultation-reviews-list__item-name {
	font-size: 24px;
	font-weight: 800;
}

.consultation-reviews-list__item-date {
	font-size: 12px;
}

.consultation-reviews-list__item-link-wrapper {
	font-size: 12px;
}

.payment-course-wrapper {
	padding: 96px 7vw;
    background: #FFFFFF;
    border-radius: 30px;
}

.payment-course-wrapper .wpcf7-radio input {
	position: absolute;
	visibility: hidden;
    opacity: 0;
}

.payment-course-wrapper .wpcf7-list-item {
	margin: 0 48px 0 0;
}

.payment-course-wrapper .wpcf7-list-item-label {
	position: relative;
    cursor: pointer;
    padding-left: 40px;
}

.payment-course-wrapper .wpcf7-list-item-label::before {
	position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 1px solid #FF3B62;
    background: #FFFFFF;
}

.payment-course-wrapper input:checked ~ .wpcf7-list-item-label::after {
	position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #FF3B62;
}

#exportContent {
	position: absolute;
	top: -100vw;
	opacity: 0;
	visibility: hidden;
}

.thank-you__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 5vw;
}

#thank-you .title-main {
	font-size: 60px;
}

#privacy-policy h1 {
	font-size: 64px;
}

body.privacy-policy .entry-content {
	color: #767676;
}

/* Cooperation page */

#first-cooperation .container {
	position: relative;
	z-index: 1;
}

.partner-tasks-list-block {
	border-radius: 30px;
	padding: 48px;
	background: #fff;
}

.partner-tasks-list {
	margin-bottom: 0;
}

.partner-tasks-list__item {
	margin-bottom: 16px;
}

.partner-tasks-list__item:last-child {
	margin-bottom: 0;
}

.partner-tasks-list__item::marker {
	font-size: 22px;
	color: #0500ff;
}

#partnership-scheme {
	background: #0500ff;
}

.partnership-scheme-list {
	margin-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}

.partnership-scheme-list__item {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

.partnership-scheme-list__item:last-child {
	margin-bottom: 0;
}

.partnership-scheme-list__number {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 24px;
	box-shadow: -7px 7px 15px 0 rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	min-width: 55px;
	height: 74px;
	background: #fff;
	font-size: 24px;
	font-weight: 800;
}

.partnership-scheme-list__text {
	color: #fff;
}

#offer-clients .title-section {
	font-size: 64px;
}

.offer-clients-photo {
	max-height: 750px;
	object-fit: contain;
}

.offer-clients-list {
	margin-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}

.offer-clients-list__item {
	display: flex;
	margin-bottom: 24px;
	border-radius: 30px;
	background: #fff;
}

.offer-clients-list__item:last-child {
	margin-bottom: 0;
}

.offer-clients-list__icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 7px 7px 15px 0 rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	min-width: 71px;
}

.offer-clients-list__text {
	padding: 48px;
}

#examples-cooperation {
	background: #262729;
}

.examples-cooperation-gallery__wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	height: 566px;
	padding: 48px;
	background: #fff;
}

.examples-cooperation-gallery__link {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
}

.examples-cooperation-gallery__link::before,
.examples-cooperation-gallery__link::after {
	content: '';
	position: absolute;
	opacity: 0;
	transition: .4s ease;
}

.examples-cooperation-gallery__link:hover::before,
.examples-cooperation-gallery__link:hover::after {
	opacity: 1;
}

.examples-cooperation-gallery__link::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
}

.examples-cooperation-gallery__link::after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	background: url('../images/icon-search.svg');
}

.examples-cooperation-gallery__img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#cooperation-add-info {
	background: #ffe500;
}

.cooperation-add-info-text a {
	white-space: nowrap;
}

.page-template-page-cooperation #tabs-form {
	scroll-margin-top: 130px;
}

.page-template-page-cooperation #tabs-form .wrapper {
	padding: 106px 48px;
}

.page-template-page-cooperation .tabs-form__img-wrapper {
	max-height: 618px;
}

/* FAQ page */

.faq-page-accordion .card {
	margin-bottom: 24px;
    background: transparent;
    border: none;
}

.faq-page-accordion .card-header {
	padding: 0;
    border-radius: 30px;
    border: none;
}

.faq-page-accordion button {
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 48px;
    font-size: 18px;
    font-weight: 800;
    background: #fff;
    border-radius: 30px;
    border: none;
    outline: none;
}

.faq-page-accordion button:focus {
	box-shadow: none;
}

.faq-page-accordion button span {
	text-align: left;
    white-space: break-spaces;
}

.faq-page-accordion .card-icon {
	position: relative;
    min-width: 60px;
    width: 60px;
    height: 60px;
    margin-left: 24px;
    background: #FF3B62;
    box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}

.faq-page-accordion button.collapsed .card-icon {
	background: #fff;
}

.faq-page-accordion .card-icon::before,
.faq-page-accordion .card-icon::after {
	content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.faq-page-accordion .card-icon::before {
	width: 16px;
    height: 2px;
    background: #fff;
}

.faq-page-accordion button.collapsed .card-icon::before {
	background: #FF3B62;
}

.faq-page-accordion .card-icon::after {
	display: none;
}

.faq-page-accordion button.collapsed .card-icon::after {
	display: block;
    width: 2px;
    height: 16px;
    background: #FF3B62;
}

.faq-page-accordion .card-body {
	padding: 24px 48px;
}

/* Blog post: Аудит-сайта-перед-разработкой start */
.postid-4019 .toc {
	display: none;
}

.rocket {
	display: flex;
	align-items: center;
	gap: 24px;
}

.rocket__img {
	margin: 0 !important;
	border-radius: 0 !important;
}

.rocket__text {
	font-weight: 800;
	font-size: 18px;
	line-height: 2;
	letter-spacing: 0.04em;
}

.audit-stages {
	display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.audit-stages li {
	position: relative;
	margin-bottom: 0 !important;
	border-radius: 30px;
	padding: 24px 33px 24px 95px;
	background-color: #fff;
}

.audit-stages li:nth-child(5),
.audit-stages li:nth-child(6) {
	width: calc(50% - 12px);
}

.audit-stages li::before {
	content: counters(item, ".") !important;
	position: absolute;
	top: 0;
	left: 0;
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-shadow: 7px 7px 15px 0 rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	width: 71px;
	height: 100%;
	padding: 0 !important;
	font-weight: 800 !important;
	font-size: 24px;
	line-height: 2;
	color: #0b0b0b !important;
}
/* Blog post: Аудит-сайта-перед-разработкой end */

/* Blog post: Советы-перед-seo-продвижением start */
.postid-4016 .toc {
	display: none;
}
/* Blog post: Советы-перед-seo-продвижением end */

/* PRICES PAGE START */
.development-prices__title,
.promotion-prices__title {
	font-size: 64px;
}

.development-prices__list,
.promotion-prices__list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 48px;
	padding: 0;
	list-style-type: none;
}

.development-prices__item-wrapper,
.promotion-prices__item-wrapper {
	border-radius: 30px;
	padding: 32px 48px 48px 48px;
	background-color: #fff;
}

.development-prices__item-header,
.promotion-prices__item-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 8px;
}

.development-prices__item-title,
.development-prices__item-price,
.promotion-prices__item-title,
.promotion-prices__item-price {
	font-weight: 800;
	font-size: 24px;
	line-height: 200%;
	letter-spacing: 0.04em;
}

.development-prices__item-price,
.promotion-prices__item-price {
	white-space: nowrap;
}

.development-prices__item-text,
.promotion-prices__item-text {
	max-width: 1024px;
}

.development-prices__item-content,
.promotion-prices__item-content {
	display: flex;
	justify-content: space-between;
	gap: 24px;
}

.development-prices__item-period,
.promotion-prices__item-period {
	display: flex;
	justify-content: flex-end;
	white-space: nowrap;
	color: #787878;
}
/* PRICES PAGE END */

/* PRICES DEVELOPMENT PAGE START */
.development-prices-page__title {
	font-size: 64px;
	line-height: 144%;
	letter-spacing: 0.04em;
}

.development-prices-page__item-wrapper {
	display: flex;
    flex-direction: column;
	border-radius: 30px;
	height: 100%;
	padding: 32px 48px 48px;
	background-color: #fff;
}

.development-prices-page__item-title {
	margin-bottom: 16px;
	font-weight: 800;
	font-size: 24px;
	line-height: 200%;
	letter-spacing: 0.04em;
}

.development-prices-page__item-include {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 8px;
	padding: 0;
	list-style-type: none;
}

.development-prices-page__item-include-li {
	display: flex;
}

.development-prices-page__item-include-li::before {
	content: '';
	display: inline-block;
	margin: 11px 8px auto 0;
	border-radius: 50%;
	min-width: 8px;
	width: 8px;
	height: 8px;
	background-color: #FF3B62;
}

.development-prices-page__item-include-icon {
	position: relative;
	transition: .4s ease;
	margin-left: 4px;
	min-width: 16px;
	width: 16px;
	height: 16px;
	background: url('../images/question-line-empty.svg');
}

.development-prices-page__item-include-icon:hover {
	background: url('../images/question-line.svg');
}

.development-prices-page__item-include-description {
	position: absolute;
	z-index: 2;
	left: 4px;
	bottom: 12px;
	transition: .4s ease;
	box-shadow: 7px 7px 15px 0 rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	width: 240px;
	padding: 16px;
	background-color: #ff3b62;
	letter-spacing: 0.04em;
	color: #fff;
	opacity: 0;
	visibility: hidden;
}

.development-prices-page__item-include-icon:hover .development-prices-page__item-include-description {
	opacity: 1;
	visibility: visible;
}

.development-prices-page__item-exclude {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 8px;
	padding: 0;
	list-style-type: none;
}

.development-prices-page__item-exclude-li {
	display: flex;
}

.development-prices-page__item-exclude-li::before {
	content: '';
	display: inline-block;
	margin: 11px 8px auto 0;
	border-radius: 50%;
	min-width: 8px;
	width: 8px;
	height: 8px;
	background: url('../images/close.svg');
}

.development-prices-page__item-bonus {
	display: inline-flex;
	gap: 8px;
	margin-bottom: 24px;
}

.development-prices-page__item-bonus::before {
	content: '';
	display: inline-block;
	margin-top: 11px;
	min-width: 8px;
	width: 8px;
	height: 8px;
	background: url('../images/plus.svg');
}

.development-prices-page__item-price {
	margin: auto 0 32px 0;
	font-weight: 800;
	font-size: 24px;
	line-height: 200%;
	letter-spacing: 0.04em;
}

.development-prices-page__btn {
	width: 100%;
}

.faq__list .card {
	margin-bottom: 24px;
	background: transparent;
	border: none;
}

.faq__list .card-header {
	padding: 0;
	border-radius: 30px;
	border: none;
}

.faq__list button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 20px 48px;
	font-size: 18px;
	font-weight: 800;
	background: #fff;
	border-radius: 30px;
	border: none;
	outline: none;
}

.faq__list button:focus {
	box-shadow: none;
}

.faq__list button span {
	text-align: left;
	white-space: break-spaces;
}

.faq__list .card-icon {
	position: relative;
	min-width: 60px;
	width: 60px;
	height: 60px;
	margin-left: 24px;
	background: #FF3B62;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
}

.faq__list button.collapsed .card-icon {
	background: #fff;
}

.faq__list .card-icon::before,
.faq__list .card-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.faq__list .card-icon::before {
	width: 16px;
	height: 2px;
	background: #fff;
}

.faq__list .card-icon::after {
	display: none;
}

.faq__list button.collapsed .card-icon::before {
	background: #FF3B62;
}

.faq__list button.collapsed .card-icon::after {
	display: block;
	width: 2px;
	height: 16px;
	background: #FF3B62;
}

.faq__list .card-body {
	padding: 24px 48px;
}
/* PRICES DEVELOPMENT PAGE END */

/* PRICES PROMOTION PAGE START */
.promotion-prices-page__title {
	font-size: 64px;
	line-height: 144%;
	letter-spacing: 0.04em;
}

.promotion-prices-page__item-wrapper {
	display: flex;
    flex-direction: column;
	border-radius: 30px;
	height: 100%;
	padding: 32px 48px 48px;
	background-color: #fff;
}

.promotion-prices-page__item-title {
	margin-bottom: 16px;
	font-weight: 800;
	font-size: 24px;
	line-height: 200%;
	letter-spacing: 0.04em;
}

.promotion-prices-page__item-sublist {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 24px;
	padding: 0;
	list-style-type: none;
}

.promotion-prices-page__item-li {
	display: flex;
}

.promotion-prices-page__item-li::before {
	content: '';
	display: inline-block;
	margin: 11px 8px auto 0;
	border-radius: 50%;
	min-width: 8px;
	width: 8px;
	height: 8px;
	background-color: #FF3B62;
}

.promotion-prices-page__item-icon {
	position: relative;
	transition: .4s ease;
	margin-left: 4px;
	min-width: 16px;
	width: 16px;
	height: 16px;
	background: url('../images/question-line-empty.svg');
}

.promotion-prices-page__item-icon:hover {
	background: url('../images/question-line.svg');
}

.promotion-prices-page__item-description {
	position: absolute;
	z-index: 2;
	left: 4px;
	bottom: 12px;
	transition: .4s ease;
	box-shadow: 7px 7px 15px 0 rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	width: 240px;
	padding: 16px;
	background-color: #ff3b62;
	letter-spacing: 0.04em;
	color: #fff;
	opacity: 0;
	visibility: hidden;
}

.promotion-prices-page__item-icon:hover .promotion-prices-page__item-description {
	opacity: 1;
	visibility: visible;
}

.promotion-prices-page__item-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: auto;
}

.promotion-prices-page__item-price {
	font-weight: 800;
	font-size: 24px;
	line-height: 200%;
	letter-spacing: 0.04em;
}

.promotion-prices-page__item-period {
	font-weight: 800;
	color: #787878;
}

.promotion-prices-stages__left {
	position: relative;
	display: flex;
	flex-direction: column;
	box-shadow: 7px 7px 15px 0 rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	height: 100%;
	padding: 48px;
	background-color: #0b0b0b;
}

.promotion-prices-stages__left::after {
	content: '';
	position: absolute;
	right: 48px;
	bottom: 48px;
	width: 109px;
	height: 107px;
	background: url('../images/prices-promo-stages.svg') center/contain no-repeat;
}

.promotion-prices-stages__title {
	margin: 0;
	font-size: 36px;
	color: #fff;
}

.promotion-prices-stages__right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-shadow: 7px 7px 15px 0 rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	height: 100%;
	padding: 48px;
	background-color: #fff;
}

.promotion-prices-stages__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 48px;
	padding-left: 24px;
}

.promotion-prices-stages__item::marker {
	color: #ff3b62;
}

.promotion-prices-stages__btn {
	margin-top: auto;
}
/* PRICES PROMOTION PAGE END */

/* AUDIT PAGE START */
.first-audit__title {
	font-size: 130px;
	line-height: 131%;
}

.audit-advantages__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding-left: 24px;
}

.audit-advantages__item::marker {
	color: #ff3b62;
}

.audit-checks {
	background-color: #9d3bff;
}

.audit-checks__title {
	color: #fff;
}

.audit-checks__item-wrapper {
	display: flex;
	align-items: center;
	gap: 24px;
}

.audit-checks__item-icon {
	position: relative;
	box-shadow: -7px 7px 15px 0 rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	min-width: 55px;
	width: 55px;
	height: 74px;
	background-color: #fff;
}

.audit-checks__item-icon::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 24px;
	background: url('../images/check.svg');
}

.audits-examples__list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.audits-examples__item-wrapper {
	display: flex;
	gap: 24px;
	border-radius: 30px;
	background-color: #fff;
	overflow: hidden;
}

.audits-examples__item-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 96px auto 96px 96px;
}

.audits-examples__item-title {
	margin-bottom: 24px;
	font-weight: 800;
	font-size: clamp(24px, 3.5vw, 64px);
	line-height: 144%;
}

.audits-examples__item-subtitle {
	margin-bottom: 48px;
	font-weight: 800;
	font-size: clamp(18px, 2.5vw, 48px);
	line-height: 1.375;
	color: #0500ff;
}

.audits-examples__item-img-wrapper {
	margin: auto 96px 0 auto;
	border-radius: 30px 30px 0 0;
	padding: 40px 53px 0 53px;
	background-color: #e2e2e2;
}

.audits-examples__item-img {
	border-radius: 15px 15px 0 0;
	width: 100%;
	height: 340px;
	object-fit: cover;
}

.page-template-page-audit #communication-blocks {
	padding-bottom: 0;
}
/* AUDIT PAGE END */

span[data-name="hcap-cf7"]~input[type="submit"], 
span[data-name="hcap-cf7"]~button[type="submit"] {
	margin-top: 0 !important;
}

.wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-acceptance label {
	display: flex;
	gap: 4px;
	margin-bottom: 0;
}

.wpcf7-acceptance div {
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
}




/* Animations */

@keyframes moving-one {
	0% {right: 10%;top: 50%;transform: rotate(30deg);}
	25% {right: 50%;top: 10%;transform: rotate(120deg);}
	50% {right: calc(100% - 35vw);top: 50%;transform: rotate(210deg);}
	75% {right: 50%;top: calc(100% - 35vw);transform: rotate(300deg);}
	100% {right: 10%;top: 50%;transform: rotate(30deg);}
}

@keyframes moving-two {
	0% {right: 10%;top: calc(100% - 35vw);transform: rotate(30deg);}
	25% {right: calc(100% - 35vw);top: calc(100% - 35vw);transform: rotate(-60deg);}
	50% {right: calc(100% - 35vw);top: 10%;transform: rotate(-150deg);}
	75% {right: 10%;top: 10%;transform: rotate(-240deg);}
	100% {right: 10%;top: calc(100% - 35vw);transform: rotate(30deg);}
}

@keyframes arrow-up-down {
	0% {transform: translateY(0);}
	50% {transform: translateY(-16px);}
	100% {transform: translateY(0);}
}

@keyframes title-cursor {
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes brick-running {
	0% {transform: translate(100%, 0);}
	100% {transform: translate(-100%, 0);}
}

/* @keyframes text-running {
	0% {left: 100%;}
	50% {left: -100%;}
	100% {left: -100%;}
} */

@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@keyframes repair {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@keyframes flashing {
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}






@media (max-height: 800px) {
	.socials .link {margin-bottom: 36px !important;}
}

@media (min-width: 1400px) {
	.container {max-width: 1320px;}
	.col-xxl-8 {max-width: 66.666667%;}
}

@media (min-width: 1600px) {
	.container {max-width: 1650px;}
}

@media (max-width: 1600px) {
	/* Front-page */
	#advertising .title-section {font-size: 94px;}
	#promotion .title-section {font-size: 120px;}

	/* Single blog */
	.popular-articles__info {flex-direction: column;}
	.popular-articles__time {margin-bottom: 8px;}
	.popular-articles__date {margin-bottom: 8px;}

	.communication-blocks__item {padding: 48px 24px;}

	/* Brief */
	.brief-chapter .introduce .left {padding-right: 48px;}

	/* Contacts page */
	#contacts-header .title-main {font-size: 96px;}

	/* About page */
	#about-me .title-section {font-size: 68px;}	
	#about-awards .title-section {font-size: 68px;}	
	#about-cv .cv-wrapper {padding: 24px;}

	/* PRICES DEVELOPMENT PAGE START */
	.development-prices-page__item-include-description {left: auto;right: -50%;}

	/* PRICES PROMOTION PAGE START */
	.promotion-prices-page__item-description {left: auto;right: -50%;}
	.promotion-prices-page__item-bottom {flex-direction: column;align-items: flex-start;gap: 8px;}
}

@media (max-width: 1399px) {
	/* Main styles */
	h2, .title-section {font-size: 60px;}

	/* Header */
	#page > .socials {display: none;}

	/* Responsive menu */
	.header-bottom__wrapper {height: 80%;}
	.main-navigation .menu > li > a {font-size: 60px;}

	/* Footer */
	.custom-logo-link__wrapper {padding-bottom: 48px;}

	/* Front-page */
	.main-screen__title {font-size: 80px;}
	.main-screen__content {width: 600px;padding-left: 82px;}
	.main-screen__photo {right: calc((100vw - 1080px)/2);}

	#sites .title-section {font-size: 200px;}

	#promotion .title-section {font-size: 100px;}
	.brick {min-width: 54px;height: 18px;margin-left: 18px;}
	.brick--long {min-width: 176px;}

	#design .title-section {font-size: 170px;}
	.design__text {width: 632px;margin: auto;}

	#advertising .title-section {font-size: 78px;}

	.media {height: 100%;}
	.media__list {flex-wrap: wrap;}
	.media__item {width: 50%;margin-bottom: 48px;}

	.interview {padding: 66px 281px 82px 113px;}
	.interview__list {flex-wrap: wrap;margin-bottom: 0;}
	.interview__item {padding-right: 96px;margin-bottom: 48px;}

	#portfolio .title-section {font-size: 110px;padding-bottom: 130px;}

	/* Single blog */
	.communication-blocks__item--messengers .messengers {flex-wrap: wrap;}
	.communication-blocks__item--messengers .messengers__btn:first-child {margin-right: 0;margin-bottom: 24px;}

	/* Categories services */
	#category-header .title-main {font-size: 92px;}
	#dev-includes .item {padding-right: 24px;}
	#dev-includes .number {margin-right: 24px;}

	/* About */
	#about-header .title-main {font-size: 96px;}
	#about-why .list .item {padding-right: 48px;}
	#about-awards .title-section {font-size: 48px;}	
	#about-cv .cv-wrapper {padding: 24px 8px;}

	/* SEO page */
	.seo-cases__content {padding: 0;padding-left: 24px;}

	/* AUDIT PAGE */
	.first-audit__title {font-size: 84px;}
}

@media (max-height: 1015px) {
	.main-navigation .menu > li > a {
		font-size: 36px;	
	}
}

@media (max-width: 1199px) {
	/* Main styles */
	h1, .title-main {font-size: 58px;line-height: 1.4;}
	h2, .title-section {font-size: 48px;}

	/* Header */
	.header-top {padding: 24px 0;}
	.contact-tg {min-width: 58px;padding: 19px;}
	.contact-tg .icon-tg {margin-right: 0;}
	.contact-tg span {display: none;}

	/* Responsive menu */
	.header-bottom__wrapper {transform: translateY(-45%);}
	.main-navigation .menu > li > a {font-size: 36px;}

	/* Front-page */
	body.home #content {margin-top: -116px;}
	.main-screen__wrapper {margin-top: 126px;margin-bottom: 96px;}
	.main-screen__content {width: 470px;}
	.main-screen__title {font-size: 58px;}
	.main-screen__photo {width: 366px;right: calc((100vw - 880px)/2);}

	.promotion__bricks {width: 16%;top: 25vh;}
	.bricks-line {margin-bottom: 24px;}
	#promotion .title-section {font-size: 86px;}
	.promotion__wrapper {padding-left: 59px;}
	.promotion__content {padding-right: 70px;}
	.promotion__btn {padding: 80px 46px;}

	#advertising .title-section {font-size: 62px;}

	.main-form__wrapper {padding: 60px 82px;}
	#main-form .title-section {font-size: 48px;}

	/* Blog */
	body:not(.category-blog) #blog-page .title-main {font-size: 58px;}
	.blog-page__item {padding: 48px;}

	/* Single blog */
	.single-blog__right {margin-top: 96px;}

	/* Categories services */
	#tabs-form .wrapper {padding: 48px 24px;}

	#dev-advantages .left {padding: 48px 24px;}
	#dev-advantages .top {padding: 48px 24px;}
	#dev-advantages .bottom img {height: auto;}

	#dev-make .wrapper {padding: 48px;}

	/* Reviews page */
	.reviews-epigraph .text {padding: 24px;}

	/* About */
	#about-header .content {padding-bottom: 96px;}
	#about-me .title-section {font-size: 48px;}	
	#about-cv .cv-wrapper {padding: 24px;margin-bottom: 24px;}

	/* SEO page */
	.seo-cases__wrapper {flex-direction: column;}

	/* Portfolio page */
	#portfolio-header .title-main {font-size: 58px;}

	/* WP Development */
	.wp-features-list {padding-left: 0;}
	.wp-included-price-list__item {padding-right: 24px;}
	.wp-included-price-list__item-icon {margin-right: 16px;}
	.wp-benefits-list {padding-left: 0;}

	/* AUDIT PAGE */
	.audits-examples__item-content {margin: 96px auto 96px 48px;}
	.audits-examples__item-img-wrapper {margin: auto 48px 0 auto;padding: 40px 40px 0 40px;}
}

@media (max-width: 991px) {
	/* Header */
	.contact-phone {display: none;}
	.contact-wa {margin-right: 48px;}

	/* Responsive menu */
	.header-bottom__wrapper {flex-wrap: wrap;overflow-y: scroll;}
	.main-navigation {width: 100%;}
	.header-bottom__portfolio {width: 100%;}
	.header-bottom__portfolio .link {height: auto;padding: 15% 20% 20%;}
	.header-bottom__portfolio .portfolio__eye {margin-bottom: 48px;}
	.header-bottom .socials {bottom: 5%;}

	/* Footer */
	.site-footer .messengers__btn {width: 100%;}

	/* Front-page */
	.main-screen__wrapper {margin-top: 119px;margin-bottom: 48px;padding-top: 65px;padding-bottom: 48px;}
	.main-screen__content {width: 400px;padding-left: 62px;}
	.main-screen__title {font-size: 36px;}
	.main-screen__photo {width: 286px;right: calc((100vw - 700px)/2);}

	#sites .title-section {font-size: 150px;}

	#promotion .title-section {font-size: 76px;}
	.promotion__wrapper {padding-left: 62px;}
	.promotion__content {padding-right: 50px;}
	.promotion__btn {padding: 90px 36px;}
	.icon-arrow {width: 30px;height: 30px;}

	#advertising .title-section {font-size: 45px;height: 220px;padding-bottom: 96px;}

	.media__content {width: 50%;padding: 48px 38px;}
	.media__title {font-size: 18px;}
	.media__item {padding-right: 48px;}
	.media__img-wrapper {width: 50%;}

	.interview {padding: 48px 38px;}
	.interview__title {font-size: 18px;}
	.interview__list {justify-content: inherit;}
	.interview__item {width: 200px;}

	.awards {padding: 48px 38px;}

	#portfolio .title-section {font-size: 76px;padding-bottom: 96px;}

	.main-form__wrapper {padding: 48px 60px;}

	/* Blog */
	#blog-page .title-main {margin-bottom: 48px;}

	/* Single blog */
	#related-articles .title-section {margin-bottom: 48px;}

	/* Brief */
	#brief-dev {padding: 96px 0;}
	#brief-dev .subtitle {margin-bottom: 24px;}
	.brief-chapter .item {flex-wrap: wrap;}
	.brief-chapter .question {width: 100%;padding-right: 0;margin-bottom: 16px;}
	.brief-chapter .answer {width: 100%;margin-bottom: 16px;}
	.brief-chapter .introduce .right {order: -1;width: 100%;margin-bottom: 24px;}
	.brief-chapter .introduce .left {width: 100%;padding-right: 0;}
	.brief-chapter .required-fields .field {width: 100%;}
	.brief-chapter .required-fields .field:nth-child(1) {margin-right: 0;}
	.brief-chapter .found .wpcf7-form-control {display: flex;flex-direction: column;}

	/* Reviews page */
	.reviews-epigraph {justify-content: flex-start;}
	.reviews-list .item {flex-wrap: wrap;}
	.reviews-list .content {margin-left: 0;margin-top: 24px;}

	/* About page */
	#about-header .content {padding: 96px 0 0 0;}
	#about-header .img-wrapper {width: 100%;height: 500px;}
	#about-why .list .item {padding-right: 24px;}

	/* SEO page */
	.seo-badge {display: none;}
	.seo-reasons__item .text {padding: 24px;}
	a.seo-cases__link {margin-left: 0;}

	/* Cases */
	.portfolio-history__tabs .nav-link {min-width: 300px;padding: 19px 48px;}
	.portfolio-photo__wrapper {height: 660px;}
	.portfolio-photo__wrapper iframe {top: 25px;height: 370px;}
	.portfolio-brief__title {font-size: 42px;}

	/* SEO cases */
	.portfolio-seo-works-list {padding-left: 0;}
	.portfolio-seo-projects-slider__item {width: 50%;}

	/* Design page */
	.design-style__desc {height: auto;padding: 5vw 7vw 114px;margin-top: 48px;}

	/* WP Development */
	.wp-last-steps-top,
	.wp-last-steps-left,
	.wp-last-steps-right {padding: 48px 32px;}

	/* Consultation page */
	.consultation-reviews__right {justify-content: flex-start;}
	
	/* Cooperation page */
	.offer-clients-list {margin-bottom: 48px;}
	.page-template-page-cooperation #tabs-form .wrapper {padding: 48px;}
	.page-template-page-cooperation .tabs-form__img-wrapper {max-height: none;}

	/* PRICES PAGE */
	.promotion-prices__item-header {flex-direction: column;align-items: flex-start;gap: 16px;margin-bottom: 16px;}
	.promotion-prices__item-title {line-height: 1.5;}
	.promotion-prices__item-content {flex-direction: column-reverse;gap: 16px;}
	.promotion-prices__item-period {justify-content: flex-start;}

	/* PROMOTION PRICES PAGE */
	.promotion-prices-page__item-wrapper {padding: 32px;}
	.promotion-prices-stages__left {padding-right: 205px;}

	/* AUDIT PAGE */
	.first-audit__title {font-size: 60px;}

	/* AUDIT PAGE */
	.audits-examples__item-wrapper {flex-direction: column;}
	.audits-examples__item-content {align-items: center;margin: 96px auto 24px auto;}
	.audits-examples__item-img-wrapper {margin: auto;}
}

@media (max-width: 767px) {
	/* Header */
	.header-top .custom-logo-link {display: none;}
	.brief__menu {left: -48px;}

	/* Responsive menu */
	.main-navigation .menu > li > a {font-size: 24px;}
	.header-bottom .socials {width: 33%;}

	/* Front-page */
	.main-screen__wrapper {padding-bottom: 426px;}
	.main-screen__content {width: 100%;padding: 0 24px;}
	.main-screen__title {font-size: 24px;}
	.main-screen__photo {width: 212px;right: 50%;transform: translateX(50%);}

	.promotion__bricks {top: 23vh;}
	.bricks-line {margin-bottom: 16px;}
	#promotion .title-section {font-size: 54px;padding-bottom: 48px;}
	.promotion__wrapper {flex-direction: column;padding-left: 0;}
	.promotion__content {padding: 35px;padding-bottom: 24px;}
	.promotion__btn {padding: 55px 90px;}

	#design .title-section {font-size: 120px;}
	.design-title-effect {top: 60px;}
	.design__text {width: 100%;}

	#advertising .title-section {font-size: 30px;}

	.awards {flex-wrap: wrap;}
	.awards__content {width: 100%;margin-bottom: 48px;}
	.awards__list {width: 100%;}

	.media__item {padding-right: 24px;}

	/* Single blog */
	.communication-blocks__item--messengers .messengers__btn {width: 100%;}
	#related-articles .popular-articles__item {padding: 48px 60px;}
	
	.audit-stages li:nth-child(5),
	.audit-stages li:nth-child(6) {width: 100%;}

	/* Categories services */
	#category-header .title-main {font-size: 60px;}
	#dev-advantages .item {width: 100%;}

	/* Brief */
	#brief-dev {padding: 48px 0;}
	#brief-dev .title-main {font-size: 84px;}
	#brief-dev .subtitle {font-size: 34px;}
	.brief-chapter {padding: 48px;}
	.brief-chapter .title {font-size: 20px;}

	/* Clients page */
	#clients-page .clients-list {padding-top: 0;}
	#clients-page .clients-list .item {margin-bottom: 130px;}

	/* About page */
	#about-why .list .item {width: 100%;padding-right: 0;}

	/* SEO page */
	.seo-statistic__text {padding: 24px 48px;}
	.seo-reasons__item {width: 100%;margin-right: 0;}
	.seo-feedback__text {font-size: 24px;}

	/* Cases */
	.portfolio-history__tabs .tab-pane .item {width: calc(50% - 12px);margin-right: 24px;}
	.portfolio-history__tabs .tab-pane .item:nth-child(3n) {margin-right: 24px;}
	.portfolio-history__tabs .tab-pane .item:nth-child(2n) {margin-right: 0;}
	.portfolio-photo__wrapper {height: 480px;}
	.portfolio-photo__wrapper iframe {top: 25px;height: 370px;}
	#portfolio-stages .title-section {font-size: 48px;}
	.portfolio-stages__content {padding: 48px;}
	.portfolio-brief__wrapper {flex-direction: column;}
	.portfolio-brief__content {width: 100%;margin-bottom: 24px;}
	a.portfolio-brief__link {width: 100%;padding: 55px 90px;}

	/* SEO cases */
	.portfolio-history--seo .item {width: calc(50% - 12px);margin-right: 24px;}
	.portfolio-history--seo .item:nth-child(3n) {margin-right: 24px;}
	.portfolio-history--seo .item:nth-child(2n) {margin-right: 0;}
	.portfolio-seo-results-screenshots__item-img {height: 500px;}

	/* Design page */
	.design-feedback__text {font-size: 24px;}

	/* WP Development */
	.wp-stages-list__item:nth-child(3), 
	.wp-stages-list__item:nth-child(4), 
	.wp-stages-list__item:nth-child(5) {width: calc(100% - 24px);}

	/* Consultation page */
	.consultation-reviews-list__item {flex-direction: column;}
	.consultation-reviews-list__item-avatar {margin: 0 0 24px;}

	/* PROMOTION PRICES PAGE */
	.promotion-prices-stages__left {padding: 48px 48px 180px 48px;}

	/* AUDIT PAGE */
	.audits-examples__item-content {margin: 48px auto 24px auto;}
	.audits-examples__item-img {height: 300px;}
}

@media (max-width: 575px) {
	/* Main styles */
	body, button, input, select, optgroup, textarea {font-size: 14px;}
	.woof_submit_search_form, .r-btn, input[type="button"], input[type="reset"], input[type="submit"] {min-width: 100%;}
	h1, .title-main {font-size: 32px;}
	h2, .title-section {font-size: 24px;}
	h3 {font-size: 18px;}
	h4 { font-size: 16px; }
	.pt-96 {padding-top: 48px;}
	.pb-96 {padding-bottom: 48px;}
	.ptb-96 {padding: 48px 0;}
	.pt-130 {padding-top: 65px;}
	.pb-130 {padding-bottom: 65px;}
	.ptb-130 {padding: 65px 0;}
	.text-alert, .text-good, .text-plus, .text-minus {padding: 24px;padding-left: 48px;}
	.text-alert::before, .text-good::before, .text-plus::before, .text-minus::before {left: 16px;}
	#main-form {padding: 6vh 0;}

	/* Header */
	.header-top {padding: 15px 0;}
	.header-top .language {margin-right: 48px;}
	.contact-tg {min-width: 20px;width: 20px;height: 20px;padding: 0;margin-right: 48px;background: transparent !important;}
	.header-top .icon-tg {background: url('../images/telegram--blue.svg') center/cover no-repeat;}
	.header__menu-button {width: 19px;height: 20px;margin-left: 24px;margin-right: 0;}
	.header-top .contact-wa {margin-right: 24px;}
	.header-top .contact-tg {margin-right: 24px;}
	.brief__label {margin-right: 24px;}
	.brief .menu {min-width: auto;padding: 8px 0;}
	.brief .menu-item a {padding: 8px 24px;}

	/* Responsive menu */
	.header-bottom__wrapper {padding: 0 15px;}
	.main-navigation {height: auto !important;}
	.main-navigation .menu > li {width: 100%;}
	.main-navigation .menu-item-has-children > span {width: 11px;height: 11px;margin-left: 24px;}
	.main-navigation .menu-item-has-children > span.hide {transform: translateY(0%) rotate(-135deg);}
	.header-bottom .socials {display: none;}

	/* Front-page */
	body.home #content {margin-top: -67px;}
	.main-screen__wrapper {margin-top: 74px;padding-top: 47px;}

	#sites .title-section {font-size: 76px;}
	.sites__content {max-width: 100%;}

	.brick {height: 10px;}
	#promotion .title-section {font-size: 32px;}

	#design .title-section {font-size: 64px;padding-bottom: 58px;}
	.design-title-effect {top: 32px;}

	#advertising .title-section {font-size: 23px;height: 160px;}
	#advertising .title-section span {padding: 0 8px;}
	.advertising__btn {margin: 0 15px;}

	.media {flex-direction: column;}
	.media__content {width: 100%;}
	.media__img-wrapper {width: 100%;}
	.media__img-wrapper img {border-radius: 0 0 30px 30px;}

	.interview {padding: 48px 27px;}
	.interview__item {width: 135px;padding-right: 40px;}

	.awards {padding: 48px 27px;}

	#portfolio {min-height: calc(100vh - 57px);}
	#portfolio .title-section {font-size: 44px;padding-bottom: 48px;}
	a.portfolio__link {width: 50%;align-items: flex-start;}
	.portfolio__eye {width: 95px;margin-top: 160px;}

	.main-form__wrapper {padding: 48px 24px;}
	#main-form .title-section {font-size: 24px;}

	/* Blog */
	#blog-page .title-main {font-size: 32px;}
	.blog-page__item {padding: 48px 24px;}
	.blog-page__item-title {font-size: 18px;}

	/* Single blog */
	#single-blog .title-main {font-size: 32px;}
	.single-blog__info {flex-wrap:wrap;margin-bottom: 24px;}
	.single-blog__info > div {margin-bottom: 16px;margin-right: 40px;}
	.single-blog__epigraph {padding: 24px 16px;}
	#communication-blocks {padding-bottom: 48px;}
	#related-articles .popular-articles__item {padding: 48px 24px;}
	#related-articles .popular-articles__item-title {font-size: 18px;}

	/* Categories services */
	#category-header .title-main {font-size: 32px;}
	#tabs-form .title {font-size: 24px;}
	#tabs-form .nav-pills {flex-direction: column;}
	#tabs-form .nav-item {width: 100%;margin-bottom: 24px;}
	#tabs-form .tab-wrapper {flex-direction: column;align-items: unset;}
	#tabs-form .tab-content {width: 100%;}

	.dev-awards__slider .item a {display: block;width: 100%;}
	.dev-awards__slider .item img {width: 100%;object-fit: cover;}
	.dev-awards__slider .slick-arrow {bottom: -65px;}

	#dev-advantages .title-section {font-size: 24px;}
	#dev-stages .item:nth-child(1) {width: 100%;margin-right: 0;}
	#dev-stages .item:nth-child(2) {width: 100%;}

	#dev-make .wrapper {padding: 48px 24px;margin-bottom: 65px;}

	#dev-includes .item {width: 100%;}

	#dev-receipt .img-wrapper {height: 300px;}
	#dev-receipt .question {font-size: 18px;}
	#dev-receipt .answer--one {padding: 24px;font-size: 18px;}
	#dev-receipt .answer--two {padding: 24px;}

	/* Brief */
	#brief-dev .title-main {font-size: 36px;}
	#brief-dev .subtitle {font-size: 24px;}
	.brief-chapter {padding: 36px 24px;}
	.brief-chapter .title {font-size: 18px;}

	/* Contacts page */
	#contacts-header .title-main {font-size: 32px;}
	#contacts-content .main-contacts .link {font-size: 18px;}
	#contacts-content .contacts-epigraph {padding: 24px;}
	#contacts-content .contacts-socials {padding: 24px;}

	/* Reviews page */
	.reviews-list .content {padding: 24px;}

	/* About page */
	body.page-template-page-about .slick-arrow {bottom: -24px;}
	body.page-template-page-about .slick-dots {bottom: -22px;}
	#about-header .title-main {font-size: 32px;}
	#about-me .title-section {font-size: 24px;}
	#about-why {padding: 65px 0;}
	#about-why .title-section {padding-bottom: 48px;font-size: 18px;}
	#about-awards .title-section {font-size: 24px;}
	#about-awards .slick-arrow {bottom: -60px;}
	#about-cv .title-section {font-size: 24px;}
	#about-media .list {padding-bottom: 48px;}
	#about-interview .list {padding-bottom: 48px;}
	#about-interview .slick-arrow {bottom: -24px;}
	#about-interview .slick-dots {bottom: -22px;}

	/* SEO page */
	body.page-template-page-seo .slick-arrow {bottom: -24px;}
	body.page-template-page-seo .slick-dots {bottom: -22px;}
	.seo-cms__item {width: calc(50% - 12px);}
	.seo-cms__item:nth-child(3n) {margin-right: 24px;}
	.seo-cms__item:nth-child(even) {margin-right: 0;}
	.seo-faq__list button {padding: 24px;font-size: 16px;}
	.seo-faq__list .card-body {padding: 24px;}
	.seo-statistic__text {padding: 24px;font-size: 16px;}
	.seo-cases__wrapper {padding: 24px;}
	.seo-cases__content {padding-left: 0;}
	.seo-cases__slider {padding-bottom: 48px;}
	#seo-awards .dev-awards__slider {padding-bottom: 48px;}
	.seo-video__list {padding-bottom: 48px;}
	.seo-feedback__text {font-size: 18px;}

	/* Case */
	#portfolio-fs .title-main {font-size: 32px;}
	.portfolio-history__tabs .tab-pane .item {width: 100%;margin-right: 0;margin-bottom: 24px;}
	#portfolio-stages .title-section {font-size: 24px;}
	.portfolio-stages__content {padding: 24px;}
	a.portfolio-brief__link {padding: 55px 24px;}

	/* SEO cases */
	.portfolio-history--seo .portfolio-history__list-title {font-size: 18px;}
	.portfolio-history--seo .item {width: 100%;margin-right: 0;margin-bottom: 24px;}
	.portfolio-initial__item-wrapper {padding: 24px;}
	.portfolio-seo-works__subtitle {font-size: 18px;}
	.portfolio-seo-results-screenshots__item-title {font-size: 18px;}
	.portfolio-seo-results-screenshots__item-img {height: 350px;}
	.portfolio-seo-projects-slider__item {width: 100%;}

	/* Cases */
	#portfolio-header .title-main {font-size: 32px;}
	.portfolio-item__img {height: 350px;}

	/* Popup */
	#fancybox-wrap {max-width: 100% !important;width: 100% !important;}
	#fancybox-content {border-radius: 0;}
	.popup__success {padding: 36px 24px;}
	#fancybox-close {top: 16px !important;right: 16px !important;}

	/* Design page */
	body.page-template-page-design .slick-arrow {bottom: -24px;}
	body.page-template-page-design .slick-dots {bottom: -22px;}
	.design-sites__text-clear {font-size: 18px;}
	.design-sites__content h3 {font-size: 20px;}
	.design-sites__item-content {padding: 24px;}
	.design-feedback__text {font-size: 18px;}

	/* Video widget */
	.video-widget__container {left: 15px;bottom: 15px;width: 90px;height: 125px;}
	.video-widget__close {opacity: .5;}

	/* WP Development */
	.wp-included-price__title {font-size: 24px;}
	.wp-included-price-list__item {width: 100%;padding-right: 0;}
	.wp-last-steps-top {margin-bottom: 24px;}
	.wp-last-steps-top, 
	.wp-last-steps-left, 
	.wp-last-steps-right {padding: 36px 24px;}
	.wp-last-steps-left h3, 
	.wp-last-steps-right h3 {font-size: 18px;}
	.wp-optimization-text {padding: 24px;}
	.wp-suitable-list__item-wrapper {padding: 24px;}
	.wp-faq-accordion button {padding: 24px;}
	.wp-faq-accordion .card-icon {min-width: 36px;width: 36px;height: 36px;margin-left: 16px;}
	.wp-faq-accordion .card-body {padding: 24px;}

	/* Consultation page */
	.consultation-questions-list__item-wrapper,
	.consultation-freelance-list__item-wrapper,
	.consultation-additionally-list__item-wrapper {padding: 36px 24px;}
	#about-media .slick-arrow {bottom: -24px;}
	#about-media .slick-dots {bottom: -22px;}
	.how-consultation-list__item-text {padding: 24px;}
	.consultation-reviews-list__item-content {padding: 24px;}
	.consultation-reviews__right {flex-direction: column;align-items: baseline;}
	.consultation-reviews__right .photo {order: 2;margin: 0 0 0 auto;}
	.consultation-reviews__right .text {order: 1;min-width: auto;margin-bottom: 48px;}
	
	/* Cooperation */
	.partner-tasks-list-block {padding: 36px 24px;}
	#offer-clients .title-section {font-size: 24px;}
	.offer-clients-list__text {padding: 24px;}
	.examples-cooperation-gallery__wrapper {height: 360px;padding: 24px;}
	.page-template-page-cooperation #tabs-form .wrapper {padding: 36px 24px;}
	
	/* FAQ page */
	.faq-page-accordion button {padding: 24px;font-size: 16px;}
	.faq-page-accordion .card-body {padding: 24px;}

	/* PRICES PAGE */
	.development-prices__item-wrapper, 
	.promotion-prices__item-wrapper {padding: 24px;}
	.development-prices__item-header {flex-direction: column;align-items: flex-start;gap: 8px;margin-bottom: 16px;}
	.development-prices__item-title, 
	.development-prices__item-price, 
	.promotion-prices__item-title, 
	.promotion-prices__item-price {font-size: 18px;line-height: 1.5;}

	/* PRICES DEVELOPMENT PAGE */
	.development-prices-page__item-wrapper {padding: 32px;}
	.development-prices-page__item-title {font-size: 18px;line-height: 150%;}
	.development-prices-page__item-include-description {left: 50%;right: auto;transform: translateX(-50%);}
	.development-prices-page__item-price {font-size: 18px;line-height: 150%;}
	.faq__list button {padding: 24px;font-size: 16px;}
	.faq__list .card-icon {min-width: 32px;width: 32px;height: 32px;margin-left: 16px;}
	.faq__list .card-body {padding: 24px;}

	/* PRICES PROMOTION PAGE */
	.promotion-prices-page__item-title {font-size: 18px;line-height: 150%;}
	.promotion-prices-page__item-description {width: 180px;}
	.promotion-prices-page__item-price {font-size: 18px;line-height: 150%;}

	.promotion-prices-stages__left {padding: 24px 24px 96px 24px;}
	.promotion-prices-stages__left::after {right: 24px;bottom: 24px;width: 48px;height: 48px;}
	.promotion-prices-stages__title {font-size: 24px;}
	.promotion-prices-stages__right {padding: 24px;}
	.promotion-prices-stages__list {margin-bottom: 24px;}

	/* AUDIT PAGE */
	.first-audit__title {font-size: 32px;}
	.audits-examples__item-content {margin: 48px auto 0 auto;}
	.audits-examples__item-subtitle {margin-bottom: 24px;}
	.audits-examples__item-img-wrapper {margin: 0 24px;padding: 24px 24px 0 24px;}
	.audits-examples__item-img {height: 220px;}
}