/*
Theme Name: buro
Template: Goodini
Theme URI: https://degorov.ru/
Description: Дочерняя тема для Goodini
Author: Якушина
Author URI: https://degorov.ru/
Version: 1.0
*/

@font-face {
    font-family: 'Oswald';
    src: url('assets/fonts/Oswald-Regular.eot');
    src: url('assets/fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Oswald-Regular.woff2') format('woff2'),
        url('assets/fonts/Oswald-Regular.woff') format('woff'),
        url('assets/fonts/Oswald-Regular.ttf') format('truetype'),
        url('assets/fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'MuseoSansCyrl-700';
    src: url('assets/fonts/MuseoSansCyrl-700.eot');
    src: url('assets/fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/MuseoSansCyrl-700.woff2') format('woff2'),
        url('assets/fonts/MuseoSansCyrl-700.woff') format('woff'),
        url('assets/fonts/MuseoSansCyrl-700.ttf') format('truetype'),
        url('assets/fonts/MuseoSansCyrl-700.svg#MuseoSansCyrl-700') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-Bold.eot');
    src: url('assets/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gilroy-Bold.woff2') format('woff2'),
        url('assets/fonts/Gilroy-Bold.woff') format('woff'),
        url('assets/fonts/Gilroy-Bold.ttf') format('truetype'),
        url('assets/fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MuseoSansCyrl-300';
    src: url('assets/fonts/MuseoSansCyrl-300.eot');
    src: url('assets/fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/MuseoSansCyrl-300.woff2') format('woff2'),
        url('assets/fonts/MuseoSansCyrl-300.woff') format('woff'),
        url('assets/fonts/MuseoSansCyrl-300.ttf') format('truetype'),
        url('assets/fonts/MuseoSansCyrl-300.svg#MuseoSansCyrl-300') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.dark_theme .hideLabels .form-control {
	color: black;
	font-size: 16px;
}

.form-wrap .button button {
	width: 100%;
}

.wrapper {
	overflow: hidden;
}

.container-fluid {
	max-width: 1705px;
}

.btn span {
	font-size: 1.125rem;
}

.btn, .btn:visited, .btn:focus, .btn:active {
    box-shadow: 0 1px 14px -7px #ffb56c;
    border-radius: 5px;
}

.title {
	margin-bottom: 3.5rem;
}

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

.header__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4rem;
}

.header__social {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.header__contacts {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.header__social span {
	color: #BBAF9F;
	font-size: .875rem;
}

.social .soc {
    width: 2rem;
    height: 2rem;
    display: flex;
	align-items: center;
	justify-content: center;
}

.social .soc svg {
    width: 100%;
    height: 100%;
}

.header__logo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	width: 37%;
}

.header__descriptor {
	font-size: .875rem;
	color: #BBAF9F;
}

#header .contacts .phone-content {
	font-family: 'MuseoSansCyrl-700';
	font-size: 1.125rem;
	transition: .3s linear;
}

#header .contacts .phone-content:hover {
	color: #CAA57F;
}

#header .contacts .link {
	padding: .25rem 1rem;
	border: 1px solid #CAA57F;
	border-radius: 5px;
	font-size: .875rem;
	color: white;
	transition: .3s linear;
}

#header .contacts .link:hover {
	color: #CAA57F;
	border: 1px solid #CAA57F !important;
}

.social .soc {
	transition: .3s linear;
}

/* .social .soc:hover svg g {
	fill: white;
} */

.social .soc:hover {
	transform: scale(1.1);
}

.footer__row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

#footer .footer-logo {
	display: block;
	margin: 0 0 1rem;
	max-width: 220px;
}

.footer__descriptor {
	font-size: .875rem;
    color: #BBAF9F;
}

.footer__button {
	margin-top: 2rem;
}

.footer__contacts {
	margin-bottom: 1rem;
}

.footer__logo {
	width: 20%;
}

.footer__address {
	padding: 0 1rem;
	width: 23%;
}

.footer__address span {
	display: block;
	margin-bottom: 1rem;
	font-size: 1rem;
}

.footer__address span:last-child {
	margin-bottom: 0;
}

.footer__txt {
	font-size: .875rem;
    color: #BBAF9F;
}

#footer a[href^="mailto:"] {
	/* border-bottom: 1p; */
	transition: .3s linear;
	padding-bottom: 3px;
	font-size: 1rem;
}

#footer a[href^="mailto:"]:hover {
	color: white;
}

#footer .phone-content {
	font-family: 'MuseoSansCyrl-700';
	font-size: 1rem;
	color: white;
	transition: .3s linear;
}

#footer .phone-content:hover {
	color: #caa57f;
}

#footer .header__social {
	flex-direction: column;
	gap: 0;
	align-items: flex-start;
}

#footer .link {
	color: #CAA57F;
	font-size: .875rem;
	transition: .3s linear;
}

.footer-2-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.b2b-copy {
	margin: 0;
}

