@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

@font-face {
	font-family: 'Onest';
	src: url(./fonts/Onest-Light.woff2) format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: block
}

@font-face {
	font-family: 'Onest';
	src: url(./fonts/Onest-Regular.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: block
}

@font-face {
	font-family: 'Onest';
	src: url(./fonts/Onest-Medium.woff2) format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: block
}


/* Variables */
:root {
	--font-size-14: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
	/*14px*/
	--font-size-main: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
	/*16px*/
	--font-size-18: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
	/*18px*/
	--font-size-20: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	/*20px*/
	--font-size-22: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
	/*22px*/
	--font-size-24: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	/*24px*/
	--font-size-26: clamp(1.125rem, 0.943rem + 0.91vw, 1.625rem);
	/*26px*/
	--font-size-28: clamp(1.125rem, 0.898rem + 1.14vw, 1.75rem);
	/*28px*/
	--font-size-30: clamp(1.5rem, 1.364rem + 0.68vw, 1.875rem);
	/*30px*/
	--font-size-32: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
	/*32px*/
	--font-size-34: clamp(1.5rem, 1.273rem + 1.14vw, 2.125rem);
	/*34px*/
	--font-size-36: clamp(1.625rem, 1.398rem + 1.14vw, 2.25rem);
	/*36px*/
	--font-size-38: clamp(1.625rem, 1.352rem + 1.36vw, 2.375rem);
	/*38px*/
	--font-size-40: clamp(1.875rem, 1.648rem + 1.14vw, 2.5rem);
	/*40px*/
	--font-size-42: clamp(2rem, 1.773rem + 1.14vw, 2.625rem);
	/*42px*/
	--font-size-44: clamp(2rem, 1.727rem + 1.36vw, 2.75rem);
	/*44px*/
	--font-size-46: clamp(2.125rem, 1.852rem + 1.36vw, 2.875rem);
	/*46px*/
	--font-size-48: clamp(2.25rem, 1.977rem + 1.36vw, 3rem);
	/*48px*/
	--font-family-main: 'Onest', sans-serif;
	--main-color: #141928;
	--border-radius-main: 20px;
	--trans-all: ease all .3s;
	--margin-top-clamp: clamp(32px, calc(32px + 33 * ((100vw - 320px) / 880)), 65px);
	--container-width: 1200px;
	--container-padding: 15px;
	/* Admin-bar height */
	--global--admin-bar--height: 0px;
}

html {
	height: 100%;
	scroll-behavior: smooth;
	height: 100%
}

.wrapper {
	position: relative;
	flex-grow: 1
}
.entry-content p{
	margin-bottom: 10px;
}

* {
	margin: 0;
	outline: 0;
	box-sizing: border-box;
	padding: 0;
	font-family: var(--font-family-main);
}

::after,
::before {
	box-sizing: border-box
}

body {
	font-family: var(--font-family-main);
	height: 100%;
	color: var(--main-color);
	font-size: var(--font-size-main);
	line-height: 1.5;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow-y: scroll;
	color: var(--main-color);
}

h1,
h2,
h3,
h4,
h5 {
	font-size: var(--font-size-42);
	font-family: var(--font-family-main);
	font-weight: 700;
	margin-bottom: 40px;
}

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

a {
	text-decoration: none;
	color: inherit;
}

.admin-bar {
	--global--admin-bar--height: 32px;
}

.site-header,
.site-footer {
	width: 100%;
}

.site-footer {
	margin-top: auto;
}

svg {
	display: block;
}

input,
textarea {
	font-family: var(--font-family-main);
}

@media only screen and (max-width: 782px) {
	.admin-bar {
		--global--admin-bar--height: 46px;
	}
}


picture {
	display: block
}

img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 1px
}

li {
	list-style-type: none
}

a {
	color: inherit
}

button {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer
}

dialog {
	margin: auto
}


/* если нужно задать стили элементам содержащие часть класса _section в целом*/
/* [class*="_section"] {
  padding: var(--margin-top-clamp);
} */

/* если нужно задать стили элементам содержащие часть класса _section в начале*/
/* [class^="_section"] {
	padding: var(--margin-top-clamp);
} */

/* если нужно задать стили элементам содержащие часть класса _section в конце*/
/* [class$="_section"] {
	padding: var(--margin-top-clamp);
} */