.footer__copy span {
	font-size: 1rem;
	color: #BBAF9F;
}

#footer-2 {
	background: transparent;
}

#footer-2::before {
	display: none;
}

#footer {
	padding: 4rem 0;
	background: #0E1A28;
}

.dark_theme .manager-1 .wrap {
	position: relative;
	padding: 5rem 4rem;
	justify-content: space-between;
	align-items: flex-start;
	background: white;
	border-radius: 10px;
}

.dark_theme .manager-1 .wrap::before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 105%;
	height: 85%;
	border: 1px solid #CAA57F;
	border-radius: 10px;
	z-index: -1;
}

h2,
.manager-1 h2 {
	margin-top: 0;
	font-size: 2.25rem;
	font-weight: 400;
	line-height: 1.3;
}

.dark_theme .manager-1 h2 {
	color: #1E1E1E;
	line-height: 1.5;
}

#manager ul li {
	padding: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 1.5rem;
	color: #1E1E1E;
}

#manager ul li::before {
	position: initial;
	display: block;
	content: '';
	width: 23px;
	height: 20px;
	background-image: url('assets/i/tick.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.manager-1 .avatar-wrap {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.manager-1 .left-wrap {
	flex: 0 0 38%;
}

#manager ul {
    max-width: 500px;
}

.manager-1 .form-wrap {
	padding: 3rem;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	height: auto;
	max-width: 425px;
	box-shadow: none;
	border: 1px solid #CAA57F;
	border-radius: 10px;
}

.agreement-label,
.agreement-label a {
	color: #ACACAC;
}

.dark_theme .manager-1 .form-wrap {
    background: #0E1A28;
}

.form__title {
	font-family: 'MuseoSansCyrl-700';
	font-size: 1.25rem;
	text-align: center;
}

.form-desk {
	margin: 0;
	font-size: 1.25rem;
	text-align: center;
}

.form-wrap .form-header {
    margin-bottom: 1.5rem;
}

.dark_theme .form-group {
	background: white;
	border-radius: 10px;
}

.form-control::-webkit-input-placeholder {
	color:#ACACAC !important;
	font-size: 1rem;
	text-align: center !important;
}

.form-control:-ms-input-placeholder {
	color:#ACACAC !important;
	font-size: 1rem;
	text-align: center !important;
}

.form-control::-ms-input-placeholder {
	color:#ACACAC !important;
	font-size: 1rem;
	text-align: center !important;
}

.form-control::placeholder {
	color:#ACACAC !important;
	font-size: 1rem;
	text-align: center !important;
}

.agreement-label a {
	transition: .3s linear;
}

.agreement-label a:hover {
	color: #CAA57F;
}

#manager {
	padding: 12rem 0;
}

.form-wrap .form-header {
	margin: 0 auto 1.5rem;
	padding: 0 1rem;
}

#header .logo a {
    max-width: 14rem;
}

.hero {
	position: relative;
	padding: 7rem 0 8rem;
}

.hero::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(-25%, 10%);
    width: 207px;
    height: 338px;
    background-image: url('assets/i/net.svg');
    background-repeat: no-repeat;
    background-size: contain;
	z-index: 3;
}

.hero::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(95%, 50%) rotate(90deg);
    width: 207px;
    height: 338px;
    background-image: url('assets/i/net.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
}

.hero__inner {
	position: relative;
	padding: 5rem 3rem 7rem 0;
	width: 47%;
	background: #0E1A28;
}

.hero__inner::before {
	position: absolute;
	content: '';
	top: 0;
	right: 99.9%;
	width: 52%;
	height: 100%;
	background: #0E1A28;
}

h1 {
	font-size: 3rem;
	font-weight: 400;
	line-height: 1.3;
}

.hero__img {
	position: absolute;
	bottom: 0;
	right: -4rem;
}

.hero ul {
    margin-bottom: 3rem;
    width: 80%;
}

.hero ul li {
	position: relative;
	padding-left: 1.5rem;
	margin-bottom: 1.5rem;
	font-size: 1.25rem;
}

.hero ul li::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	transform: translateY(100%);
	width: 8px;
	height: 8px;
	background: #CAA57F;
	border-radius: 50%;
	box-shadow: 0 0px 8px 1px #ffb56c;
}

.hero__btn {
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 85%;
}

.hero__btn p {
	margin: 0;
	font-size: .875rem;
}

.hero__btn .button {
	margin: 0;
	flex-shrink: 0;
}

.hero__title {
	margin-bottom: 2rem;
}

.features {
	padding: 12rem 0 6rem;
	position: relative;
	margin-bottom: 7rem;
}

.features::before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 75%;
	height: 100%;
	background: #0E1A28;

}

.features::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(0%, 50%) rotate(90deg);
    width: 207px;
    height: 338px;
    background-image: url('assets/i/net.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
}


.features__wrapper {
	margin-left: auto;
	width: 50%;
}

.features__img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.features__title p {
	position: relative;
	width: fit-content;
	font-size: 1.5rem;
}

.features__title p::before {
	content: '';
	position: absolute;
	left: 105%;
	top: 50%;
	transform: translateY(-50%);
	width: 150%;
	height: 1px;
	background: #FEBB6D;

}

.features__list ul {
    margin-bottom: 4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.features__list ul li {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	flex: 0 0 calc((100% - 4rem) / 3);
	font-size: 1rem;
	line-height: 1.2;
}

.features__list ul li::before {
	display: block;
	content: '';
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.features__list ul li:first-child::before {
	background-image: url('assets/i/f1.svg');
}

.features__list ul li:nth-child(2)::before  {
	background-image: url('assets/i/f2.svg');
}

.features__list ul li:nth-child(3)::before  {
	background-image: url('assets/i/f3.svg');
}

.features__list ul li:nth-child(4)::before  {
	background-image: url('assets/i/f4.svg');
}

.features__list ul li:nth-child(5)::before  {
	background-image: url('assets/i/f5.svg');
}

.features__list ul li:nth-child(6)::before  {
	background-image: url('assets/i/f6.svg');
}

.order {
	padding: 6rem 0;
	margin-bottom: 10rem;
	position: relative;
	background: #0E1A28;
}

.order__wrapper {
	position: relative;
	width: 55%;
	
}

.order__title {
	margin-bottom: 0;
}

.order__title ul li {
	display: flex;
	/* align-items: center; */
	gap: 10px;
	position: relative;
	margin-bottom: 1.4rem;
	font-size: 1.25rem;
}

.order__title ul li:last-child {
	margin-bottom: 0;
}

.order__title ul li::before {
    flex-shrink: 0;
    display: block;
    content: '';
    width: 24px;
    height: 28px;
    background-image: url('assets/i/shield.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.order__img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.order__img::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(-50%, 40%);
	width: 207px;
	height: 338px;
	background-image: url('assets/i/net.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.order__title h2 {
	margin-bottom: 2.5rem;
}
.catalog__title {
	text-align: center;
}

.catalog__list {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 4rem;
	width: 90%;
}

.catalog__cart {
	padding: 2.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 calc((100% - 8rem) / 3);
	background-color: white;
	border-radius: 5px;
	color: #333333;
	text-align: center;
}

.catalog__name {
	margin: 1rem 0;
	font-family: 'MuseoSansCyrl-700';
	font-size: 1.25rem;
}

.catalog__body  {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.catalog__button {
	margin-top: auto;
}

.catalog__desc {
	margin-bottom: 1.5rem;
}

.catalog {
	padding: 5rem 0 8rem;
}

.reasons {
	padding: 5rem 0;
	position: relative;
	background: #0E1A28;
}

.reasons::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(20%, -50%) rotate(90deg);
    width: 207px;
    height: 338px;
    background-image: url('assets/i/net.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.reasons_title {
	margin-bottom: 5rem;
	text-align: center;
}

.reasons__list {
	margin: 0 auto;
	width: 97%;
	display: flex;
	flex-wrap: wrap;
	gap: 4rem;
}

.reasons__item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 calc((100% - 16rem) / 5);
}

.reasons__text {
	padding: 0 .8rem;
	font-size: 1.25rem;
	line-height: 1.2;
}

.reasons__img {
	margin-bottom: 2.5rem;
	position: relative;
}

.reasons__img::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 115%;
	height: 115%;
	border: 1px solid #CAA57F;
	border-radius: 5px;
}

.reasons__num {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-20%, -75%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: linear-gradient(180deg, rgba(202,165,127,1) 0%, rgba(139,110,81,1) 54%);
    font-size: 1.5rem;
    font-family: 'MuseoSansCyrl-700';
    line-height: 1.1;
}

.desc {
	padding: 8rem 0;
	position: relative;
}

.desc::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(50%, -30%);
    width: 207px;
    height: 338px;
    background-image: url('assets/i/net.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.desc::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(0%, 50%) rotate(90deg);
    width: 207px;
    height: 338px;
    background-image: url('assets/i/net.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
}

.desc__wrapper {
	position: relative;
	display: flex;
	background: white;
	border-radius: 10px;
	border: 1px solid #CAA57F;
}

.desc__wrapper::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    height: 85%;
    border: 1px solid #CAA57F;
    border-radius: 10px;
    z-index: -1;
}

.desc__title h2 {
	color: #333333;
}

.desc__title {
	position: relative;
	margin-bottom: 0;
	padding: 3.5rem 3.5rem 0;
	z-index: 3;
}

.desc__img {
	flex-shrink: 0;
}

.desc__img img {
	border-radius: 0 10px 10px 0;
}

.desc__title ul li {
	margin-bottom: 1rem;
	display: flex;
	align-items: flex-start;
    gap: 12px;
	font-size: 1.25rem;
	color: #333333;
}


.desc__title ul li::before {
	flex-shrink: 0;
    display: block;
    content: '';
    width: 23px;
    height: 20px;
    background-image: url('assets/i/tick.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.portfolio__title {
	text-align: center;
}

.slick-dots {
	position: initial;
	gap: 1.7rem
}

.slick-arrow {
	position: relative;
	width: 52px;
	height: 52px;
	background: linear-gradient(180deg, rgba(202,165,127,1) 0%, rgba(139,110,81,1) 54%);
	border-radius: 0;
	box-shadow: none;
	transition: .3s linear;
}

.slick-arrow:hover {
	transform: scale(1.1);
}

.slick-arrow::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    border-bottom: 4px solid white;
    border-right: 4px solid white;
    border-radius: 3px;
}

.slick-next::before {
	transform: translate(-75%, -50%) rotate(-45deg);
}

.slick-prev::before {
	transform: translate(-25%, -50%) rotate(135deg);
}

.slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 0;
	border: 1px solid #CAA57F;
	box-shadow: none;
	background: transparent;
}

.slick-dots li.slick-active button {
	width: 10px;
	height: 10px;
	background: linear-gradient(180deg, rgba(202,165,127,1) 0%, rgba(139,110,81,1) 54%);
	box-shadow: none;
}

.portfolio__nav {
	margin: 0 auto;
	display: flex;
	gap: 2rem;
	align-items: center;
	justify-content: center;
}

.portfolio {
	position: relative;
	padding: 6rem 0;
	background-image: url('assets/i/portfolio-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.portfolio::before {
    content: '';
    position: absolute;
    left: 18rem;
    bottom: 0;
    transform: translate(0%, 48%) rotate(90deg);
    width: 207px;
    height: 338px;
    background-image: url('assets/i/net.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 100;
}

.portfolio__item {
	padding: 3rem;
	display: flex !important;
	flex-direction: column;
	background: #0E1A28;
	border-radius: 5px;
	border: 1px solid #CAA57F;
}

.portfolio .slick-slide {
	margin: 0 20px;
}

.portfolio .slick-list {
	margin: 0 -20px;
}

.portfolio__name p {
	margin: 0 0 2rem;
	font-family: 'MuseoSansCyrl-700';
	font-size: 1.5rem;
	color: #CAA57F;
}

.portfolio__solution span, .portfolio__problem span {
	margin: 0 0 .5rem;
	display: block;
	font-family: 'MuseoSansCyrl-700';
	color: #BBAF9F;
	font-size: 1rem;

}

.portfolio__solution p, .portfolio__problem p {
	margin: 0 0 .5rem;
	color: #E6E8E9;
	font-size: 1rem;
}

.portfolio__solution,
.portfolio__problem {
	margin-bottom: 1.5rem;
}

.portfolio__file {
	margin-top: auto;
	
	width: fit-content;
	text-transform: uppercase;
	border-radius: 5px;
	border: 1px solid #CAA57F;
	
}

.portfolio__file a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 1.25rem;
	color: white;
	transition: .3s linear;
}

.portfolio__file a:hover {
	color: #CAA57F;
}

.portfolio__file a::after {
	
	display: block;
    content: '';
    width: 26px;
    height: 21px;
    background-image: url('assets/i/folder.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.portfolio__slider {
	margin-bottom: 2rem;
}

.reviews__img {
	position: absolute;
	top: 50%;
	left: -3rem;
	transform: translateY(-50%);
}

.reviews {
	padding: 6rem 0;
	overflow: initial !important;
	position: relative;
	background: #0E1A28;
}

.reviews__slider {
	position: relative;
	z-index: 2;
}

.reviews__title {
	position: relative;
	z-index: 5;
	text-align: center;
}

.reviews__item {
	position: relative;
	padding: 6rem 3rem 3rem;
	background-color: white;
	border-radius: 10px;
	color: #1E1E1E;
	font-size: 1rem;
}

.reviews__item::before {
    position: absolute;
	top: 2rem;
	left: 3rem;
    content: '';
    width: 65px;
    height: 50px;
    background-image: url('assets/i/quotes.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.reviews .slick-slide {
	margin: 0 20px;
}

.reviews .slick-list {
	margin: 0 -20px;
}

.reviews__name {
	font-family: 'MuseoSansCyrl-700';
	font-size: 1rem;
	text-align: right;
}

.reviews::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(55%, 50%) rotate(90deg);
    width: 207px;
    height: 338px;
    background-image: url('assets/i/net.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
}

.reviews__nav {
	margin: 0 auto;
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
}

.reviews-slides {
	margin-bottom: 2rem;
}

@media screen and (min-width: 2500px){
    body {
      zoom: 1.333;
    }

}

@media screen and (max-width: 1919px) {
	.hero__img {
		right: -13rem;
	}

	.hero {
		padding: 7rem 0 7rem;
	}

	.hero__btn {
		width: 90%;
	}

	.hero::before {
		transform: translate(-25%, 28%);
		width: 207px;
		height: 284px;
	}

	.features__img {
		left: -6rem;
	}

	.reasons__list {
		width: 100%;
		gap: 3rem;
	}

	.reasons__item {
		flex: 0 0 calc((100% - 13rem) / 5);
	}

	.reviews__img {
		height: 115%;
	}

	#manager {
		padding: 10rem 0;
	}
}

@media screen and (max-width: 1679px) {
	.order {
		margin-bottom: 5rem;
	}

	.features {
        margin-bottom: 3.3rem;
    }

	.header__logo {
		width: 40%;
	}

	.hero__inner {
		width: 51%;
	}

	.features__img {
		height: 85%;
	}

	.features {
		padding: 6rem 0 6rem;
	}

	.order__wrapper {
		width: 60%;
	}

	.order__img {
		height: 115%;
	}

	.reasons__text {
		padding: 0;
	}

	.desc__img img {
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.desc__title {
		padding: 3rem;
	}

	.manager-1 .left-wrap {
		flex: 0 0 40%;
	}

	.manager-1 .avatar-wrap {
		left: 54%;
	}

	.reasons__text {
		font-size: 1.1rem;
	}

}

@media screen and (max-width: 1535px) {
	.catalog__image {
		width: 45%;
	}

	.header__logo {
		width: 46%;
	}

	h1 {
		font-size: 2.7rem;
	}

	.hero__img {
		right: -17rem;
	}

	.hero__btn {
		width: 100%;
	}

	.features {
		padding: 4rem 0 4rem;
	}

	.features__img {
		height: 80%;
	}

	.features__list ul {
		gap: 1.5rem;
	}

	.features__list ul li {
		flex: 0 0 calc((100% - 3rem) / 3);
	}

	.features__wrapper {
		width: 54%;
	}

	.order {
		margin-bottom: 4rem;
		padding: 4rem 0;
	}

	.order__img {
		height: 105%;
	}

	h2, .manager-1 h2 {
		font-size: 2.1rem;
	}

	.order__wrapper {
		width: 61%;
	}

	.order__img::before {
		height: 249px;
	}

	.catalog__list {
		gap: 2rem;
	}

	.catalog__cart {
		padding: 2rem;
		flex: 0 0 calc((100% - 4rem) / 3);
	}

	.desc__title {
		flex: 0 0 47%;
	}

	.desc__wrapper {
		overflow: hidden;
	}

	.desc {
		padding: 4rem 0;
	}

	.portfolio {
		padding: 4rem 0;
	}

	.portfolio__item {
		padding: 1.5rem;
	}

	.reviews__item {
		padding: 4.5rem 1.5rem 2rem;
	}

	.reviews__item::before {
		top: 1rem;
		left: 2rem;
	}


	.reviews__img {
		height: 110%;
	}

	#manager ul li {
		align-items: center;
		font-size: 1.3rem;
		line-height: 1.3;
	}

	.footer__address {
		width: 25%;
	}

}

@media screen and (max-width: 1439px) {
	

	.hero__img {
		right: -14rem;
		height: 100%;
	}

	.hero__inner {
		padding: 3rem 4rem 3rem 0;
	}

	.hero {
		padding: 4rem 0;
	}

	.catalog__list {
		width: 100%;
	}

	.catalog {
		padding: 5rem 0 5rem;
	}

	.portfolio__name p {
		margin: 0 0 1.5rem;
		font-size: 1.3rem;
	}

	
}

@media screen and (max-width: 1365px) {
	.footer__copy span {
		font-size: 0.9rem;
	}

	#header .logo a {
		max-width: 12rem;
	}

	.header__social span {
		display: none;
	}

	.hero__inner {
		width: 57%;
	}

	.hero ul {
		width: 90%;
	}

	.hero::before {
		transform: translate(-53%, 13%);
	}

	h1 {
		font-size: 2.6rem;
	}

	.features__img {
		height: 70%;
	}

	.features__list ul {
		margin-bottom: 2rem;
	}

	.features__wrapper {
		width: 57%;
	}

	h2, .manager-1 h2 {
		font-size: 2rem;
	}

	.order__title ul li {
		margin-bottom: 1rem;
		font-size: 1.1rem;
	}

	.order {
		margin-bottom: 0rem;
	}

	.order__img::before {
		height: 220px;
	}

	.catalog__cart {
		padding: 2rem 1.5rem;
	}

	.catalog__desc {
		margin-bottom: 1rem;
	}

	.reasons::before,
	.desc::before,
	.portfolio::before,
	.reviews::after, 
	.features::after,
	.hero::before,
	.hero::after,
	.desc::after {
		height: 250px;
	}

	.reasons__text {
		font-size: 1rem;
	}

	.desc__title ul li {
		font-size: 1.1rem;
	}

	.portfolio .slick-slide,
	.reviews .slick-slide {
		margin: 0 15px;
	}

	.portfolio .slick-list,
	.reviews .slick-list {
		margin: 0 -15px;
	}

	.portfolio::before {
		left: 11rem;
	}

	#manager {
		padding: 6rem 0;
	}

	.manager-1 .form-wrap {
		padding: 2rem;
	}

	/* .manager-1 .left-wrap {
		flex: 0 0 43%;
	} */

	.manager-1 .avatar-wrap {
		width: 29%;
	}

	.footer__logo {
		width: 23%;
	}

	.footer__address {
		width: 27%;
	}

	.dark_theme .manager-1 .wrap {
		padding: 4rem 2rem;
	}

	.hero::after {
		transform: translate(65%, 50%) rotate(90deg);
	}
}

@media screen and (max-width: 1279px) {
	.order__wrapper {
		width: 59%;
	}

	.features__list ul li::before {
		width: 57px;
		height: 57px;
	}
}

@media screen and (max-width: 1149px) {
	.header__content {
		gap: 1rem;
	}

	#header .contacts .phone-content {
		font-size: 1rem !important;
	}

	.header__descriptor {
		font-size: .75rem;
	}

	.footer__address {
		padding: 0;
	}

	.header__logo {
		width: 50%;
	}

	#header .logo a {
		max-width: 14rem;
	}

	h1 {
		font-size: 2.3rem;
	}

	.hero ul {
		margin-bottom: 2rem;
		width: 100%;
	}

	.hero__inner {
		padding: 2.5rem 2rem 2.5rem 0;
	}

	.hero__btn {
		width: 70%;
		flex-direction: column;
		align-items: flex-start;
	}

	h2, .manager-1 h2 {
		font-size: 1.9rem;
	}

	.features__wrapper {
		width: 100%;
	}

	.features::before {
		width: 100%;
	}

	.features__img {
		transform: translate(0, 0);
		max-height: 50vw;
		position: initial;
		overflow: hidden;
		margin: 0 auto;
		display: block;
	}

	.features__img img {
		display: block;
		margin: 2rem auto 0;
	}

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

	.order__img {
		height: 85%;
	}

	.catalog__image {
		width: 50%;
	}

	.reasons {
		padding: 4rem 0;
	}

	.reasons__item {
		flex: 0 0 calc((100% - 13rem) / 3);
	}

	.reasons__list {
		justify-content: center;
	}

	.reasons__text {
		text-align: center;
	}

	.desc__title {
		padding: 2rem;
		flex: 0 0 51%;
	}

	.manager-1 .avatar-wrap {
		left: 55%;
	}

	.manager-1 .left-wrap {
		flex: 0 0 45%;
	}

	.footer__row {
		flex-wrap: wrap;
		gap: 1.5rem;
	}

	.footer__descriptor {
		width: 35%;
	}

	.footer__logo {
		width: 100%;
	}

	.manager-1 .form-wrap {
		max-width: 355px;
	}

	.manager-1 .form-wrap {
		padding: 1.5rem;
	}

}