/* Тут крч смысл в чем, чтобы получалась та ширина, что нужна по макету, но при этом был пуддинг */
.container {
	width: 100%;
	max-width: calc(var(--container-width) + (var(--container-padding) * 2));
	padding: 0 var(--container-padding);
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1200px) {
	.container {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.btn-main {
	cursor: pointer;
	width: fit-content;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-weight: 500;
	font-size: 18px;
	background: #333;
	padding: 10px 40px;
	min-height: 45px;
	color: #fff;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.btn-main:hover {
	color: #f6b600;
	background: transparent;
	border: 2px solid #f6b600;
}


.btn-secondary {
	cursor: pointer;
	width: fit-content;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	background: transparent;
	font-weight: 500;
	font-size: 18px;
	padding-left: 30px;
	padding-right: 30px;
	min-height: 40px;
	color: #333;
	transition: all 0.3s ease;
	border-bottom: 2px solid #333;
	padding: 10px 40px;
}

.btn-secondary:hover {
	color: #f6b600;
	background: transparent;
	border-bottom: 2px solid transparent;
}


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

.link-underline:hover {
	text-decoration: none;
}

.link-hov {
	text-decoration: none;
}

.link-hov:hover {
	text-decoration: underline;
}

/* HEADER*/

.header {
	background-color: #141928;
}

.header__cont {
	margin: 0 auto;
	max-width: 1200px;
	padding-left: 20px;
	padding-right: 20px
}

.header__mobile {
	display: none
}

.header__mobile-logo {
	flex-shrink: 0;
	display: inline-block;
	vertical-align: top;
	margin-left: -10px;
	padding: 4px 10px 5px
}

.header__mobile-image {
	width: 64px;
	height: 35px
}

.header__mobile-contacts {
	flex-grow: 1;
	text-align: right
}

.header__mobile-phone {
	display: inline-block;
	vertical-align: top;
	padding: 12px 10px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #fff
}

.header__mobile-button {
	flex-shrink: 0;
	position: relative;
	margin-right: -10px;
	height: 44px;
	width: 47px;
	cursor: pointer
}

.header__mobile-button::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 10px;
	border-radius: 3px;
	width: 27px;
	height: 27px;
	background-color: #6bb77b
}

.header__mobile-button::after {
	content: "";
	position: absolute;
	top: 16px;
	left: 15px;
	width: 17px;
	height: 1px;
	background-color: #fff;
	box-shadow: 0 5px 0 0 #fff, 0 10px 0 0 #fff
}

.header__menu {
	display: flex;
	flex-flow: wrap;
	align-items: flex-start;
}

.header__menu-close {
	display: none
}

.header__logo {
	display: inline-block;
	vertical-align: top;
	margin-left: -15px;
	padding: 15px 10px
}

.header__logo-image {
	width: 117px;
	height: 64px
}

.header__contacts {
	padding: 24px 0 0 35px
}

.header__address {
	position: relative;
	display: block;
	padding-left: 33px;
	font-size: 16px;
	line-height: 22px;
	color: #fff
}

.header__address::before {
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	width: 22px;
	height: 22px;
	background-image: url(/wp-content/uploads//images/header/ic_header-1.svg)
}

.header__phone {
	display: inline-block;
	vertical-align: top;
	padding: 6px 3px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #fff
}

.header_nav_inner {
	flex-grow: 1;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 17px
}

.header__nav .menu-item {
	display: inline-block;
	vertical-align: top;
	padding: 20px 15px;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	color: #fff
}

.header__social {
	position: relative;
	padding: 27px 16px 0 24px
}

.header__social::before {
	content: "";
	position: absolute;
	top: 34px;
	left: 0;
	width: 1px;
	height: 27px;
	background-color: #fff
}

.header__social-item {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 28px 28px;
	mask-size: 28px 28px;
	-webkit-mask-position: center center;
	mask-position: center center
}

.header__social-item_wt {
	-webkit-mask-image: url(/wp-content/uploads//images/header/ic_header-2.svg);
	mask-image: url(/wp-content/uploads//images/header/ic_header-2.svg)
}

.header__social-item_tg {
	-webkit-mask-image: url(/wp-content/uploads//images/header/ic_header-3.svg);
	mask-image: url(/wp-content/uploads//images/header/ic_header-3.svg)
}

.header__feedback {
	margin-top: 22px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid transparent;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: #6bb77b;
	color: #fff;
	padding: 12px 28px 13px;
	font-size: 18px;
	line-height: 23px
}

.header__feedback:not(:disabled) {
	cursor: pointer
}

.header__feedback:not(:disabled):hover:active {
	transition-duration: .1s;
	border-color: #fff;
	background-color: #6bb77b;
	color: #fff
}

.header__feedback:disabled {
	cursor: not-allowed
}

.site-name {
	width: max-content;
}

.header-navigation-inner {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.header-address {
	text-align: right;
	font-size: 14px;
}

.site-logo {
	max-width: 170px;
}

.site-logo img {
	width: 100%;
}

.menu-wrapper li a {
	font-weight: 700;
	text-transform: uppercase;
}

.sub-menu {
	list-style: none;
	position: relative;
}

.menu-wrapper {
	list-style-type: none;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	position: relative;
}

.menu-wrapper li {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}

.menu-button-container {
	display: none;
}

.sub-menu-toggle {
	display: none;
}

.sub-menu-toggle .icon-minus {
	display: none;
}

.sub-menu-toggle[aria-expanded="true"] .icon-minus {
	display: block;
}

.sub-menu-toggle[aria-expanded="true"] .icon-plus {
	display: none;
}

.menu-item-has-children {
	display: flex;
	flex-flow: wrap;
	align-items: center;
}

.submenu-wrapper {
	position: absolute;
	padding: 18px 20px;
	background-color: #fff;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
	display: none;
	flex-flow: column;
	gap: 10px;
	top: 30px;
	width: 100%;
}

.submenu-wrapper:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: -20px;
	border: solid transparent;
	border-width: 10px;
	left: 50%;
	transform: translate(-50%, 0%);
	border-bottom-color: #fff;
}

.menu-item-has-children .sub-menu-toggle[aria-expanded="true"]+.submenu-wrapper {
	display: block;
}

.sub-menu li a {
	text-transform: none;
}

.header__phone {
	transition-property: color;
	transition-duration: .2s
}

.header__phone:hover {
	color: #6bb77b;
	transition-duration: .1s
}

.menu-item {
	transition-property: color;
	transition-duration: .2s
}

.menu-item:hover a {
	color: #6bb77b;
	transition-duration: .1s
}

.header__social-item {
	transition-property: background-color;
	transition-duration: .2s
}

.header__social-item:hover {
	background-color: #6bb77b;
	transition-duration: .1s
}

.header__feedback:not(:disabled) {
	transition-property: border-color, background-color, color;
	transition-duration: .2s
}

.header__feedback:not(:disabled):hover {
	transition-duration: .1s;
	background-color: #fff;
	color: #141928
}

@media only screen and (max-width: 1200px) {
	.menu-button-container {
		display: block;
		text-align: right;
		position: relative;
		z-index: 99;
	}

	.mobile-btn {
		width: 40px;
		height: 40px;
	}

	.mobile-btn svg {
		width: 100%;
		height: 100%;
	}

	.mobile-btn[aria-expanded="false"] .dropdown-icon.close {
		display: none;
	}

	.mobile-btn[aria-expanded="true"] .dropdown-icon.open {
		display: none;
	}

	.menu-wrapper {
		flex-flow: column;
	}

	.header-nav-inner {
		position: relative;
	}


	.header-address {
		text-align: center;
	}

	.menu-item-has-children {
		display: flex;
		flex-flow: wrap;
		justify-content: center;
		align-items: center;
	}

	.sub-menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		vertical-align: sub;
	}

	/* .sub-menu-toggle span {
    width: 100%;
    height: 100%;
  } */

	.sub-menu-toggle svg {
		width: 100%;
		height: 100%;
	}

	.submenu-wrapper {
		background: #fff;
		z-index: 99;
		position: static;
		box-shadow: unset;
	}

	.submenu-wrapper:before {
		display: none;
	}

	.site-header .header__menu {
		visibility: hidden;
		opacity: 0;
		top: 0;
		transition: all 0.15s ease-in-out;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		transform: translateY(0) translateX(100%);
	}

	.admin-bar .header {
		top: var(--global--admin-bar--height);
	}

	.admin-bar .header__menu {
		top: initial;
		top: var(--global--admin-bar--height);
	}


	.primary-navigation-open .site-header .header__menu {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}

	.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10
	}

	.header__cont {
		max-width: 892px
	}

	.header__mobile {
		display: flex;
		align-items: flex-start
	}

	.header__menu {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		width: 278px;
		overflow-y: auto;
		flex-direction: column;
		background-color: #141928;
		padding-bottom: 40px;
		transform: translateX(100%);
		transition-property: transform;
		transition-duration: .1s
	}

	.header__menu_open {
		transform: translateX(0);
		transition-duration: .2s
	}

	.header__menu-close {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		background-image: url(/wp-content/uploads//images/ic_close.svg);
		background-size: 15px 15px;
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer
	}

	.header__logo {
		margin: 0;
		padding: 20px 13px
	}

	.header__logo-image {
		width: 142px;
		height: auto
	}

	.header__contacts {
		display: none
	}

	.header_nav_inner .header__nav {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding-top: 21px;
		margin-bottom: 40px
	}

	.header__nav .menu-item {
		padding: 10px 20px
	}

	.header__social {
		margin-bottom: 25px;
		padding: 0 14px
	}

	.header__social::before {
		display: none
	}

	.header__social-item {
		-webkit-mask-size: 30px 30px;
		mask-size: 30px 30px
	}

	.header__feedback {
		margin: 0 20px;
		padding: 10px 44px;
		font-size: 14px;
		line-height: 18px
	}

}


/* FOOTER ФУТЕР */

.footer {
	/* border-radius: 8px; */
	background-color: #141928
}

.footer__cont {
	margin: 0 auto;
	max-width: 1200px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px
}

.footer__top {
	display: flex;
	align-items: flex-start;
	margin-bottom: 45px
}

.footer__first {
	flex-shrink: 0;
	margin-top: 84px;
	width: 450px
}

.footer__logo {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 23px;
	margin-left: -10px
}

.footer__logo-image {
	width: 215px;
	height: 118px
}

.footer__social {
	display: flex;
	margin-left: -8px
}

.footer__social_mobile {
	display: none
}

.footer__social-item {
	position: relative;
	width: 46px;
	height: 40px;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 36px 36px;
	mask-size: 36px 36px;
	-webkit-mask-position: center center;
	mask-position: center center
}

.footer__social-item_wt {
	-webkit-mask-image: url(/wp-content/uploads//images/footer/footer-3.svg);
	mask-image: url(/wp-content/uploads//images/footer/footer-3.svg)
}

.footer__social-item_tg {
	-webkit-mask-image: url(/wp-content/uploads//images/footer/footer-2.svg);
	mask-image: url(/wp-content/uploads//images/footer/footer-2.svg)
}

.footer__menu {
	flex-shrink: 0;
	width: 250px;
	padding-top: 57px
}

.footer__menu-title {
	display: block;
	margin-bottom: 22px;
	font-size: 18px;
	line-height: 20px;
	color: #fff
}

.footer__menu-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 -10px
}

.footer-navigation .menu-item {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 16px;
	line-height: 21px;
	color: #fff
}

.footer__contacts {
	margin-top: 57px
}

.footer__contacts-title {
	display: block;
	margin-bottom: 32px;
	font-size: 18px;
	line-height: 20px;
	color: #fff
}

.footer__contacts-box {
	margin-top: 16px
}

.footer__contacts-name {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: rgba(255, 255, 255, .7)
}

.footer__contacts-value {
	display: inline-block;
	vertical-align: top;
	padding: 4px 0;
	font-size: 24px;
	line-height: 34px;
	color: #fff
}

a.footer__contacts-value {
	text-decoration: none
}

.footer__bot {
	display: flex;
	margin: 0 -10px
}

.footer__policy {
	flex-shrink: 0;
	width: 450px
}

.footer__policy-link {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	font-size: 12px;
	line-height: 16px;
	color: rgba(255, 255, 255, .7)
}

a.footer__policy-link {
	text-decoration-color: transparent
}

.footer__up {
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: none;
	background-color: transparent;
	padding: 10px 12px 10px 10px;
	text-decoration: underline;
	text-decoration-color: transparent;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: rgba(255, 255, 255, .7)
}

.footer__up::before {
	content: "";
	position: absolute;
	top: 9px;
	right: 0;
	width: 9px;
	height: 17px;
	opacity: .7;
	background-image: url(/wp-content/uploads//images/footer/footer-4.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center
}

.footer__work {
	flex-grow: 1;
	text-align: right
}

.footer__work-link {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: rgba(255, 255, 255, .7);
	text-decoration-color: transparent
}

@media (min-width: 1200px) {
	.footer__social-item {
		transition-property: background-color;
		transition-duration: .2s
	}

	.footer__social-item:hover {
		background-color: #6bb77b;
		transition-duration: .1s
	}

	.footer-navigation .menu-item {
		transition-property: color;
		transition-duration: .2s
	}

	.footer-navigation .menu-item:hover {
		color: #6bb77b;
		transition-duration: .1s
	}

	a.footer__contacts-value {
		transition-property: color;
		transition-duration: .2s
	}

	a.footer__contacts-value:hover {
		color: #6bb77b;
		transition-duration: .1s
	}

	a.footer__policy-link {
		transition-duration: .2s;
		transition-property: text-decoration-color, color
	}

	a.footer__policy-link:hover {
		text-decoration-color: #fff;
		color: #fff;
		transition-duration: .1s
	}

	.footer__up {
		transition-property: text-decoration-color, color;
		transition-duration: .2s
	}

	.footer__up:hover {
		text-decoration-color: #fff;
		color: #fff;
		transition-duration: .1s
	}

	.footer__up:hover::before {
		opacity: 1
	}

	.footer__up::before {
		transition-property: opacity;
		transition-duration: .2s
	}

	.footer__work-link {
		transition-duration: .2s;
		transition-property: text-decoration-color, color
	}

	.footer__work-link:hover {
		text-decoration-color: #fff;
		color: #fff;
		transition-duration: .1s
	}
}

@media (max-width: 1200px) {
	.footer__cont {
		max-width: 892px;
		padding-bottom: 13px
	}

	.footer__top {
		display: block;
		margin: 0
	}

	.footer__first {
		margin-top: 31px;
		width: 100%
	}

	.footer__logo {
		margin-bottom: 40px;
		margin-left: -8px
	}

	.footer__logo-image {
		width: 156px;
		height: 85px
	}

	.footer__social_desc {
		display: none
	}

	.footer__social_mobile {
		display: flex;
		margin-top: 14px;
		margin-bottom: 24px
	}

	.footer__menu {
		width: 100%;
		padding-top: 0
	}

	.footer__menu-title {
		margin-bottom: 11px;
		font-size: 14px;
		line-height: 18px
	}

	.footer-navigation .menu-item {
		margin-top: 4px;
		font-size: 12px;
		line-height: 16px
	}

	.footer__contacts {
		margin-top: 35px
	}

	.footer__contacts-title {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 18px
	}

	.footer__contacts-box {
		margin-top: 10px
	}

	.footer__contacts-value {
		font-size: 18px;
		line-height: 25px
	}

	.footer__bot {
		display: block;
		position: relative
	}

	.footer__policy {
		width: 100%
	}

	.footer__policy-link {
		padding: 7px 10px
	}

	.footer__up {
		position: absolute;
		right: 5px;
		bottom: -3px
	}

	.footer__work {
		text-align: left
	}

	.footer__work-link {
		padding: 7px 10px
	}
}

/* HERO BLOCK */
.home-cap {
	position: relative;
	z-index: 0;
	margin-bottom: 120px
}

.home-cap::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-image: url(/wp-content/uploads//images/home-cap/home-cap-1_1900.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

.home-cap::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: rgba(20, 25, 40, .4)
}

.home-cap__cont {
	margin: 0 auto;
	max-width: 1200px;
	padding: 158px 20px 135px
}

.home-cap__caption {
	margin-bottom: 20px;
	font-size: 56px;
	font-weight: 500;
	line-height: 62px;
	color: #fff
}

.home-cap__note {
	display: block;
	margin-bottom: 50px;
	font-size: 26px;
	font-weight: 300;
	line-height: 34px;
	color: #fff
}

.home-cap__button {
	padding: 19px 56px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid transparent;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: #141928;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px
}

.home-cap__button:not(:disabled) {
	cursor: pointer
}

.home-cap__button:not(:disabled):hover:active {
	transition-duration: .1s;
	border-color: #fff;
	background-color: #141928;
	color: #fff
}

.home-cap__button:disabled {
	cursor: not-allowed
}

.home-cap__button:not(:disabled) {
	transition-property: border-color, background-color, color;
	transition-duration: .2s
}

.home-cap__button:not(:disabled):hover {
	transition-duration: .1s;
	background-color: #fff;
	color: #141928
}

@media (max-width: 1500px) {
	.home-cap::before {
		background-image: url(/wp-content/uploads/images/home-cap/home-cap-1_1200.webp)
	}
}

@media (max-width: 1200px) {
	.home-cap {
		margin-bottom: 80px
	}

	.home-cap__cont {
		max-width: 892px;
		padding-top: 186px;
		padding-bottom: 76px
	}

	.home-cap__caption {
		font-size: 26px;
		line-height: 29px;
		max-width: 500px
	}

	.home-cap__note {
		font-size: 18px;
		line-height: 23px
	}

	.home-cap__button {
		font-size: 16px;
		line-height: 21px;
		padding: 13px 29px 14px
	}

}

@media (max-width: 950px) {
	.home-cap::before {
		background-image: url(/wp-content/uploads/images/home-cap/home-cap-1_950.webp)
	}

	.home-about__cont,
	.home-cap__cont,
	.home-profitably__cont,
	.home-services__cont,
	.home-works__cont {
		max-width: 688px
	}
}

@media (max-width: 700px) {
	.home-cap::before {
		background-image: url(/wp-content/uploads//images/home-cap/home-cap-1_700.webp)
	}

	.home-about__cont,
	.home-cap__cont,
	.home-works__cont {
		max-width: 508px
	}
}

@media (max-width: 520px) {
	.home-cap::before {
		background-image: url(/wp-content/uploads//images/home-cap/home-cap-1_520.webp)
	}

	.home-about__cont,
	.home-cap__cont,
	.home-profitably__cont,
	.home-services__cont,
	.home-works__cont {
		max-width: 432px
	}

}

/* HOME ABOUT */
.home-about__cont {
	margin: 0 auto 90px;
	max-width: 1200px;
	padding-left: 20px;
	padding-right: 20px
}

.home-about__area {
	display: flex;
	align-items: flex-start
}

.home-about__title {
	flex-shrink: 0;
	width: 400px;
	font-size: 26px;
	font-weight: 300;
	line-height: 34px;
	color: rgba(20, 25, 40, .6)
}

.home-about__info {
	margin-left: 50px
}

.home-about__description {
	margin-bottom: 31px;
	font-size: 40px;
	font-weight: 500;
	line-height: 44px
}

.home-about__text {
	max-width: 640px;
	font-size: 26px;
	font-weight: 300;
	line-height: 34px
}

@media (max-width: 1200px) {

	.home-about__title {
		font-size: 18px;
		line-height: 23px;
		width: 100%;
		margin-bottom: 40px
	}

	.home-about__cont {
		max-width: 892px;
		margin-bottom: 90px
	}

	.home-about__area {
		display: block
	}


	.home-about__info {
		margin: 0
	}

	.home-about__description {
		font-size: 26px;
		line-height: 29px;
		margin-bottom: 20px;
		max-width: 400px
	}

	.home-about__text {
		font-size: 18px;
		line-height: 23px;
		max-width: 420px
	}

}

/* HOME WORKS */
.home-works {
	overflow: hidden;
	background-color: #141928
}

.home-works__cont {
	margin: 0 auto;
	max-width: 1200px;
	padding: 30px 20px 60px
}

.home-works__title {
	margin-bottom: 90px;
	font-size: 26px;
	font-weight: 300;
	line-height: 34px;
	color: rgba(255, 255, 255, .6)
}

.home-works__list {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	align-items: stretch;
}

.home-works__item {
	position: relative;
	display: flex;
	flex-direction: column;
	/* margin: 0 20px 40px; */
	border-radius: 8px;
	width: calc(50% - 40px);
	background-color: #fff;
	padding: 5px
}

.home-works__picture {
	position: relative;
	margin-bottom: 17px
}

.home-works__image {
	border-radius: 8px;
	height: 100% !important;
	object-fit: cover;
	min-height: 200px;
}

.home-works__date {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	vertical-align: top;
	border-radius: 4px;
	min-width: 156px;
	background-color: rgba(255, 255, 255, .6);
	padding: 5px 20px 6px;
	text-align: center;
	font-size: 12px;
	line-height: 16px
}

.home-works__name {
	flex-grow: 1;
	display: block;
	margin-bottom: 17px;
	font-size: 22px;
	font-weight: 500;
	line-height: 28px
}

.home-works__button {
	display: inline-block;
	vertical-align: top;
	border: 1px solid transparent;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: #6bb77b;
	color: #fff;
	padding: 12px 30px 13px;
	font-size: 14px;
	line-height: 18px
}

.home-works__button:not(:disabled) {
	cursor: pointer
}

.home-works__button:not(:disabled):hover:active {
	transition-duration: .1s;
	border-color: #fff;
	background-color: #6bb77b;
	color: #fff
}

.home-works__button:disabled {
	cursor: not-allowed
}

.home-works__button:not(:disabled) {
	transition-property: border-color, background-color, color;
	transition-duration: .2s
}

.home-works__button:not(:disabled):hover {
	transition-duration: .1s;
	background-color: #fff;
	color: #141928
}

@media (max-width: 1200px) {
	.home-works__cont {
		max-width: 892px;
		padding-top: 40px;
		padding-bottom: 30px
	}

	.home-works__title {
		margin-bottom: 43px;
		font-size: 14px;
		line-height: 18px
	}

	.home-works__list {
		margin: 0 -10px
	}

	.home-works__item {
		width: calc(50% - 20px);
	}

	.home-works__picture {
		margin-bottom: 20px
	}

	.home-works__date {
		display: none
	}

	.home-works__name {
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 22px
	}

	.home-works__button {
		width: 100%
	}
}

@media (max-width: 700px) {
	.home-works__item {
		width: calc(100% - 20px)
	}
}

/* HOME SERVICES */
.home-services {
	padding-top: 120px
}

.home-services__cont {
	margin: 0 auto 120px;
	max-width: 1200px;
	padding-left: 20px;
	padding-right: 20px
}

.home-services__area {
	display: flex;
	align-items: flex-start
}

.home-services__note {
	flex-shrink: 0;
	width: 400px;
	font-size: 26px;
	font-weight: 300;
	line-height: 34px;
	color: rgba(20, 25, 40, .6)
}

.home-services__info {
	margin-left: 50px
}

.home-services__title {
	display: block;
	margin-bottom: 60px;
	font-size: 40px;
	font-weight: 500;
	line-height: 44px
}

.home-services__list {
	max-width: 560px
}

.home-services__item {
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 2px solid rgba(20, 25, 40, .5);
	min-height: 90px;
	padding: 20px 56px 20px 0;
	font-size: 20px;
	font-weight: 300;
	line-height: 26px
}

.home-services__item:first-child {
	border-top: 2px solid rgba(20, 25, 40, .5);
	min-height: 92px
}

.home-services__item::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	border-radius: 8px;
	width: 48px;
	height: 48px;
	background-color: #6bb77b;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 48px 48px;
	transform: translateY(-50%)
}

.home-services__item_1::before {
	background-image: url(/wp-content/uploads/images/home-services/home-services-1.svg)
}

.home-services__item_2::before {
	background-image: url(/wp-content/uploads/images/home-services/home-services-2.svg)
}

.home-services__item_3::before {
	background-image: url(/wp-content/uploads/images/home-services/home-services-3.svg)
}

.home-services__item_4::before {
	background-image: url(/wp-content/uploads/images/home-services/home-services-4.svg)
}

.home-services__item_5::before {
	background-image: url(/wp-content/uploads/images/home-services/home-services-5.svg)
}

.home-services__note h2 {
	display: block;
	margin: 0 0 84px
}

ul.home-services__note_list span {
	display: block;
	margin: 0 0 10px
}

ul.home-services__note_list li:before {
	content: "";
	position: absolute;
	right: 0
}

ul.home-services__note_list li {
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 2px solid rgba(20, 25, 40, .5);
	padding: 30px 0;
	font-size: 20px;
	font-weight: 300;
	line-height: 26px
}

ul.home-services__note_list li:first-child {
	padding: 22px 0
}

ul.home-services__note_list li:last-child {
	border-bottom: 0
}

@media (max-width: 1200px) {
	.home-services {
		padding-top: 90px
	}

	.home-services__cont {
		max-width: 892px;
		margin-bottom: 90px
	}

	.home-services__area {
		display: block
	}

	.home-services__note {
		font-size: 18px;
		line-height: 23px;
		width: 100%;
		margin-bottom: 40px
	}

	.home-services__info {
		margin: 0
	}

	.home-services__title {
		font-size: 26px;
		line-height: 29px;
		margin-bottom: 30px;
		max-width: 600px
	}

	.home-services__list {
		max-width: 100%
	}

	.home-services__item {
		font-size: 16px;
		line-height: 21px;
		border-width: 1px;
		min-height: 83px
	}

	.home-services__item:first-child {
		border-width: 1px;
		min-height: 82px
	}

	.home-services__item::before {
		width: 40px;
		height: 40px
	}
}

/*HOME FORM  */

.home-profitably {
	margin-bottom: 120px
}

.home-profitably_hide {
	display: none
}

.home-profitably__cont {
	position: relative;
	z-index: 0;
	border-radius: 8px;
	margin: 0 auto;
	max-width: 1200px;
	background-color: #141928;
	background-image: url(../images/home-profitably/bg_home-profitably-1_1200.webp);
	background-size: cover;
	background-position: center center;
	padding: 55px 20px
}

.home-profitably__title {
	margin-bottom: 20px;
	max-width: 700px;
	font-size: 40px;
	font-weight: 500;
	line-height: 52px;
	color: #fff
}

.home-profitably__note {
	display: block;
	margin-bottom: 30px;
	max-width: 500px;
	font-size: 20px;
	line-height: 26px;
	color: #fff
}

.home-profitably__form {
	display: flex;
	align-items: flex-start;
	margin: 0 -5px
}

.home-profitably__field {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	width: 100%;
	max-width: 360px
}

.home-profitably__input {
	display: block;
	border: 1px solid transparent;
	border-radius: 8px;
	width: 100%;
	transition-property: border-color, color;
	transition-duration: .2s;
	background-color: rgba(255, 255, 255, .3);
	padding: 16px 17px 17px;
	font-size: 18px;
	line-height: 23px
}

.home-profitably__input:user-invalid {
	border-color: #ff0300;
	color: #ff0300;
	transition-duration: .1s
}

.home-profitably__input:user-invalid::-moz-placeholder {
	color: #ff0300
}

.home-profitably__input:user-invalid::placeholder {
	color: #ff0300
}

.home-profitably__input::-moz-placeholder {
	color: #fff
}

.home-profitably__input::placeholder {
	color: #fff
}

.home-profitably__btn-box {
	margin: 0 5px
}

.home-profitably__button {
	display: inline-block;
	vertical-align: top;
	border: 1px solid transparent;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: #6bb77b;
	color: #fff;
	margin-bottom: 7px;
	width: 100%;
	max-width: 360px;
	padding: 16px 28px 17px;
	font-size: 18px;
	line-height: 23px
}

.home-profitably__button:not(:disabled) {
	cursor: pointer
}

.home-profitably__button:not(:disabled):hover:active {
	transition-duration: .1s;
	border-color: #fff;
	background-color: #6bb77b;
	color: #fff
}

.home-profitably__button:disabled {
	cursor: not-allowed
}

.home-profitably__policy {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: rgba(255, 255, 255, .6)
}

.home-profitably__policy-link:hover {
	color: #fff;
	transition-duration: .1s
}

.home-profitably {
	margin-bottom: 120px
}

.home-profitably_hide {
	display: none
}

.home-profitably__cont {
	position: relative;
	z-index: 0;
	border-radius: 8px;
	margin: 0 auto;
	max-width: 1200px;
	background-color: #141928;
	background-image: url(/wp-content/uploads/images/home-profitably/bg_home-profitably-1_1200.webp);
	background-size: cover;
	background-position: center center;
	padding: 55px 20px
}

.home-profitably__title {
	margin-bottom: 20px;
	max-width: 700px;
	font-size: 40px;
	font-weight: 500;
	line-height: 52px;
	color: #fff
}

.home-profitably__note {
	display: block;
	margin-bottom: 30px;
	max-width: 500px;
	font-size: 20px;
	line-height: 26px;
	color: #fff
}

.home-profitably__form {
	display: flex;
	align-items: flex-start;
	margin: 0 -5px
}

.home-profitably__field {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	width: 100%;
	max-width: 360px
}

.home-profitably__input {
	display: block;
	border: 1px solid transparent;
	border-radius: 8px;
	width: 100%;
	transition-property: border-color, color;
	transition-duration: .2s;
	background-color: rgba(255, 255, 255, .3);
	padding: 16px 17px 17px;
	font-size: 18px;
	line-height: 23px
}

.home-profitably__input:user-invalid {
	border-color: #ff0300;
	color: #ff0300;
	transition-duration: .1s
}

.home-profitably__input:user-invalid::-moz-placeholder {
	color: #ff0300
}

.home-profitably__input:user-invalid::placeholder {
	color: #ff0300
}

.home-profitably__input::-moz-placeholder {
	color: #fff
}

.home-profitably__input::placeholder {
	color: #fff
}

.home-profitably__btn-box {
	margin: 0 5px
}

.home-profitably__button {
	display: inline-block;
	vertical-align: top;
	border: 1px solid transparent;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: #6bb77b;
	color: #fff;
	margin-bottom: 7px;
	width: 100%;
	max-width: 360px;
	padding: 16px 28px 17px;
	font-size: 18px;
	line-height: 23px
}

.home-profitably__button:not(:disabled) {
	cursor: pointer
}

.home-profitably__button:not(:disabled):hover:active {
	transition-duration: .1s;
	border-color: #fff;
	background-color: #6bb77b;
	color: #fff
}

.home-profitably__button:disabled {
	cursor: not-allowed
}

.home-profitably__policy {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: rgba(255, 255, 255, .6)
}

.home-profitably__policy-link:hover {
	color: #fff;
	transition-duration: .1s
}

.home-profitably__button:not(:disabled) {
	transition-property: border-color, background-color, color;
	transition-duration: .2s
}

.home-profitably__button:not(:disabled):hover {
	transition-duration: .1s;
	background-color: #fff;
	color: #141928
}

.home-profitably__policy-link {
	transition-property: color;
	transition-duration: .2s
}

@media (max-width: 1200px) {

	.home-profitably {
		margin-bottom: 90px
	}

	.home-profitably__cont {
		max-width: 892px;
		background-image: url(/wp-content/uploads/images/home-profitably/bg_home-profitably-1_892.webp);
		padding-top: 40px;
		padding-bottom: 40px
	}

	.home-profitably__title {
		max-width: 480px;
		font-size: 26px;
		line-height: 34px
	}

	.home-profitably__note {
		font-size: 16px;
		line-height: 21px
	}

	.home-profitably__form {
		display: block;
		margin: 0
	}

	.home-profitably__field {
		max-width: 100%;
		margin: 0 0 10px
	}

	.home-profitably__input {
		padding: 10px 19px;
		font-size: 14px;
		line-height: 18px
	}

	.home-profitably__btn-box {
		margin: 10px 0 0
	}

	.home-profitably__button {
		margin-bottom: 5px;
		max-width: 100%;
		padding: 14px 16px 13px;
		font-size: 16px;
		line-height: 21px
	}
}

/* HOME PROCESS */
.home-process__cont {
	margin: 0 auto;
	max-width: 1200px;
	padding-left: 20px;
	padding-right: 20px
}

.home-process__head {
	display: flex;
	width: 100%;
	margin-bottom: 60px
}

.home-process__note {
	flex-shrink: 0;
	width: 400px;
	font-size: 26px;
	font-weight: 300;
	line-height: 34px;
	color: rgba(20, 25, 40, .6)
}

.home-process__title {
	display: block;
	max-width: 500px;
	font-size: 40px;
	font-weight: 500;
	line-height: 44px
}

.home-process__list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0 -6px
}

.home-process__item {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	margin: 0 6px 13px;
	border-radius: 8px;
	min-height: 186px;
	padding: 25px 20px
}

.home-process__item:nth-child(even) {
	border: 1px solid #141928
}

.home-process__item:nth-child(odd) {
	border: 1px solid transparent;
	background-color: #6bb77b;
	color: #fff
}

.home-process__item_1,
.home-process__item_2 {
	width: 360px
}

.home-process__item_3 {
	width: 416px
}

.home-process__item_4 {
	width: 390px
}

.home-process__item_5 {
	width: 360px
}

.home-process__item_6 {
	width: 386px
}

.home-process__index {
	flex-shrink: 0;
	order: 1;
	display: inline-block;
	vertical-align: top;
	margin-left: 32px;
	font-size: 122px;
	line-height: 134px
}

.home-process__text {
	flex-grow: 1;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 23px
}

@media (max-width: 1200px) {
	.home-process__cont {
		max-width: 892px
	}

	.home-process__head {
		display: block;
		margin-bottom: 40px
	}

	.home-process__note {
		margin-bottom: 40px;
		width: 100%;
		font-size: 14px;
		line-height: 18px
	}

	.home-process__title {
		font-size: 26px;
		line-height: 29px
	}

	.home-process__list {
		margin: 0 -4px
	}

	.home-process__item {
		margin: 0 4px 8px;
		min-height: 120px
	}

	.home-process__item_1,
	.home-process__item_2 {
		width: calc(50% - 8px);
		padding: 16px 8px 9px
	}

	.home-process__item_3 {
		width: calc(100% - 8px);
		padding: 16px 8px
	}

	.home-process__item_4,
	.home-process__item_5 {
		width: calc(50% - 8px);
		padding: 16px 8px 9px
	}

	.home-process__item_6 {
		width: calc(100% - 8px);
		padding: 16px 8px
	}

	.home-process__index {
		font-size: 80px;
		line-height: 86px
	}

	.home-process__text {
		font-size: 13px;
		line-height: 17px
	}
}

@media (max-width: 700px) {
	.home-process__item_1 {
		display: block
	}

	.home-process__item_1 .home-process__index {
		margin-left: 0;
		margin-bottom: 20px
	}

	.home-process__item_2 {
		display: block
	}

	.home-process__item_2 .home-process__index {
		margin-left: 0;
		margin-bottom: 20px
	}

	.home-process__item_4 {
		display: block
	}

	.home-process__item_4 .home-process__index {
		margin-left: 0;
		margin-bottom: 20px
	}

	.home-process__item_5 {
		display: block
	}

	.home-process__item_5 .home-process__index {
		margin-left: 0;
		margin-bottom: 20px
	}
}

/* HOME ADVANTAGES */

.home-advantages {
	margin-bottom: 120px;
	padding-top: 108px
}

.home-advantages__cont {
	margin: 0 auto;
	max-width: 1200px;
	padding-left: 20px;
	padding-right: 20px;
	display: flex
}

.home-advantages__note {
	flex-shrink: 0;
	width: 400px;
	font-size: 26px;
	font-weight: 300;
	line-height: 34px;
	color: rgba(20, 25, 40, .6)
}

.home-advantages__info {
	margin-left: 50px
}

.home-advantages__title {
	display: block;
	margin-bottom: 60px;
	max-width: 500px;
	font-size: 40px;
	font-weight: 500;
	line-height: 44px
}

.home-advantages__list {
	max-width: 600px
}

.home-advantages__item {
	display: flex;
	align-items: center;
	min-height: 49px;
	background-image: url(/wp-content/uploads/images/home-advantages/home-advantages-1.svg);
	background-repeat: no-repeat;
	background-position: -6px 0;
	background-size: 49px 49px;
	padding-left: 55px
}

.home-advantages__item:not(:last-child) {
	margin-bottom: 20px
}

.home-advantages__text {
	font-size: 20px;
	line-height: 26px
}

.home-advantages__headline {
	font-weight: 500
}

@media (max-width: 1200px) {
	.home-advantages {
		margin-bottom: 94px;
		padding-top: 82px
	}

	.home-advantages__cont {
		max-width: 892px;
		display: block
	}

	.home-advantages__note {
		margin-bottom: 39px;
		width: 100%;
		font-size: 14px;
		line-height: 18px
	}

	.home-advantages__info {
		margin-left: 0
	}

	.home-advantages__title {
		font-size: 26px;
		line-height: 29px;
		margin-bottom: 40px;
		max-width: 400px
	}

	.home-advantages__item {
		min-height: 40px;
		background-position: 0 0;
		background-size: 40px 40px;
		padding-left: 52px
	}

	.home-advantages__item:not(:last-child) {
		margin-bottom: 10px
	}

	.home-advantages__text {
		font-size: 16px;
		line-height: 21px
	}
}

/* INNER PAGE */
.site-main {
	margin-top: 30px;
}

/* SERVICES PAGE */
.swiper-initialized {
	overflow: hidden;
	position: relative;
}

.services-page-wrapper {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	gap: 50px;
	margin-top: 86px;
	margin-bottom: 70px;
}

.work__area .swiper-wrapper {
	align-items: center;
}

.services-page-left {
	max-width: 648px;
}

.services-page-right {
	flex: 1;
}

.works_slider_nav_wrapper {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 100%;
	transform: translate(-50%, 50%);
}

.work__thumbs {
	margin-top: 20px;
}

.work__thumbs .swiper-wrapper {
	margin-top: 20px;
}

.work__slide {
	border-radius: 8px;
	overflow: hidden;
}

.work__thumbs .work_thumbs-slide {
	border-radius: 4px;
	max-height: 80px;
	overflow: hidden;
	cursor: pointer;
	height: auto;
}

.work_thumbs-slide picture {
	height: 100%;
}

.work_thumbs-slide img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.work__arrow {
	width: 22px;
	height: 22px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, .8);
	cursor: pointer;
}

.work__item {
	position: relative;
	padding-left: 34px;
	font-size: 16px;
	line-height: 20px;
}

.work__item+.work__item {
	margin-top: 10px;
}

.work__item::after,
.work__item::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 3px;
	width: 16px;
	height: 16px;
}

.work__item::before {
	background-color: #6bb77b;
}

.work__item::after {
	background-color: #fff;
	-webkit-mask-image: url(/wp-content/uploads/images/ic_check.svg);
	mask-image: url(/wp-content/uploads/images/ic_check.svg);
	-webkit-mask-size: 10px 10px;
	mask-size: 10px 10px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
}

@media (max-width: 1200px) {
	.services-page-left {
		max-width: 100%;
	}
}

/* MORE WORKS BLOCK */
.works-more {
	margin-bottom: 1px;
	border-radius: 8px;
	background-color: #141928;
}

.works-more__cont {
	position: relative;
	padding: 30px 20px 78px;
}

.works-more__title {
	margin-bottom: 50px;
	font-size: 18px;
	font-weight: 300;
	line-height: 23px;
	color: rgba(255, 255, 255, .6);
}

.works-more__slider .works-more__item {
	height: auto;
	display: flex;
	flex-direction: column;
}