@media screen and (max-width: 1023px) {
	.catalog {
		padding: 3rem 0 3rem;
	}

	.reasons {
		padding: 3rem 0;
	}

	.hero__inner {
		padding: 2rem 2rem 2rem 0;
	}

	.desc__img img {
		width: 100%;
		height: auto;
	}

	.header__descriptor {
		display: none;
	}

	.header__content {
		gap: 2rem;
	}

	.header__logo {
		width: 35%;
	}

	h1 {
		font-size: 2rem;
	}

	h2, .manager-1 h2 {
		font-size: 1.7rem;
	}

	.features__title p {
		font-size: 1.3rem;
	}

	.features__img {
		display: none;
	}

	.order__img {
		height: 60%;
	}

	.order {
		padding: 3rem 0;
	}

	.order__title ul li {
		font-size: 1rem;
	}

	.catalog__cart {
		flex: 0 0 calc((100% - 4rem) / 2);
	}

	.title {
		margin-bottom: 2.5rem;
	}

	.desc__wrapper {
		flex-direction: column;
	}

	.desc__title {
		margin-bottom: 0rem;
	}

	.desc__img {
		max-height: 55vw;
	}

	.portfolio::before {
		left: -2rem;
	}

	.manager-1 .form-wrap {
		position: initial;
		transform: translate(0, 0);
	}

	.dark_theme .manager-1 .wrap {
		flex-direction: column;
	}

	.manager-1 .form-wrap {
		max-width: 370px;
	}

	.manager-1 .avatar-wrap {
		display: block;
		left: 76%;
		width: 52%;
	}

	.footer__address {
		padding: 0;
		width: 40%;
	}

	.footer__info {
		display: flex;
		gap: 2rem;
		justify-content: space-between;
		width: 40%;
	}

	.footer__row {
		justify-content: flex-start;
		gap: 2rem;
	}

	.footer__button {
		margin: 0;
		width: 100%;
	}

	.footer__copy span {
		font-size: .875rem;
	}

	.footer-2-wrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	.reasons_title {
		margin-bottom: 5rem;
	}

	.hero__inner {
		width: 75%;
	}

	.hero__img {
		right: -16rem;
		height: 75%;
	}

	.hero {
		padding: 1rem 0 2rem;
	}

	.hero::before {
		transform: translate(-60%, 13%);
	}

	.features {
		padding: 3rem 0 3rem;
	}

	.features__title {
		width: 80%;
	}

	.order__title {
		margin-bottom: 0;
	}

	.catalog__name {
		font-size: 1.1rem;
	}

	.reasons__item {
		flex: 0 0 calc((100% - 7rem) / 3);
	}

	.reasons__num {
		transform: translate(-60%, -75%);
		width: 40px;
		height: 40px;
		font-size: 1.2rem;
	}

	.portfolio {
		background-position-x: right;
	}

	.footer__contacts {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.hero {
		padding: 2rem 0 2rem;
	}

	.hero__inner {
		width: 100%;
		padding: 0 0 2rem;
	}

	.features__list ul {
		gap: 1rem;
	}

	.features__list ul li {
		flex: 0 0 calc((100% - 2rem) / 3);
	}

	.order__wrapper {
		width: 100%;
	}

	.order__img {
		display: none;
	}

	.btn span {
		font-size: 1rem;
	}

	.catalog__list {
		gap: 1rem;
	}

	.catalog__cart {
		flex: 0 0 calc((100% - 2rem) / 2);
	}

	.catalog {
		padding: 3rem 0 3rem;
	}

	.reasons__item {
		flex: 0 0 calc((100% - 7rem) / 2);
	}

	.desc::before {
		transform: translate(-25%, -30%);
	}

	.manager-1 .avatar-wrap {
		display: none;
	}

	.dark_theme .manager-1 .wrap {
		padding: 3rem 2rem;
	}

	.manager-1 .form-wrap {
		max-width: 400px;
	}

	.features::after {
		right: -6rem;
	}

	.header__social {
		display: none;
	}

	.hero {
		background: #0E1A28;
	}

	.hero__img {
		position: initial;
		max-height: 50vw;
	}

	.features__list ul li::before {
		width: 56px;
		height: 56px;
	}
	
}

@media screen and (max-width: 550px) {
	.footer__row {
		gap: 1.5rem;
	}


	#footer .phone-content {
		margin-bottom: 0;
	}

	.catalog__cart {
		flex: 0 0 100%;
	}

	.catalog__image {
		width: 25%;
	}

	.catalog__list {
		width: 85%;
	}

	#manager {
		padding: 3rem 0;
	}
}

@media screen and (max-width: 499px) {
	

	.portfolio__file a {
		font-size: 0.875rem;
	}

	.hero__btn {
		width: 75%;
	}

	h2, .manager-1 h2 {
		font-size: 1.5rem;
	}

	.hero ul li {
		margin-bottom: 1rem;
	}

	.header__contacts {
		flex-direction: column;
		gap: 0.5rem;
	}

	#header .logo {
		flex: 0 0 13rem;
	}

	.features__list ul li {
		flex: 0 0 calc((100% - 2rem) / 2);
	}

	.features__list ul {
		gap: 1.5rem;
	}

	.features::after {
		right: -10rem;
	}

	.reviews::after {
		transform: translate(85%, 50%) rotate(90deg);
	}

	.slick-arrow::before {
		width: 15px;
		height: 15px;
	}

	.slick-arrow {
		width: 45px;
		height: 45px;
	}

	.reviews__img {
		display: none;
	}

	#manager ul li {
		font-size: 1.2rem;
	}

	.dark_theme .manager-1 .wrap {
		padding: 2rem 1.5rem;
	}

	.footer__descriptor {
		width: 70%;
	}

	.footer__address {
		width: 50%;
	}

	.hero__btn {
		gap: 1rem;
	}

	.features {
		margin-bottom: 3rem;
	}
}

@media screen and (max-width: 413px) {
	.dark_theme .manager-1 .wrap::before {
		display: none;
	}

	h1 {
		margin-bottom: 1.5rem;
		font-size: 1.8rem;
	}

	.hero ul li {
		font-size: 1.1rem;
	}

	.hero__btn {
		width: 85%;
	}

	.title {
		margin-bottom: 1.5rem;
	}

	.hero ul {
		margin-bottom: 1.5rem;
	}

	h2, .manager-1 h2 {
		font-size: 1.4rem;
		margin-bottom: 1.5rem;
	}

	.features__title {
		width: 100%;
	}

	.features__list ul li {
		flex: 0 0 100%;
		flex-direction: row;
		align-items: center;
	}

	.features__list ul li::before {
		width: 50px;
		height: 50px;
		flex-shrink: 0;
	}

	.reasons__item {
		flex: 0 0 65%;
	}

	.reasons_title {
		margin-bottom: 4rem;
	}

	.reasons__num {
		transform: translate(-45%, -75%);
		width: 35px;
		height: 35px;
		font-size: 1.1rem;
	}

	.reasons {
		padding: 3rem 0;
	}

	.desc__title {
		margin-bottom: 0rem;
	}

	.portfolio {
		padding: 3rem 0;
	}

	.portfolio::before {
		left: -13rem;
	}

	#footer {
		padding: 3rem 0;
		background: #0E1A28;
	}

	.reviews__item::before {
		width: 47px;
		height: 34px;
		left: 1.5rem;
	}

	.features__title p {
		font-size: 1.1rem;
	}

	.portfolio__solution, .portfolio__problem {
		margin-bottom: 1rem;
	}

	.portfolio__name p {
		margin: 0 0 1rem;
	}

	.order__title {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 389px) {
	#manager ul li {
		font-size: 1.1rem;
	}

	h1 {
		font-size: 1.7rem;
	}

	.reviews__item {
		padding: 4rem 1.5rem 2rem;
	}

	.features__list ul li::before {
		width: 45px;
		height: 45px;
	}

	#header .logo a {
		max-width: 12rem;
	}

	.catalog__name {
		margin-bottom: .7rem;
	}

	.desc__title {
		padding: 1.5rem;
	}
}

@media screen and (max-width: 359px) {
	#manager ul li {
		font-size: 1rem;
	}

	.hero ul li {
		font-size: 1rem;
	}

	#header .logo {
		flex: 0 0 10rem;
	}

	.features__list ul li::before {
		width: 40px;
		height: 40px;
	}

	h2, .manager-1 h2 {
		font-size: 1.3rem;
	}

	h1 {
		font-size: 1.5rem;
	}

	.hero__btn {
		width: 100%;
	}

	.desc__title ul li {
		gap: 5px;
	}

	.form__title,
	.form-desk {
		font-size: 1.1rem;
	}
}

.error404 #hero {
	position: relative;
	align-items: flex-start;
	background-image: url('assets/i/404.webp');
}

.error404 .hero__main {
	position: relative;
	margin: 0 auto;
	padding-top: calc(64px + (100 - 64) * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(64px + (400 - 64) * (100vw - 360px) / (1920 - 360));
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 50%;
	color: #16161B;
	z-index: 2;
}

.error404 #hero .intro {
	margin: 0 auto;
	width: 65%;
	font-size: 1.5rem;
	text-align: center;
}

.error404 h1 {
	font-size: 2.5rem;
}

.page-template-page-thanks #hero {
	position: relative;
	align-items: flex-start;
	background-image: url('assets/i/thanks.webp');
	overflow: hidden;
}

.page-template-page-thanks #hero::before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -1rem;
	width: 496px;
	height: 823px;
	background-size: contain;
	background-position: center bottom;
	background-image: url('assets/i/man.webp');
	background-repeat: no-repeat;
}

.page-template-page-thanks .hero__main {
	position: relative;
	padding-top: calc(64px + (200 - 64) * (100vw - 360px) / (1920 - 360));
    padding-bottom: calc(64px + (300 - 64) * (100vw - 360px) / (1920 - 360));
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 50%;
	color: white;
	z-index: 2;
}

.page-template-page-thanks h1 {
	font-size: 2.5rem;
}

.page-template-page-thanks #hero .intro {
	width: 65%;
	font-size: 1.5rem;
}

@media screen and (max-width: 1679px) {
	.page-template-page-thanks #hero::before {
		width: 35vw;
		height: 45vw;
	}
}


@media screen and (max-width: 1535px) {
	.error404 #hero .intro {
		width: 75%;
	}

	.error404 #hero::before {
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: white;
		opacity: .3;
	} 

	.error404 h1 {
		margin: 0 0 1.3rem;
	}

	.page-template-page-thanks .hero__main {
		width: 60%;
	}
}

@media screen and (max-width: 1149px) {
	.page-template-page-thanks .hero__main {
		width: 70%;
	}
}

@media screen and (max-width: 1023px) {
	.error404 .hero__main {
		width: 80%;
	}

	.page-template-page-thanks #hero .intro {
		width: 80%;
		font-size: 1.3rem;
	}

	.page-template-page-thanks #hero::before {
		width: 44vw;
		height: 64vw;
	}
}

@media screen and (max-width: 550px) {
	.error404 #hero .intro {
		width: 100%;
		font-size: 1.3rem;
	}

	.error404 #hero::before {
		opacity: 0.5;
	}

	.page-template-page-thanks #hero .intro {
		width: 100%;
		font-size: 1.1rem;
	}
}

@media screen and (max-width: 499px) {

	.error404 .hero__main {
		width: 100%;
	}

	.page-template-page-thanks h1 {
		font-size: 2.2rem;
	}

	
}

@media screen and (max-width: 413px) {

	.error404 h1 {
		font-size: 2.1rem;
	}

	.page-template-page-thanks .hero__main {
		width: 77%;
	}
}

@media screen and (max-width: 374px) {
	.page-template-page-thanks .hero__main {
		width: 83%;
	}

	.page-template-page-thanks h1 {
		font-size: 2.1rem;
	}
}