/*
Theme Name: TepliiDom
Template: Goodini
Theme URI: https://degorov.ru/
Description: Дочерняя тема для Goodini
Author: Kripak Igor
Version: 1.0
*/

:root {
	--zoom: 1;
	--p-24: calc(16px + (24 - 16) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--p-60: calc(28px + (60 - 28) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--p-28: calc(16px + (28 - 16) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--p-40: calc(20px + (40 - 20) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--p-48: calc(24px + (48 - 24) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--p-22: calc(16px + (22 - 16) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--h2: calc(32px + (60 - 32) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--big: calc(70px + (172 - 70) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--p-32: calc(18px + (32 - 18) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--p-30: calc(16px + (30 - 16) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--h1: calc(32px + (80 - 32) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
}

.choice__item:hover {
	transform: scale(1.05);
}

.wrapper {
	overflow: hidden;
	max-width: 2000px;
	margin: 0 auto;
}

.container-fluid,
#hero .container-fluid {
	max-width: 1752px;
}

.btn {
	text-align: left;
	border-radius: 10px;
}

.section2__inner {
	position: relative;
	padding-bottom: 15rem;
}

.dog3 {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(22%, -12%);
	width: 40%;
}

.btn span {
	text-transform: uppercase;
	padding: 1.5rem;
	padding-right: 5rem;
	position: relative;
}

.popup .button .btn {
	margin: 0 auto;
}

#header .btn span {
	padding-top: 1.125rem;
	padding-bottom: 1.125rem;
}

#footer .btn span {
	padding-top: 1.125rem;
	padding-bottom: 1.125rem;
}

.causes__dog {
	position: absolute;
	bottom: 3%;
	left: 1%;
	width: 30%;
	pointer-events: none;
}

.btn span::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	background-image: url(assets/i/btn.svg);
	width: 1rem;
	height: 0.56rem;
	background-repeat: no-repeat;
	background-size: contain;
	right: 3rem;

}

.section1 h1 {
	color: #F7F7F7;
	font-size: 80px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	max-width: 835px;
	margin-bottom: 2rem;
}

.section1 .note {
	color: #F7F7F7;
	font-family: Yanone Kaffeesatz;
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.14;
	position: absolute;
	top: 83px;
	right: 117px;
}

.section1 .note p {
	margin: 0;
}

.section1,
.section1 .h,
.section1 ul li {
	position: relative;
}

.main-boss-el4 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 30%;
	transform: translate(0, -41%);
}

.section1 .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1440px;
	background-image: url(./assets/images/bg_s_1.webp);
}

.hero__inner {
	margin-top: 12rem;
	position: relative;
	display: flex;
}

.hero__inner-door {
	width: 68%;
	z-index: 1;
}

.hero__inner-door img {
	object-fit: contain;
}

.section1 .h {
	width: max-content;
}

.section1 ul {
	color: #F7F7F7;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	padding-left: 18px;
	max-width: 320px;
}

.garant__inner {
	display: flex;
}

.garant__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}

.garant__img {
	flex: 0 0 47%;
	position: absolute;
	left: -2%;
	bottom: -12%;
	width: 43%;
}

.garant__content {
	width: 74%;
	margin-left: auto;
}

.garant__content .title {
	margin-bottom: 3.125rem;
}

/* mix-blend-mode: soft-light; */

.garant__item-title {
	font-size: 1.125rem;
	line-height: 1.44;
	font-weight: 700;
	color: #fff;
}

.garant {
	background-color: #040304;
	padding-bottom: 9rem;
	z-index: 2;
}

.garant .title {
	color: #fff;
}

.garant__item {

	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	padding: 2rem 1.25rem;
	padding-top: 0.5rem;
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.57;
	position: relative;

}

.garant__item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url(assets/i/border2.svg);
	mix-blend-mode: soft-light;
	opacity: 0.4;
	background-repeat: no-repeat;
	/* background-size: 100% 100%; */
}

.garant__item::after {
	content: '';
	position: absolute;
	top: -2rem;
	right: -2rem;
	width: 36%;
	height: 51%;
	background-color: #040304;
	filter: blur(27px);
	will-change: filter;
	z-index: -1;
}

.garant::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url(assets/i/bg3.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

.garant__item-img {
	position: relative;
	transform: translate(-6%, -3%);
}

.garant-el7 {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(0, -34%);
	z-index: 2;
	width: 27%;
}

.garant-el8 {
	position: absolute;
	top: -6%;
	left: 0;
}

.garant__item-img-shadow {
	position: absolute;
	width: 60%;
	height: 80%;
	transform: translate(-20%, 0);
	background: rgb(255, 214, 0);
	background: radial-gradient(circle, rgba(255, 214, 0, 1) 0%, rgba(255, 214, 0, 0) 100%);
	filter: blur(60px);
	will-change: filter;
	z-index: -1;
}

.causes__inner {
	display: flex;
	gap: 2rem;
}

.section1 ul li+li {
	margin-top: 20px;
}

.causes__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}

.causes__item-img {
	flex-shrink: 0;
}

.causes__item {
	gap: 2rem;
	display: flex;
	padding: 1.25rem 2rem;
	border-radius: 20px;
	background-color: #F7F7F7;
	color: rgba(0, 0, 0, 0.7);
	line-height: 1.5;
}

.causes__item-title {
	font-weight: 700;
	color: #000;
	font-size: 1.25rem;
	margin-bottom: 1.25rem;
	line-height: 1.4;
}

.main-boss-info-mobile {
	display: none;
}

.causes__img-content {
	position: absolute;
	right: -15%;
	bottom: -10%;
	width: 56%;
}

.causes__img-content-inner {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(11%, -46%);
	width: 28%;
}

.causes__img-content-inner-p {
	width: 18.2rem;
	position: relative;
}

.causes .btn span {
	padding: 1.5rem;
	padding-right: 6.62rem;
}

.causes .btn {
	transform: translate(0, 0.5rem);
}

.causes__img-content-inner-p img {
	position: absolute;
	top: 50%;
	transform: translate(12%, -50%);
	right: -2rem;
	width: 26rem;
	height: 9.3rem;
	max-width: unset;
	max-height: unset;
	object-fit: cover;
}

.causes__img-content-inner-p p {
	width: 17rem;
	z-index: 1;
	position: relative;
	color: #fff;
	padding: 1rem;
	font-size: 1.25rem;
	line-height: 1.4;
}

.causes-boss-el5 {
	position: absolute;
	top: 0;
	right: 0;
	width: 22%;
}

.causes__content {
	width: 60%;
}

.causes-boss-el6 {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(0, -50%);
	width: 61%;
}

.section1 ul li::before {
	content: "";
	width: 9px;
	height: 9px;
	background-color: white;
	left: -22px;
	display: block;
	position: absolute;
	top: 8px;
}

.section1 .btn_with_text .near {
	color: white;
	width: 250px;
}

.section1 .btn_with_text .near p {
	margin-bottom: 0;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.42;
}

.section1 .btn_with_text {
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.50);
	padding: 10px 168px 10px 10px;
	display: flex;
	align-items: center;
	gap: 15px;
	max-width: max-content;
	margin-top: 60px;
}

.main-boss-image {
	pointer-events: none;
	transform: translate(2%, 0);
}

.section1 .indicator {
	background: rgba(0, 0, 0, 0.50);
	backdrop-filter: blur(10px);
	padding: 20px 30px;
	border-radius: 20px;
	max-width: 268px;
	width: 100%;
}

.hero__inner-content {
	position: relative;
}

.section1 .indicator .name {
	color: #FFD600;
	font-size: var(--p-24);
	font-weight: 700;
	line-height: 1.58;
	text-transform: uppercase;
}

.section1 .indicator .desc {
	color: #FFF;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.42;
}

.section1 .indicator+.indicator {
	margin-top: 20px;
}

.section1 {
	padding-top: 228px;
}

.section1 .indicators {
	width: 16.8rem;
	flex: 0 0 16.8rem;
	margin-left: -3rem;
	z-index: 0;
}

.hero__inner-bg {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.section2 .bg {
	position: absolute;
	top: -579px;
	left: 0;
	width: 100%;
	height: 2831px;
	background-image: url(./assets/images/bg_s_2.webp);
	z-index: 1;
	pointer-events: none;
}

.section1 .container-fluid {
	z-index: unset;
}

.section1 .dog {
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0;
	transform: translate(-26%, 15%);
	width: 69%;
	pointer-events: none;
}

#hero.section1 {
	background-color: transparent;
}

.bg__main {
	position: relative;
}

/* .innovations img {
	position: relative;
} */
.innovation {
	position: relative;
}

.innovation img {
	position: relative;
	z-index: 1;
}

.innovation::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-image: url(assets/i/bsh.webp);
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1.2);
	z-index: 0;
}

.bg-section2 {
	position: absolute;
	bottom: -34%;
	top: 0;
	right: -30%;
	left: 0;
}

.bg-section2 img {
	width: 100%;
	height: 100%;
}

.section1 .btn_with_text .btn span {
	padding: 1.5rem;
	padding-right: 6.62rem;
}

.innovation .btn span {
	padding: 1.5rem;
	padding-right: 6.62rem;
}

.innovation .btn span::before {
	right: 2rem;
}

.btn .btn_arrow {
	margin-left: 54px;
	margin-left: 54px;
	padding: 0;
	display: inline;
}

.section2 {
	padding-top: 8rem;
	padding-bottom: 0;
}

.section2 .transparent_text {
	position: absolute;
	top: 23%;
	transform: rotate(-90deg);
	color: rgba(0, 0, 0, 0.20);
	font-size: calc(70px + (258 - 70) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	font-family: Yanone Kaffeesatz;
	font-weight: 700;
	left: -13%;
}

.section2.active .section2-text-inner-1 svg path {
	stroke-dasharray: 215;
	stroke-dashoffset: 215;
	animation: dash1 0.7s linear;
	animation-fill-mode: forwards;
	animation-delay: 0.3s
}

@keyframes dash1 {
	from {
		stroke-dashoffset: -215;
	}

	to {
		stroke-dashoffset: 0;
	}
}

.section2.active .section2-text-inner-2 svg path {
	stroke-dasharray: 297;
	stroke-dashoffset: 297;
	animation: dash1 0.7s linear;
	animation-fill-mode: forwards;
	animation-delay: 0.5s
}

@keyframes dash2 {
	from {
		stroke-dashoffset: -297;
	}

	to {
		stroke-dashoffset: 0;
	}
}

.section2.active .section2-text-inner-3 svg path {
	stroke-dasharray: 359.4;
	stroke-dashoffset: 359.4;
	animation: dash3 0.7s linear;
	animation-fill-mode: forwards;
	animation-delay: 0.7s
}

@keyframes dash3 {
	from {
		stroke-dashoffset: -359.4;
	}

	to {
		stroke-dashoffset: 0;
	}
}


.section2.active .section2-text-inner-4 svg path {
	stroke-dasharray: 394.8;
	stroke-dashoffset: 394.8;
	animation: dash4 0.7s linear;
	animation-fill-mode: forwards;
	animation-delay: 0.9s
}

@keyframes dash4 {
	from {
		stroke-dashoffset: -394.8;
	}

	to {
		stroke-dashoffset: 0;
	}
}



.section2.active .section2-text-inner-5 svg path,
.section2.active .section2-text-inner-6 svg path,
.section2.active .section2-text-inner-7 svg path,
.section2.active .section2-text-inner-8 svg path,
.section2.active .section2-text-inner-9 svg path {
	stroke-dasharray: 421.3;
	stroke-dashoffset: 421.3;
	animation: dash5 0.7s linear;
	animation-fill-mode: forwards;
}

.section2.active .section2-text-inner-5 svg path {
	animation-delay: 0.3s
}

.section2.active .section2-text-inner-6 svg path {
	animation-delay: 0.5s
}

.section2.active .section2-text-inner-7 svg path {
	animation-delay: 0.7s
}

.section2.active .section2-text-inner-8 svg path {
	animation-delay: 0.9s
}

.section2.active .section2-text-inner-9 svg path {
	animation-delay: 1.1s
}

@keyframes dash5 {
	from {
		stroke-dashoffset: -421.3;
	}

	to {
		stroke-dashoffset: 0;
	}
}

h2 {
	line-height: 1.13;
	text-transform: uppercase;
	font-size: 60px;
}

.section3 {
	padding: 0;
	margin-top: -3rem;
}

.section3 h2 {
	margin-top: 0;
}

.section3 .innovations {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	display: grid;
	gap: 30px;
	max-width: 1510px;
	margin: 0 auto;
}


.section3 .innovation {
	display: flex;
	gap: 60px;
	justify-content: space-between;
	border-radius: 19.97px;
	background: #EBEBEB;
	transition: all 0.3s;
	color: #1C1C1C;
}

.hero__inner-door-mobile {
	display: none;
}

.section3 .innovation .content {
	padding: 40px 0px 40px 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.section3 .innovation_name {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.04px;
	margin-bottom: 20px;
}

.section3 .innovation_desc {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.04px;
	margin-bottom: 1rem;
}

.section3 .innovations .btn {
	background: transparent;
}


.btn,
.btn:visited,
.btn:focus,
.btn:active {
	text-align: left;
	display: block;
	width: max-content;
}

.section2__inner-info {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	margin-left: 15%;
	align-items: flex-start;
	z-index: 1;
}

/* .section2__inner-info::before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	background-image: url(assets/i/20.webp);
	width: 108%;
	height: 30%;
	background-size: 100% 100%;
	transform: translate(-17%, 43%) rotate(-6deg);
} */
.section2__inner-info-shadow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transform: translate(-10%, 63%);
	animation: wi 3s forwards;
}


.section2-text-inner {
	position: relative;
}

.section2-text-svg {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-25%, 0);
}

.section2-text-inner::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 65%;
	height: 60%;
	background-color: rgba(0, 0, 0, 0.7);
	filter: blur(111px);
	transform: translate(-21%, 49%) rotate(45deg);
	opacity: 0;
	z-index: -3;
}

.section2-text-inner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 98%;
	height: 29%;
	background-color: #000;
	filter: blur(62px);
	transform: translate(51%, 23%) rotate(45deg);
	z-index: -3;
}

.section2-text-inner.section2-text-inner-1::after,
.section2-text-inner.section2-text-inner-9::after {


	width: 20%;
	height: 29%;

}

.section2-text-svg {
	position: absolute;
	opacity: 0;
}

/* .section2__inner-info {
	width: 98rem;
	position: relative;
} */

/* .section2-text-inner {
	position: absolute;
} */

.sec_btn {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.4);
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(50%, 50%);
}

.sec_btn::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
}

.section2-text {
	position: absolute;
	top: -1.5rem;
	left: 0;
	text-transform: uppercase;
	font-size: 1.125rem;
	font-weight: 500;
	font-family: Yanone Kaffeesatz;
	line-height: 1.33;
	letter-spacing: 1px;
}

.section2-text-inner-r .section2-text {
	left: unset;
	right: 0;
}

.section2-text-inner-r .sec_btn {
	right: unset;
	left: 0;
	transform: translate(-50%, 50%);
}

.section2__inner-info .section2-text-inner:nth-child(1) {
	transform: translate(11%, -2%);
	margin-right: 0;
	opacity: 1;
}

.section2-text-inner-img {
	height: 100%;
}

@keyframes margin {
	0% {
		opacity: 0;
		margin-right: -2.5rem;
	}

	100% {
		opacity: 1;
		margin-right: 0;
	}
}

@keyframes op {
	0% {
		opacity: 0;

	}

	100% {
		opacity: 1;
	}
}

@keyframes opr {
	0% {
		opacity: 0;

	}

	100% {
		opacity: 1;
	}
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(1) .section2-text-svg {
	animation: op 0.2s forwards;
	animation-delay: 0.1s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(1)::before {
	animation: op 0.2s forwards;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;

}

.section2.active .section2-text-inner:nth-child(1)::after {
	animation: op 0.2s forwards;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;

}


.section2.active .section2__inner-info .section2-text-inner:nth-child(2) {
	animation: margin 1s forwards;
}

.section2.active .section2-text-inner:nth-child(2)::before {
	animation: op 0.2s forwards;
	animation-delay: 0.1s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(2)::after {
	animation: op 0.2s forwards;
	animation-delay: 0.1s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(2) .section2-text-svg {
	animation: op 0.2s forwards;
	animation-delay: 0.2s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(3) {
	animation: margin 1s forwards;
	animation-delay: 0.3s;
}

.section2.active .section2-text-inner:nth-child(3)::before {
	animation: op 0.2s forwards;
	animation-delay: 0.3s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(3)::after {
	animation: op 0.2s forwards;
	animation-delay: 0.3s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(3) .section2-text-svg {
	animation: op 0.2s forwards;
	animation-delay: 0.3s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(4) {
	animation: margin 1s forwards;
	animation-delay: 0.6s;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(4) .section2-text-svg {
	animation: op 0.4s forwards;
	animation-delay: 0.6s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(4)::before {
	animation: op 0.2s forwards;
	animation-delay: 0.6s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(4)::after {
	animation: op 0.2s forwards;
	animation-delay: 0.6s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(5) {
	animation: margin 1s forwards;
	animation-delay: 0.9s;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(5) .section2-text-svg {
	animation: op 0.4s forwards;
	animation-delay: 0.9s;
	-webkit-animation: op 0.4s forwards;
	-moz-animation: op 0.4s forwards;
	-o-animation: op 0.4s forwards;
}

.section2.active .section2-text-inner:nth-child(5)::before {
	animation: op 0.2s forwards;
	animation-delay: 0.8s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(5)::after {
	animation: op 0.2s forwards;
	animation-delay: 0.8s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(6) {
	animation: margin 1s forwards;
	animation-delay: 1.2s;
	-webkit-animation: margin 1s forwards;
	-moz-animation: margin 1s forwards;
	-o-animation: margin 1s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(6) .section2-text-svg {
	animation: op 0.4s forwards;
	animation-delay: 1.2s;
	-webkit-animation: op 0.4s forwards;
	-moz-animation: op 0.4s forwards;
	-o-animation: op 0.4s forwards;
}

.section2.active .section2-text-inner:nth-child(6)::before {
	animation: op 0.2s forwards;
	animation-delay: 1s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(6)::after {
	animation: op 0.2s forwards;
	animation-delay: 1s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(7) {
	animation: margin 1s forwards;
	animation-delay: 1.5s;
	-webkit-animation: margin 1s forwards;
	-moz-animation: margin 1s forwards;
	-o-animation: margin 1s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(7) .section2-text-svg {
	animation: op 0.4s forwards;
	animation-delay: 1.5s;
	-webkit-animation: op 0.4s forwards;
	-moz-animation: op 0.4s forwards;
	-o-animation: op 0.4s forwards;
}

.section2.active .section2-text-inner:nth-child(7)::before {
	animation: op 0.2s forwards;
	animation-delay: 1.2s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(7)::after {
	animation: op 0.2s forwards;
	animation-delay: 1.2s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(8) {
	animation: margin 1s forwards;
	animation-delay: 1.8s;
	-webkit-animation: margin 1s forwards;
	-moz-animation: margin 1s forwards;
	-o-animation: margin 1s forwards;
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(8) .section2-text-svg {
	animation: op 0.4s forwards;
	animation-delay: 1.8s;
	-webkit-animation: op 0.4s forwards;
	-moz-animation: op 0.4s forwards;
	-o-animation: op 0.4s forwards;
}

.section2.active .section2-text-inner:nth-child(9)::before {
	animation: op 0.2s forwards;
	animation-delay: 2s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(9)::after {
	animation: op 0.2s forwards;
	animation-delay: 2s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(8)::before {
	animation: op 0.2s forwards;
	animation-delay: 1.2s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2.active .section2-text-inner:nth-child(8)::after {
	animation: op 0.2s forwards;
	animation-delay: 1.2s;
	-webkit-animation: op 0.2s forwards;
	-moz-animation: op 0.2s forwards;
	-o-animation: op 0.2s forwards;
}

.section2-text-inner-img img {
	height: 100%;
}

.section2-text-inner {
	opacity: 0;
	margin-right: -2.5rem;

}

.section2-text-inner.section2-text-inner-9.section2-text-inner-r {
	margin-right: 0;
	opacity: 1;

}

.lose__item-mobile {
	display: none;
}

.section2__inner-info .section2-text-inner:nth-child(2) .section2-text-svg {
	top: 16%;
	transform: translate(-93%, 0);
}

.section2__inner-info .section2-text-inner:nth-child(3) .section2-text-svg {
	top: 30%;
	transform: translate(-97%, 0);
}

.section2__inner-info .section2-text-inner:nth-child(3) .section2-text-svg {
	top: 30%;
	transform: translate(-100%, 0);
}

.section2__inner-info .section2-text-inner:nth-child(4) .section2-text-svg {
	top: 40%;
	transform: translate(-100%, 0);
}

.section2-text-inner-r .section2-text-svg {
	position: absolute;
	left: unset;
	right: 0;
	transform: translate(63%, 0);
}

.section2__inner-info .section2-text-inner-8 .section2-text-svg {
	top: 53%;
	transform: translate(97%, 0);
}

.section2__inner-info .section2-text-inner-8 .section2-text-svg {
	top: 53%;
	transform: translate(96%, 0);
}

.section2__inner-info .section2-text-inner-7 .section2-text-svg {
	top: 66%;
	transform: translate(94%, 0);
}

.section2__inner-info .section2-text-inner-6 .section2-text-svg {
	top: 79%;
	transform: translate(94%, 0);
}

.section2__inner-info .section2-text-inner-5 .section2-text-svg {
	top: 89%;
	transform: translate(94%, 0);
}

.section2-text-svg {
	z-index: 3;
}

/* .section2__inner-info .section2-text-inner:nth-child(2) {
	margin-top: 5rem;
	transform: translate(-100%, 0);
} */


.section2-text {
	position: absolute;
}

/* .section2__inner-info img {
	margin: 0 auto;
	display: block;
} */


.section3 .innovation:hover {
	background-color: #353535;
	color: white;
}

.section3 .innovation:hover .btn {
	background: #FFD600;
}

.under_innovations {
	width: 48%;
	flex: 0 0 48%;
	padding: 3.125rem;
	background: #0F0F0F;
	border-radius: 34px;
	color: white;
	margin-top: 6.8rem;
	height: 260px;
}

.doors_inner::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 73%;
	height: 94%;
	border-radius: 0 34px 0 0;
	background-color: #040304;
	z-index: -1;
	pointer-events: none;
}



.doors_inner .btn span {
	padding: 1.5rem;
	padding-right: 7rem;
}

.doors_inner .btn {
	margin-bottom: 18%;
	margin-left: -0.5rem;

}

.under_innovations .text_1 p {
	width: 76%;
	font-family: Yanone Kaffeesatz;
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.66;
	letter-spacing: 0.9px;
	text-transform: uppercase;
	margin: 0;
}

.under_innovations .text_1 p sup {
	font-family: Yanone Kaffeesatz;
	font-size: 4.375rem;
	font-style: normal;
	font-weight: 700;
	color: #0F0F0F;
	line-height: 0.9;
	letter-spacing: 2.1px;
	text-shadow: 1px 0 1px var(--color),
		0 1px 1px var(--color),
		-1px 0 1px var(--color),
		0 -1px 1px var(--color);
	text-transform: uppercase;
	vertical-align: middle;
	top: 0;
}

.under_innovations .text_2 p {
	width: 19rem;
	font-family: Yanone Kaffeesatz;
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.66;
	letter-spacing: 0.9px;
	text-transform: uppercase;
	max-width: 19rem;
	margin: 0;
}

.under_innovations .text_2 p sup {
	font-family: Yanone Kaffeesatz;
	font-size: 4.375rem;
	font-style: normal;
	font-weight: 700;
	color: #0F0F0F;
	line-height: 0.9;
	letter-spacing: 2.1px;
	text-shadow: 1px 0 1px var(--color),
		0 1px 1px var(--color),
		-1px 0 1px var(--color),
		0 -1px 1px var(--color);
	text-transform: uppercase;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: -6px;
}

.under_innovations .text_2 {
	margin-left: auto;
	position: relative;
	padding-left: 2.5rem;
	transform: translate(0, -34%);
}


.under_innovations .text_content {
	position: relative;
	display: flex;
	flex-direction: column;
}

.section3 .doors {
	/* position: absolute; */
	/* background: url(./assets/images/doors.webp);
	width: 39.8rem;
	height: 31rem;
	margin-left: -4rem; */

}

.section3 .badge {
	/* position: absolute;
	background: url(./assets/images/badge.webp);
	width: 31.75rem;
	height: 30.93rem;
	right: 1%;
	top: -19%;
	pointer-events: none;
	background-size: contain;
	background-repeat: no-repeat; */
}

.contacts__inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1.5rem;
	flex-wrap: wrap;
}

#header .contacts svg {
	fill: none;
	width: 2rem;
	height: 2rem;
	margin-bottom: 0;
	margin-right: 0;
	border: none;
	border-radius: 50%;
	padding: 0;
}

#header .contacts .phone-content {
	font-size: 1.25rem !important;
	color: #F7F7F7;
	font-weight: 500;
}

#header .contacts .phone-content:hover {
	color: var(--color);
}

.header__adresses {
	padding-left: 1rem;
	position: relative;
	line-height: 1.42;
}

.header__adresses::before {
	content: '';
	position: absolute;
	left: 0;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 2px;
	width: 2px;
	height: 100%;

}

.header__adresses-inner {
	display: flex;
	gap: 1rem;
	color: #F7F7F7;
	justify-content: flex-end;
}

.section2__inner-info .section2-text-inner-9 .section2-text-svg {
	top: 40%;
	transform: translate(61%, 0);
}

.section2.active .section2__inner-info .section2-text-inner:nth-child(9) .section2-text-svg {
	animation: op 0.4s forwards;
	animation-delay: 1.8s;
	-webkit-animation: op 0.4s forwards;
	-moz-animation: op 0.4s forwards;
	-o-animation: op 0.4s forwards;
}

.header__header {
	font-weight: 500;
}

#header .contacts .btn svg {
	width: auto;
	height: auto;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 3rem;
	transform: translate(0, -50%);
}

#header .contacts .btn span {
	font-size: 0.875rem;
	line-height: 1.28;
}

.header__soc {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-right: 1rem;
}

.header__soc a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header__soc a:hover {
	transform: scale(1.1);
}

#header .content .contacts {
	flex: auto;
}

.section3__inner {
	margin-top: 4.5rem;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: flex-start;
}

.doors_inner {
	position: relative;
	display: flex;
	align-items: flex-end;
	padding-bottom: calc(70px + (100 - 70) * (calc(100vw / var(--zoom)) - 1023px) / (1920 - 1023));
	padding-right: 2rem;
	width: 57%;
	flex: 0 0 57%;
	margin-left: -4rem;
}

.doors_inner {
	width: 54rem;
	flex: 0 0 54rem;

}

.section3 .doors {
	width: 75%;
}

.section3 .badge .text {
	/* position: absolute;
	top: 280px;
	transform: rotate(22deg);
	right: 77px; */
	max-width: 200px;
	color: white;
}

.section3 .badge {
	position: absolute;
	top: 0;
	right: 0;
}

.section3 .badge .text {
	max-width: 200px;
	color: white;
	position: absolute;
	top: 9.7rem;
	left: 35%;
	width: 12rem;
	transform: translate(0, -50%) rotate(24deg);
}

.section3 .badge {
	position: absolute;
	top: -6%;
	right: 8%;
}

img.badge-img {
	transform: rotate(-156deg);
}

.section3 .badge .text p {
	margin: 0;
}

.section4 h2 {
	max-width: 691px;
	color: white;
}

.section4 {
	background: #040404;
	position: relative;
	margin-bottom: -1px;
}

.section4 .specifications {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	display: grid;
	width: 66%;
	gap: 30px;
}

.section4 .specification {

	background-color: #292929;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.section4 .specification img {
	position: absolute;
	z-index: 0;
	right: 0;
	border-radius: 20px;
	pointer-events: none;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section4 .specification .short_p {
	max-width: 297px;
	background: var(--color);
	padding: 20px 30px;
	border-radius: 20px 0px;
	font-size: 18px;
	color: #000;
	font-family: Yanone Kaffeesatz;
	font-weight: 400;
	line-height: 1.44;
	z-index: 1;
	position: relative;
}

.section4 .content {
	padding: 5.37rem 0px 1.9rem 1.8rem;
	max-width: 232px;
	color: white;
	margin-top: auto;
}

.section4 .content .h {
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 20px;
	letter-spacing: -0.04px;
}

.section4 .content .p {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.04px;
}

.bg {
	position: absolute;
	right: 0;
	bottom: -3rem;
	width: 40%;
}

.absolute_btn_text .text {
	font-family: Yanone Kaffeesatz;
	color: #fff;
	margin-bottom: 2rem;
	font-size: var(--p-30);
	line-height: 1.26;
	text-transform: uppercase;
}

.specifications-inner {
	display: flex;
	justify-content: space-between;

}

.section4::before {
	content: '';
	position: absolute;
	width: calc(500px + (1100 - 500) * (calc(100vw / var(--zoom)) - 1023px) / (1920 - 1023));
	height: calc(500px + (1100 - 500) * (calc(100vw / var(--zoom)) - 1023px) / (1920 - 1023));
	background-color: #000;
	filter: blur(150px);
	bottom: 0;
	right: 0;
	z-index: 1;
	transform: translate(0, 69%);
}


.absolute_btn_text {
	width: 23rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -71%);
}

.lose {
	padding-top: 0;
	margin-top: -7%;
}

.lose__inner {
	position: relative;
}

.vs {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 84%);
	z-index: 2;
	width: 15%;
	animation: vs 5s infinite;
}

@keyframes vs {
	0% {
		transform: translate(-50%, 84%);
	}

	50% {
		transform: translate(-50%, 97%);
	}

	100% {
		transform: translate(-50%, 84%);
	}
}

.lose-el3 {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, -47%);
	width: 37%;
}

.lose__inner .title p {
	font-size: calc(50px + (150 - 50) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	font-family: 'Yanone Kaffeesatz';
	font-weight: 700;
	line-height: 1;
}

.lose__inner .title h2 {
	margin: 0;
}

.lose__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(32px + (123 - 32) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	margin: 0 calc(((100vw / var(--zoom) - 100%) / 2)* -1);
}

.lose__item {
	/* display: flex;
	flex-wrap: wrap; */
	position: relative;
}

/* .lose__item-img {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(89%, 0);
} */

.lose__item-text h3 {
	font-size: var(--p-40);
	margin-top: 0;
	margin-bottom: 3.75rem;
	text-transform: uppercase;
}

.lose__item-text p {
	font-size: 1.25rem;
	margin: 0;
}

.lose__item-text ul {
	padding-top: 2.5rem;
}

.lose__item-text ul li {
	position: relative;
	padding-left: 3.15rem;
}

.lose__item-text ul li:not(:last-child) {
	margin-bottom: 1.25rem;
}

.lose__item-text ul li::before {
	content: '';
	position: absolute;
	width: 2rem;
	height: 2rem;
	background-image: url(assets/i/check.svg);
	background-repeat: no-repeat;
	background-size: contain;
	top: 0;
	left: 0;
}

.lose__item-text {
	border-radius: 20px;
	background-color: #E9E9E9;
	padding: 3.125rem 4.625rem;
}

.lose__item-content {
	min-height: 45.12rem;
	display: flex;
	/* align-items: flex-start; */
}

.lose__item-img {
	transform: scale(1.29) translate(-1%, 11%);
	position: relative;
	z-index: 1;
}

.lose__item:nth-child(2) .lose__item-content {
	flex-direction: row-reverse;
}

.lose .container-fluid {
	max-width: 2120px;
}

.lose__item-text {
	width: calc(100px + (548 - 100) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	flex: 0 0 calc(100px + (548 - 100) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	position: relative;
}

.video__button {
	background-color: var(--color);
	width: 6.6rem;
	height: 6.6rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.video__button svg {
	transform: rotate(9deg);
}

.causes {
	padding-bottom: calc(80px + (176 - 80) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
}

.lose__item-title {
	margin-top: 2.5rem;
	padding: 1.25rem 2rem;
	border-radius: 20px;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
	max-width: 31.25rem;
	background-color: #D7D7D7;
	color: #000;
	margin-left: 2.5rem;
}

.lose__item-title p {
	margin: 0;
}

.lose__item:nth-child(1) {
	justify-content: flex-end;
}

.lose__item:nth-child(1) .lose__item-text {
	background: linear-gradient(180deg, #FFD600 0%, #F0CF20 100%);
}

.lose__item:nth-child(1) .lose__item-img {
	transform: scale(1.29) translate(14%, 10%);
}

.lose__item:nth-child(1) .lose__item-title {
	color: #fff;
	background-color: #000;
	margin-left: auto;
	margin-right: 2.5rem;
}

.main-boss {
	padding-bottom: 0;
	color: #fff;
}

.main-boss::before {
	content: '';
	position: absolute;
	background-color: #040304;
	top: 0;
	left: 0;
	width: 100%;
	height: 88%;
	pointer-events: none;
}

.rev-inner .slick-list {
	overflow: visible;
}

.rev-inner .slick-slide {
	margin: 0 1rem;
}

.rev-inner .video {
	background-color: transparent;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
	border: 10px solid #fff;
	overflow: hidden;
	padding-bottom: 66.25%;
}

.rev__item-inner {
	border-radius: 20px;
}

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

.oferta {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	flex-wrap: wrap;
}

#footer-2,
#footer-2 a {
	color: #fff;
}

.b2b-copy {
	margin-top: 0;
}


.rev__item {
	position: relative;
}

.rev-shadow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -27%) scale(1.5);
	width: 100%;
	height: 100%;
}

.rev__items {
	transform: rotate(-8deg);
	margin-top: 5rem;
	z-index: 2;
	margin-bottom: -11%;
}

.rev-inner .video__link {
	border-radius: 20px;
}

.rev__play {
	position: absolute;
}

.main-boss-item {
	display: flex;
	align-items: center;
	margin-top: 1.5rem;
}

.main-boss-content {
	margin-right: calc(((100vw / var(--zoom) - 100%) / 2) * -1);
	position: relative;
	width: 73%;
}

.main-boss-blockquote {
	margin-top: -6rem;
}

.main-boss-blockquote .list ul li {
	font-size: 1.25rem;
	font-weight: 700;
}

.main-boss-blockquote .list ul li:not(:last-child) {
	margin-bottom: 2rem;
}

.main-boss-blockquote .list ul li::before {
	position: absolute;
	left: 0;
	top: 0.6rem;
	content: "";
	width: 9px;
	height: 9px;
	background-color: #fff;
}

.main-boss-blockquote h2 {
	margin-top: 0;
	margin-bottom: calc(30px + (100 - 30) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
}

.main-boss-block {
	padding: 2rem;
	border-radius: 20px;
	position: absolute;
	width: 26.6rem;
	top: 50%;
	transform: translate(50%, -100%);
	left: 0;
	z-index: 0;
}

.main__gallery-item {
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	position: relative;
	padding-bottom: calc(200px + (426 - 200) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
}

.main__gallery-item::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(assets/i/plus.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 4.5rem;
	height: 4.5rem;
	opacity: 0;
}

.main__gallery-item:hover:before {
	opacity: 1;
	transition: all 0.3s;
}

.main-boss .slick-slide {
	position: relative;
	border-radius: 20px;
	padding: 1rem;
	overflow: hidden;
}

.main-boss .slick-slide>div {
	border-radius: 20px;
}

.main-boss .slick-slide::before {
	content: '';
	position: absolute;
	top: 44%;
	bottom: 2.2rem;
	right: 1.9rem;
	left: 2.2rem;
	background-color: var(--color);
	filter: blur(21px);
	will-change: filter;
	border-radius: 0;
	z-index: -1;
	transition: all 0.3s;
	opacity: 0;
}

.main-boss-bg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.main-boss .slick-slide:hover::before {
	opacity: 1;
}

.title-btns .slick-arrow:hover {
	background-color: #000;
}

.title-btns .slick-arrow:hover svg path {
	fill: var(--color);
}

.rev__item {
	transition: all 0.3s;
}

.video__button {
	transition: all 0.3s;
}

#footer .phone-content:hover {
	color: var(--color);
}

.rev__item:hover .video__button {
	background-color: #000;
}

.main-boss-bg-two {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(10%, 0);
	width: 41%;
}

.main-boss .slick-list {
	margin-left: -1rem;
}

.main__gallery .slick-slide {
	margin-right: 1rem;
}

.main__gallery-inner {
	width: 74%;
	margin-left: auto;
	margin-right: calc(((100vw / var(--zoom) - 100%) / 2) * -1);
}

#header-wrapper,
#footer {
	background-color: var(--dark);
}

.home #header-wrapper {
	background-color: transparent;
}

.home #footer {
	background-color: transparent;
}

.main__gallery-inner .title {
	margin-bottom: 3.125rem;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-right: calc((100vw / var(--zoom) - 100%) / 4.3);
}

.main-boss-info {
	position: absolute;
	width: 37.375rem;
	transform: translate(-20%, 10%);
	z-index: 1;
}

.main-boss-info-text {
	font-family: "Yanone Kaffeesatz";
	text-transform: uppercase;
	font-size: 1.25rem;
	width: 80%;
}

.section4-el9 {
	position: absolute;
	top: 0;
	left: 0;
	width: 28%;
}

.main-boss-info-text-in {
	display: flex;
	gap: 0.87rem;
	flex-direction: column;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4rem;
	width: 15rem;

}

.main-boss-info-text-in .btn {
	width: 100%;
}

.main__gallery-inner .title h2 {
	margin: 0;
}

.main-boss .slick-next {
	transform: rotate(180deg);
	right: 0;
}

.title-btns {
	position: relative;
	height: 4.875rem;
	width: 11.625rem;
	flex-shrink: 0;
}

.title-btns .slick-arrow {
	width: 4.875rem;
	height: 4.875rem;
	background-color: #fff;
	border: 1px solid;
	box-shadow: none;
	bottom: 0;
}

.title-btns .slick-arrow svg {
	width: 1rem;
	height: 1rem;
}

.rev-inner .title h2 {
	margin: 0;
	width: 60%;
}

.rev-inner .title {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: flex-start;
}

.rev-inner .title .slick-next {
	transform: rotate(180deg);
	right: 0;
}

.main-form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 2rem 3.125rem;
	border-radius: 34px;
	background-color: #1F1F1F;
	font-weight: 500;
	line-height: 1.4;
	width: 100%;
	max-width: 36.6rem;
	position: absolute;
	bottom: 24%;
	left: 0;
	transform: translate(5%, 0);

	/* z-index: -1; */
}



.choice__bg {
	background-image: url(assets/i/bg-f.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 -3rem;
}

.choice {
	padding-bottom: 0;
	color: #fff;
	padding-top: calc(150px + (450 - 150) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));

}

.oferta-link {
	margin-left: auto;
	border-bottom: 1px solid;
}

.oferta-link:hover {
	border-bottom-color: transparent;
}

.rev .container-fluid {
	z-index: unset;
}

.choice__inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
	padding-bottom: calc(60px + (120 - 60) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
}

.footer__adress {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1rem;
	border-radius: 10px;
}

.footer-phone {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5.37rem;
}

#footer .footer-logo {
	margin-left: 0;
	max-width: 368px;
}

.footer__soc {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.25rem;
	margin-top: 3.125rem;
}


.choice-el1 {
	position: absolute;
	left: 0;
	bottom: 1%;
	width: 15%;
	pointer-events: none;
}

.choice-el2 {
	position: absolute;
	right: 0;
	top: -0.5%;
	z-index: 2;
	width: 25%;
	pointer-events: none;
}

.footer-contacts {
	margin-top: 3rem;
}

.footer__soc a {
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.875rem;
}

.footer__soc a:hover {
	color: var(--color);
}

.main-boss-el2 {
	position: absolute;
	width: 59%;
	top: -4%;
	left: 17%;
	z-index: -3;
	pointer-events: none;
}

.main-boss-el {
	position: absolute;
	top: -10%;
	transform: translate(32%, 0);
	right: 0;
	width: 47%;
	z-index: 1;
}

#footer .phone-content {
	margin: 0;
	font-size: 1.25rem;
	color: #fff;
}

.footer__adress {
	color: #fff;
	cursor: pointer;
	transition: all 0.3s;
}

.footer__adress:hover {
	color: var(--color);
	background-color: rgba(12, 12, 12, 1);
}

.footer__adress:hover svg path {
	fill: var(--color);
}

.footer__header {
	font-weight: 500;
	margin-bottom: 1.25rem;
	margin-top: 1.175rem;
}

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

.footer__adress__inner {
	width: 60%;
}

.footer__adress__inner {
	width: 71%;
	margin-left: auto;
	display: flex;
	flex-direction: column;
}

.choice__inner .title p:first-of-type {
	font-size: var(--p-30);
	font-family: "Yanone Kaffeesatz";
	text-transform: uppercase;
	line-height: 1.26;

}

.choice__inner .title h2 {
	margin-top: 1.25rem;
	margin-bottom: 3rem;
}

.choice__text {
	font-weight: 700;
	padding: 1.25rem;
	border-radius: 20px 0 0 20px;
	background-color: rgba(0, 0, 0, 0.4);
	width: 72%;
}

.choice__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	max-width: 28rem;
}

.choice__item {
	padding: 2rem;

}

.choice__item-text {
	font-weight: 700;
	font-size: 1.25rem;
	margin-bottom: 1.25rem;
}

.choice__bg {
	position: relative;
}

.choice__item:nth-child(2n),
.choice__item:nth-child(3n) {
	background-color: #000000;
	color: #fff;
}

.choice__item:nth-child(5n),
.choice__item:nth-child(1) {
	background-color: var(--color);
	color: #000;
}

.choice__content {
	max-width: 31.25rem;
}

.choice__item:nth-child(4n) {
	background-color: #fff;
	color: #000;
}

.choice-img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-56%, 0);
}

.choice-vector {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(0, 82%);
	z-index: 1;
}

.youtube_inner strong {
	color: #FD1D18;
}

.main-form-text {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25rem;
	font-family: 'Yanone Kaffeesatz';
	letter-spacing: 1px;
}

.main-boss-block::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url(assets/i/fr.webp);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.main-boss-block .name {
	font-size: var(--p-40);
	text-transform: uppercase;
	font-family: 'Yanone Kaffeesatz';
	font-weight: 500;
	margin-bottom: 1.25rem;
	line-height: 0.8;
}

.youtube_inner a {
	width: 3rem;
	height: 3rem;
}

.section2-text-inner-img {
	z-index: -1;
	position: relative;
}

.youtube_inner {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.main-boss-block .position {
	color: var(--color);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 1.25rem;
}

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

	:root {
		--zoom: 1.333
	}
}

.section4 .specification img {
	right: -0.5rem;
}

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

		font-size: var(--h2);
	}

	.section2 .transparent_text {
		top: 33%;
	}

	.footer__adress__inner {
		width: 84%;
	}

	.under_innovations .text_2 {
		left: unset;
		right: -1rem;
	}

	.under_innovations .text_2 p {
		width: 18rem;
		max-width: 18rem;
	}

	.main-boss-bg-two {
		width: 33%;
	}

	.hero__inner {
		margin-top: 9rem;
	}

	.under_innovations .text_1 p,
	.under_innovations .text_2 p {
		font-size: 1.7rem;

	}

	.bg-section2 {
		bottom: -23rem;
	}

	.hero__inner-bg {
		width: 37rem;
		flex: 0 0 37rem;
	}



	.section4 .content {
		padding: 2.3rem 0px 2rem 2rem;
	}

	.section4 .specification {
		height: auto;
	}

	.section1 .dog {
		width: 61%;
	}

	.causes__item-title {
		font-size: 1.125rem;
		margin-bottom: 1rem;
	}

	.causes__item-text br {
		display: none;
	}

	.causes__item {
		gap: 1rem;
		padding: 1.25rem;
	}

	.main-boss-block {
		transform: translate(34%, -100%);
	}

	.lose__item-content {
		min-height: 47.12rem;
	}

	.lose__item-text {
		width: 26rem;
		flex: 0 0 26rem;
	}

	.lose__item-text {
		padding: 2.125rem 2.625rem;
	}

	.choice-el1 {
		width: 12%;
	}

	.section4 .specification img {
		right: -2rem;
	}


}

@media screen and (max-width: 1679px) {
	.section2__inner-info {
		margin-left: 7%;

	}
}


@media screen and (max-width: 1599px) {
	.lose__item-content {
		min-height: 42.12rem;
	}

	.doors_inner .btn span {
		padding-right: 5rem;
	}

	.doors_inner {
		width: 48rem;
		flex: 0 0 48rem;
	}

	.section1 .indicator .name {
		font-size: 1.2rem;
	}

	.doors_inner {
		padding-bottom: 3rem;
	}

	.under_innovations {
		padding: 2rem;
		height: auto;
	}

	.garant__item-title {
		font-size: 1rem;
	}

	.section1 h1 {
		font-size: 65px;
	}

	.section1 .note {
		font-size: 1.5rem;
		top: 4.3rem;
		right: 15rem;
	}

	.hero__inner-content {

		width: 54%;
	}



	.main-form {
		gap: 1rem;
		padding: 2rem 2.125rem;
		max-width: 34.6rem;
		transform: translate(-1%, 0);
	}

	.innovation .btn span {
		padding-right: 4.62rem;
	}
}

@media screen and (max-width: 1535px) {
	.footer__adress {
		gap: 0.6rem;
		padding: 0.8rem;
	}

	.section2__inner-info {
		margin-left: 5%;
	}

	.hero__inner {
		margin-top: 6rem;
	}

	.dog3 {
		width: 36%;
	}

	.section2 .transparent_text {
		top: 41%;
		left: -20%;
	}

	.section3 .btn span {
		padding: 1.125rem;
		padding-right: 3.6rem;
	}

	.section3 .btn span::before {
		right: 1.7rem;
	}

	.under_innovations .text_2 {
		transform: translate(0, 0);
	}

	.doors_inner {
		width: 49rem;
		flex: 0 0 49rem;
	}

	.section3 .badge {
		top: -7%;
	}

	/* .section2__inner-info {
		margin-left: -17rem;
	} */

	#header .contacts .btn svg {
		right: 2rem;
	}

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



	.contacts__inner {
		gap: 1rem;
	}

	.section1 .indicator .name {
		font-size: 1.15rem;
	}

	.section1 .btn_with_text {
		padding-right: 8rem;
	}

	.section3 .innovation_name {
		font-size: 1.125rem;
	}

	.section4 .content {
		padding: 2.3rem 0px 1.5rem 1.5rem;
	}

	.section3 .innovation img.attachment-full.size-full {
		width: 45%;
		object-fit: contain;
	}

	.bg {
		bottom: -1rem;
	}

	.causes__item-img {
		width: 5rem;
	}

	.section4 .content .p {
		font-size: 0.875rem;
	}

	.section4 .specification img {
		right: -2.7rem;
	}

	.section4 .content {
		max-width: 250px;
	}

	.garant-el8 {
		top: 5%;
		width: 41%;
	}

	.garant__item-img {
		width: 8rem;
	}

	.causes__item-text {
		font-size: 0.875rem;
	}

	.garant__item-text br {
		display: none;
	}

	.garant__item {
		gap: 1rem;
	}

	.causes__img-content-inner-p p {
		font-size: 1rem;
	}

	.main__gallery-inner .title {
		margin-bottom: 2rem;
	}

	.causes__img-content-inner-p img {
		transform: translate(-2%, -50%);
		width: 22rem;
	}

	.causes__item-title {
		font-size: 1rem;
		margin-bottom: 0.6rem;
	}

	.main-boss-block {
		transform: translate(16%, -82%);
	}

	.causes__img-content-inner-p p {
		width: 14rem;
	}

	.main-boss-content {
		width: 72%;
	}

	.main-form {
		max-width: 32.6rem;
	}

	.main-boss-blockquote .list ul li:not(:last-child) {
		margin-bottom: 1.5rem;
	}

	.main-boss-blockquote h2 {
		margin-bottom: 3rem;
	}

	.lose__item-text h3 {
		margin-bottom: 1rem;
	}

	.lose__item-text ul {
		padding-top: 1.5rem;
	}

	.lose__item-content {
		min-height: 39.12rem;
	}

	.video__button {
		width: 4.6rem;
		height: 4.6rem;
	}

	.video__button svg {
		width: 1.7rem;
	}


	.footer__adress__inner {
		width: 89%;
	}

	.rev__items {
		margin-top: 3.5rem;
	}

	.section2__inner-info-wr {

		margin: 0 auto;
	}



}

@media screen and (max-width: 1439px) {
	.footer__adress__inner {
		width: auto;
	}

	.section2__inner-info {
		margin-left: 0;
	}

	.section1 .dog {
		transform: translate(-8%, 15%);
	}

	.doors_inner {
		width: 47rem;
		flex: 0 0 47rem;
	}

	/* .section2-text-inner {
		width: 26%;
	} */

	/* .section2-text-inner-1 .sec_btn {

		right: 25%;
	}

	.section2-text-inner-2 .sec_btn {

		right: 10%;
	} */



	.hero__inner {
		margin-top: 5rem;
	}

	.main__gallery .slick-slide {
		margin-right: 0;
	}


	.main-boss-info {
		width: 35.375rem;
		transform: translate(-27%, 10%);
	}

	.absolute_btn_text {
		width: 21rem;
		transform: translate(-50%, -55%);
	}

	/* .bg {
		bottom: 0;
		width: 42%;
	} */

	#footer .footer-logo {
		max-width: 250px;
	}

	.footer__soc {
		margin-top: 1.125rem;
	}

	.rev-inner .slick-slide {
		margin: 0 0.6rem;
	}

	.footer-phone {
		gap: 1.25rem;
	}

	.footer__header {
		margin-bottom: 1rem;
		margin-top: 1rem;
	}

	.choice__item-text {
		font-size: 1.125rem;
		margin-bottom: 1rem;
	}

	.choice__inner .title h2 {
		margin-bottom: 2rem;
	}

	.choice__text {
		width: 82%;
	}

	.choice-img {
		width: 43%;
	}

	.choice__item {
		padding: 1.5rem;
	}

	.doors_inner .btn {
		margin-bottom: 13%;

	}
}

@media screen and (max-width: 1365px) {
	.lose__item-text {
		width: 22rem;
		flex: 0 0 22rem;
	}

	.section2__inner-info .section2-text-inner-9 .section2-text-svg {
		top: 40%;
		transform: translate(80%, 0);
	}

	.section2-text-inner-img img {
		height: 37rem;

	}

	.doors_inner {
		width: 43rem;
		flex: 0 0 43rem;
	}

	.section1 .dog {
		width: 63%;
		transform: translate(7%, 42%);
	}

	.dog3 {
		transform: translate(0, -12%);
	}

	.section1 .btn_with_text {
		margin-top: 2rem;
	}

	.hero__inner {
		margin-top: 3rem;
	}

	.section2 .transparent_text {
		transform: rotate(-90deg) translate(0, -82%);
		left: 0;
	}

	.section2__inner-info {
		/* margin-left: -25rem; */
		/* width: 92rem; */
	}

	.section3 .innovation .content {
		padding: 1.5rem;
		padding-right: 0;
	}

	.section1 .note {
		font-size: 1.5rem;
		top: unset;
		right: unset;
		position: relative;
	}

	.section1 h1 {
		font-size: var(--p-60);
		margin-bottom: 1rem;
	}

	.section1 ul {
		margin-top: 2rem;
	}

	.section1 .h {
		width: 90%;
	}



	.hero__inner-bg {
		width: 35rem;
		flex: 0 0 35rem;
	}

	.section1 .btn_with_text {
		padding-right: 3rem;
	}

	.section4::before {
		transform: translate(0, 54%);
	}

	.section4 .specifications {
		gap: 1rem;
	}

	.section4 .content {
		max-width: 228px;
	}

	.garant__content {
		width: 77%;
	}

	.garant__item-img {
		width: 6rem;
	}

	.garant__img {
		bottom: -4%;
	}

	.garant {
		padding-bottom: 6rem;
	}

	.garant__item-img-shadow {
		width: 74%;
		height: 85%;
	}

	.garant__items {
		gap: 1.25rem;
	}

	.main-boss-blockquote .list ul li {
		font-size: 1.125rem;
	}

	.causes__dog {
		bottom: 1%;
	}

	.lose__item-text h3 {
		font-size: 1.9rem;
	}

	.causes__items {
		gap: 1.25rem;
	}

	.main-boss-block .position {
		font-size: 1.125rem;
	}

	.main-boss-block {
		padding: 1.3rem;
		width: 25.6rem;
		padding-right: 3rem;
	}

	.main-boss-item {

		margin-top: 0;
	}

	.main-boss-image {
		margin-right: -5rem;
	}

	.lose__item-text ul li::before {
		width: 1.5rem;
		height: 1.5rem;
	}

	.lose__item-text ul li {
		padding-left: 2.15rem;
	}

	.lose__item-text ul li:not(:last-child) {
		margin-bottom: 1rem;
	}

	.vs {
		transform: translate(-50%, 100%);
		width: 13%;
		top: 3rem;
	}

	@keyframes vs {
		0% {
			transform: translate(-50%, 100%);
		}

		50% {
			transform: translate(-50%, 113%);
		}

		100% {
			transform: translate(-50%, 100%);
		}
	}

	.section2 .transparent_text {
		transform: rotate(-90deg) translate(50%, -100%);
		left: 0;
		top: unset;
		bottom: 0;
	}
}

@media screen and (max-width: 1279px) {
	.main-boss::before {
		height: 90%;
	}

	.sec_btn {
		width: 2rem;
		height: 2rem;
	}

	.sec_btn::before {
		width: 1.25rem;
		height: 1.25rem;
	}

	.under_innovations {
		padding: 1.5rem;
	}

	.under_innovations .text_1 p sup,
	.under_innovations .text_2 p sup {
		font-size: 3rem;
	}

	.header__header {
		display: none;
	}

	.under_innovations .text_1 p,
	.under_innovations .text_2 p {
		font-size: 1.4rem;
	}

	.under_innovations .text_2 p {
		width: 16rem;
		max-width: 16rem;
	}

	.under_innovations {
		width: 45%;
		flex: 0 0 45%;
	}

	.doors_inner {
		width: 43rem;
		flex: 0 0 43rem;
	}

	.doors_inner .btn {
		margin-bottom: 10%;
	}

	.header__adresses-inner {
		justify-content: flex-start;
	}

	.main-boss .slick-slide::before {
		filter: blur(16px);
	}

	.section1 .indicator .name {
		font-size: 1rem;
	}

	.section1 .btn_with_text {
		margin-top: 3rem;
	}

	.section1 .dog {
		width: 64%;
	}

	.section1 .btn_with_text .btn span {
		padding: 1.25rem;
		padding-right: 5rem;
	}

	.section1 .indicator {
		padding: 1.25rem;
		padding-left: 2.6rem;
	}


}

@media screen and (max-width: 1149px) {
	.footer-phone {
		gap: 1rem;
		flex-direction: column;
		align-items: flex-end;
	}

	.section2-text-svg svg {
		width: 18rem;
	}

	.section2-text-inner-1 .section2-text-svg svg {
		width: 8rem;
	}

	.section1 .btn_with_text .btn span {
		padding: 1rem;
		padding-right: 4rem;
	}

	.causes .btn span {
		padding: 1.125rem;
		padding-right: 5rem;
	}

	#footer .btn span {
		padding-right: 3rem;
	}

	#header .btn span {
		padding-right: 3rem;
	}

	.btn span {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.doors_inner {
		width: 37rem;
		flex: 0 0 37rem;
	}

	.under_innovations {
		margin-top: 4rem;
	}

	.lose__item-title {
		margin-top: 1.5rem;

	}

	/* .section2__inner-info {
		margin-left: -33rem;
	} */

	#header .contacts .btn svg {
		right: 1rem;
	}

	.hero__inner-content {
		width: 42%;

	}

	.section1 .dog {
		width: 83%;
	}

	.section1 .btn_with_text {
		flex-direction: column;
		align-items: flex-start;
		padding: 1rem;
		margin-top: 2rem;
	}

	.section3 .innovation {
		gap: 2rem;
	}

	.absolute_btn_text {
		width: 13rem;
	}

	.section4 .content {
		max-width: 184px;
	}

	.section4 .specification .short_p {

		padding: 1rem 1.25rem;
	}

	.section4 .specifications {
		width: 70%;
	}

	.main__gallery-item {
		padding-bottom: 17rem;
	}

	.causes__content {
		width: 69%;
	}

	.garant__items {
		gap: 1rem;
	}

	.garant__item-text {
		font-size: 0.875rem;
	}

	.causes__img-content-inner {
		transform: translate(95%, -46%);
	}

	.main-form {
		z-index: 0;
	}


	.lose__item-text p {
		font-size: 1.125rem;
	}

	.main-boss-info {
		width: 29.375rem;
		transform: translate(-27%, 1%);
	}

	.main-boss-info-text-in {
		right: 3rem;
		width: 13rem;
	}

	.main-boss-blockquote .list ul li {
		font-size: 1rem;
	}

	.title-btns .slick-arrow {
		width: 3.875rem;
		height: 3.875rem;
	}

	.title-btns {
		height: 3.875rem;
		width: 8.625rem;
	}

	.lose__item-title {
		font-size: 1.125rem;
		max-width: unset;
		width: 80%;
	}

	.btn span {
		padding-right: 3rem;
	}

	.lose__item:nth-child(1) .lose__item-img {
		transform: scale(1.29) translate(19%, 0);
	}

	.lose__item-img {
		transform: scale(1.29) translate(-1%, 0);
	}

	.footer__adress-items {
		gap: 0.5rem;
	}

	.footer__adress {
		padding: 0.6rem;
	}

	#footer .row {
		align-items: flex-end;
	}

	.footer-contacts {
		margin-top: 0;
	}

	.choice__text {
		font-size: 0.875rem;
	}

	.choice__items {
		gap: 1.3rem;
	}

	.btn span::before {
		right: 1.5rem;
	}
}

@media screen and (max-width: 1023px) {
	#footer .col:nth-child(1) {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	.section2__inner-info .section2-text-inner-9 .section2-text-svg {
		top: 40%;
		transform: translate(44%, 0);
	}

	.section2.active .section2__inner-info .section2-text-inner:nth-child(9) .section2-text-svg svg {
		width: 10rem;
	}

	.section2-text-inner-img img {
		height: 35rem;
	}

	.garant__item-title {
		font-size: 0.9rem;
	}


	.main__gallery-item::before {
		width: 2.5rem;
		height: 2.5rem;
	}

	.header__soc {
		margin-right: 0;
		margin-left: 1rem;
	}

	.hero__inner {
		margin-top: 2rem;
	}

	.section1 .indicator .desc {
		font-size: 12px;
	}

	.section1 .indicator {
		padding: 1rem;
		padding-left: 2.6rem;
	}

	.section1 .indicator .name {
		font-size: 0.9rem;
	}

	.section3__inner {
		align-items: center;
		flex-direction: column;
		gap: 0;
	}

	.doors_inner {
		width: 94%;
		flex: unset;
		align-items: flex-end;
		justify-content: center;
		margin: 0 auto;
		/* padding-right: 0; */
	}

	.under_innovations {
		width: 78%;
		flex: unset;
	}

	/* .section2__inner-info {
		margin-left: -17rem;
		width: 60rem;
	} */

	.section2 .transparent_text {
		opacity: 0.5;
	}


	#header .contacts .btn svg {
		display: none;
	}

	.header__adresses {
		font-size: 12px;
		padding-left: 0.6rem;
	}

	.contacts__inner {
		gap: 0.5rem;
	}

	#header .contacts .btn span {
		padding: 1rem;
	}

	.hero__inner-bg {
		width: 31rem;
		flex: 0 0 31rem;
	}

	.section1 .dog {

		transform: translate(22%, 53%);
	}

	.section3 .innovation {
		gap: 1rem;
	}

	.section3 .innovation_name {
		font-size: 1rem;
	}

	.section3 .innovation_desc {
		font-size: 0.875rem;
	}

	.section3 .innovation img.attachment-full.size-full {
		width: 41%;
	}

	.section3 .innovations {
		gap: 1.25rem;
	}

	.section3 .innovation .content {
		padding: 1rem;
		padding-right: 0;
	}

	.section4-el9 {
		width: 44%;
	}

	.bg {
		position: relative;
	}

	.garant {
		padding-top: 0;
	}

	.garant .title h2 {
		margin-top: 0;
	}

	.section4 {
		display: flex;
		flex-direction: column-reverse;
	}

	.bg {
		width: 64%;
		margin: 0 auto;
		margin-top: 2rem;
	}

	.section4::before {
		transform: translate(0, 9%);
		filter: blur(45px);
	}

	.section4 .specifications {
		width: auto;
	}

	.lose-el3 {
		transform: translate(0, -2%);
		width: 73%;
	}


	.causes__img-content {
		position: relative;
		width: 100%;
	}

	.garant__inner {
		display: flex;
		flex-direction: column-reverse;
	}

	.garant__img {
		position: relative;
		left: unset;
		width: 80%;
		bottom: unset;
		align-self: flex-end;
	}

	.garant-el8 {
		top: unset;
		width: 68%;
		bottom: 20%;
	}

	.garant-el7 {
		top: unset;
		transform: translate(0, -38%);
		width: 41%;
		bottom: 0;
	}

	.garant__content {
		width: auto;
	}

	.causes__inner {
		flex-direction: column;
		gap: 0;
	}

	.causes__content {
		width: auto;
	}

	.causes-boss-el6 {
		transform: translate(39%, -50%);
	}

	.causes {
		padding-bottom: 3rem;
	}

	.causes__img-content-inner {
		transform: translate(-19%, -43%);
	}

	.main__gallery-item {
		padding-bottom: 14rem;
	}

	.main-boss-item {
		flex-direction: column;
		gap: 2rem;
		align-items: flex-start;
	}

	.main-boss-content {
		width: 100%;
	}

	.main__gallery-inner {
		width: 81%;
	}

	.main-boss::before {
		height: 93%;
	}

	.main-boss-blockquote {
		margin-top: 2rem;
	}

	.lose__item-content {
		flex-direction: column !important;
	}

	.lose__item:nth-child(1) .lose__item-img {
		transform: scale(1) translate(19%, 0);
	}

	.lose__item-img {
		display: none;
	}

	.rev-inner .title h2 {
		width: 90%;
	}

	.lose__item-title {
		margin-left: 0 !important;
		width: 100%;
		margin-right: 0 !important;
		width: 22rem;
		margin-top: 2rem;
	}

	.lose__item-content {
		align-items: center;
	}

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

	.choice__text br {
		display: none;
	}

	.choice__item {
		padding: 1.25rem;
	}

	.choice__item-title {
		font-size: 0.875rem;
	}

	.choice__inner {
		gap: 1rem;
	}

	.choice-img {
		width: 61%;
	}

	#footer::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 8rem;
		background-color: var(--dark);
		filter: blur(40px);
	}

	.section4 .content .h {
		font-size: 1.125rem;
	}
}

@media screen and (max-width: 767px) {
	.choice__inner {
		gap: 2rem;
		flex-direction: column;
	}

	.sec_btn {
		transform: translate(50%, -26%);
	}

	.section2.active .section2__inner-info .section2-text-inner:nth-child(1) .section2-text-svg {
		transform: translate(-50%, -31%);
	}

	.section2__inner-info .section2-text-inner:nth-child(4) .section2-text-svg {
		transform: translate(-94%, 0);
	}

	.section2__inner-info .section2-text-inner:nth-child(3) .section2-text-svg {
		transform: translate(-96%, 0);
	}

	.dog3 {
		width: 54%;
	}

	.section2-text-inner {
		margin-right: -1.5rem;

	}

	@keyframes margin {
		0% {
			opacity: 0;
			margin-right: -1.5rem;
		}

		100% {
			opacity: 1;
			margin-right: 0;
		}
	}

	.section2-text-inner-6 .section2-text-svg svg,
	.section2-text-inner-5 .section2-text-svg svg {
		width: 15rem;
	}

	.under_innovations {
		margin-top: 0;
	}

	.causes__content h2 {
		margin-top: 0;
	}

	.section3 {
		margin-top: 0;
	}

	.doors_inner::before {
		display: none;
	}

	.doors_inner .btn {
		margin-bottom: 0;
		position: absolute;
		right: 0;
		bottom: 6rem;
	}

	.under_innovations .text_1 p {
		width: 95%;
	}

	.doors_inner {
		width: 100%;
	}

	.section3 .badge {
		width: 23rem;
	}

	.section3 .badge .text {
		left: 34%;
	}

	.section3 .doors {
		width: 100%;
	}

	/* 
	.section2__inner-info {
		width: 100%;
		margin-left: -4rem;
	} */

	.sec_btn {
		width: 1rem;
		height: 1rem;

	}

	.section2-text-inner-r .sec_btn {

		transform: translate(-50%, -25%);
	}

	.sec_btn::before {
		width: 0.62rem;
		height: 0.62rem;
	}

	.section2-text-svg svg {
		width: 11rem;
	}

	.section2-text-inner-img img {
		height: 28rem;
	}


	.section2-text {
		top: -0.5rem;
		font-size: 12px;
	}

	.section1 .note {
		font-size: 1.25rem;
	}

	.section1 .h {
		width: 86%;
	}

	#header .mainrow {
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
	}

	#header .content .row {
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;

	}

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

	#header .contacts svg {
		display: block;
	}

	.section3 .innovations {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.header__soc {
		width: 100%;
		margin-right: 0;
		justify-content: flex-end;
	}

	.section3 .innovation img.attachment-full.size-full {
		width: 48%;
	}

	.hero__inner {
		flex-direction: column;
		gap: 3rem;
	}

	.section1 .dog {
		transform: translate(4%, 17%);
	}

	.hero__inner-bg {
		width: 100%;
		flex: 0 0 100%;
	}

	.section1 .indicator {
		padding: 1rem;
		padding-left: 2.6rem;
	}

	.hero__inner-content {
		width: auto;
	}

	.section3 .innovation .content {
		padding: 1.5rem;
		padding-right: 0;
	}

	.section4 .specifications {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		width: 80%;
		margin: 0 auto;
	}

	.section4 .specification img {
		right: -2rem;
	}

	.section4 h2 {
		text-align: center;
	}

	.bg {
		width: 81%;
	}

	.section4::before {
		transform: translate(14%, -5%);
		filter: blur(47px);
	}

	.section4::before {
		height: 18rem;
		width: 17rem;
	}

	.absolute_btn_text .text {
		margin-bottom: 1rem;
	}

	.section4 .specification .short_p {
		font-size: 1rem;
	}



	.main-boss-block {
		transform: unset;
		top: 0;
	}

	.causes__items {
		gap: 1rem;
	}

	.main-boss-blockquote {
		margin-bottom: 5rem;
	}

	.garant__items {
		grid-template-columns: repeat(2, 1fr);
	}

	.main-boss-image {
		margin-top: 7rem;
	}

	.garant-el8 {
		bottom: 11%;

	}

	.causes__item-title {
		font-size: 0.9rem;
	}

	.causes__item {
		flex-direction: column;
	}

	.causes-boss-el5 {
		top: unset;
		width: 35%;
		bottom: 19%;
		z-index: 2;
	}

	.causes__item-img {
		width: 7rem;
	}

	.causes-boss-el6 {
		transform: translate(-38%, -75%) rotate(194deg);
		top: unset;
		right: unset;
		width: 71%;
		bottom: 0;
		left: 0;
	}

	.main-boss-el4 {
		transform: translate(0, -60%);
	}

	.causes__img-content-inner {
		transform: translate(-19%, -59%);
	}

	.causes__item-text {
		font-size: 12px;
	}

	.main-boss-blockquote h2 {
		margin-bottom: 2rem;
	}

	.main-boss-item {
		gap: 0;
	}

	.lose__item-img {
		display: block;
	}

	.main-boss-info {
		display: none;
	}

	.main-boss-info.main-boss-info-mobile {
		display: block;
		transform: translate(0, 0);
		top: 28rem;
	}



	.main-boss-bg-two {
		top: 26rem;

	}

	.main__gallery-inner {
		width: 100%;
	}

	.main__gallery {
		padding-bottom: 19rem;
	}

	.main-boss-bg {
		top: 26rem;
	}

	.lose__item-img {
		transform: scale(1) translate(19%, 0);
		width: 15rem;
		position: absolute;
		bottom: 6rem;
		right: 0;
	}

	.lose__item {

		align-items: flex-start;
	}

	.lose__items {
		margin-left: 2rem;
		grid-template-columns: unset;
	}

	.vs {
		transform: translate(0, 50%);
		width: 24%;
		right: 0;
		top: 0;
		left: unset;
	}

	@keyframes vs {
		0% {
			transform: translate(0, 50%);
		}

		50% {
			transform: translate(0, 63%);
		}

		100% {
			transform: translate(0, 50%);
		}
	}


	.lose__item-title {
		margin-top: 1rem;
	}

	.video__button svg {
		width: 1.3rem;
	}

	.video__button {
		width: 3.6rem;
		height: 3.6rem;
	}

	.choice-el2 {
		width: 51%;
	}

	.choice-el1 {
		display: none;
	}

	#footer .col {
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

	.footer__soc a svg {
		width: 2rem;
		height: 2rem;
	}

	.row {
		row-gap: 0;
	}

	.choice-img {
		left: unset;
		transform: translate(22%, 0);
		right: 0;
		width: 80%;
	}

	.footer__adress-items {
		align-items: flex-start;
		flex-direction: column;
	}

	.footer-phone {
		align-items: flex-start;
	}
}

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

@media screen and (max-width: 499px) {
	.oferta {
		flex-direction: column;
	}

	.section2.active .section2__inner-info .section2-text-inner:nth-child(9) .section2-text-svg svg {
		width: 7rem;
	}



	.section2.active .section2__inner-info .section2-text-inner {
		/* animation: unset !important;
		-webkit-animation: unset !important;
		-webkit-animation-delay: unset !important;
		margin: 0 !important;
		opacity: 1 !important; */
	}

	.lose__item-mobile {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		order: 0;
	}

	.lose__inner .title {
		display: none;
	}

	/* .section2.active .section2__inner-info .section2-text-inner .section2-text-svg {
		-webkit-animation: unset !important;
		-webkit-animation-delay: unset !important;
		opacity: 1;
	} */

	.section2-text-inner::after {
		display: none;
	}

	.section2-text-inner::before {
		display: none;
	}

	.vs {
		top: -3rem;
	}

	.vs {
		display: none;
	}

	.lose__item-mobile .title,
	.lose__item-mobile .vs {
		display: block;
	}

	.lose__item:nth-child(2) {
		order: 2;
	}

	.section2-text-inner {
		margin-right: -1rem;
	}

	.section2__inner {
		padding-bottom: 10rem;
	}

	.dog3 {
		transform: translate(0, 15%);
	}

	@keyframes margin {
		0% {
			opacity: 0;
			margin-right: -1rem;
		}

		100% {
			opacity: 1;
			margin-right: 0;
		}
	}

	.section2-text-svg svg {
		width: 10rem;
	}

	.section2-text-inner-img img {
		height: 23rem;
	}

	.section2-text-inner-6 .section2-text-svg svg,
	.section2-text-inner-5 .section2-text-svg svg {
		width: 13rem;
	}

	.causes__item {
		padding: 1rem;
	}

	.causes-boss-el5 {
		z-index: 1;
	}

	.section3 h2 {
		margin-top: 3rem;
	}

	.lose-el3 {
		transform: translate(0, 6%);
	}

	.under_innovations {
		width: 100%;
		border-radius: 10px;
	}



	.section2 .transparent_text {
		color: rgba(0, 0, 0, 0.10);
	}

	.doors_inner {
		padding-right: 0;
	}

	.section3 .badge .text {
		width: 9rem;
		font-size: 12px;
		left: 34%;
		top: 7rem;

	}

	.section3 .badge {
		width: 18rem;
	}

	.under_innovations .text_2 {
		margin-top: 1rem;
	}

	.section3 .badge {
		top: -6%;
		right: -9%;
	}

	.doors_inner .btn {
		bottom: 4rem;
	}

	.section3 .doors {
		width: 88%;
	}

	.under_innovations .text_1 p {
		width: 100%;
	}

	#header .content .col:nth-child(1) {
		display: none;
	}

	.section3 .doors {
		margin-top: -1rem;
	}

	.section2 .transparent_text {
		opacity: 0.3;
	}

	.hero__inner-door {
		display: none;
	}

	.section1 .btn_with_text {
		width: 100%;
		max-width: 100%;
	}

	.section1 .indicators {
		width: 100%;
		margin-left: 0;
		z-index: 0;
		flex: unset;
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
	}

	.section1 .indicator {
		max-width: calc((100% / 2) - 0.5rem);
		width: calc((100% / 2) - 0.5rem);
		padding: 10px;
		border-radius: 10px;

	}

	.section1 .h {
		width: 100%;
	}

	.hero__inner {
		margin-top: 3rem;
	}

	.section1 .indicator:nth-child(1) {
		width: 48.3%;
		max-width: 48.3%;
	}

	.section1 .dog {
		transform: translate(4%, 10rem);
	}

	.hero__inner-door.hero__inner-door-mobile {
		display: block;
		position: absolute;
		top: 5rem;
		right: -2rem;
		width: 57%;
	}

	.section1 .indicator+.indicator {
		margin: 0;
	}

	.section1 ul {
		width: 50%;
		margin-top: 3rem;
		margin-bottom: 6rem;
	}

	.hero__inner-door.hero__inner-door-mobile {
		display: block;
	}

	.section1 h1 {
		font-size: 30px;
		line-height: 1.26;
	}

	.section1 .note {
		font-size: 14px;
		position: absolute;
		bottom: 5px;
		right: 19%;
	}

	.causes__dog-img {
		transform: scale(1.1);
		position: relative;
		z-index: -1;
	}

	.section4 .specifications {
		width: 100%;
	}

	.causes .btn span::before {
		right: 3.5rem;
	}

	.absolute_btn_text {
		width: 100%;
	}

	.bg {
		width: 100%;
	}

	.section4::before {
		height: 12rem;
		width: 100%;
	}

	.causes__img-content {
		right: -32%;
	}

	.main__gallery-item {
		padding-bottom: 17rem;
	}

	.main__gallery-inner .title {
		margin-bottom: 2rem;
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}


	.causes__img-content-inner {
		transform: none;
		width: auto;
		top: 8rem;
		left: -8rem;
	}

	.main-boss-info.main-boss-info-mobile {
		left: 0;
	}

	.main-boss-info.main-boss-info-mobile,
	.main-boss-bg,
	.main-boss-bg-two {
		top: 35rem;
	}

	.main-boss::before {
		height: 95%;
	}

	.lose {
		padding-top: 3rem;
		margin-top: 0;
	}

	.main-boss-image {
		margin-top: 12rem;
		margin-right: -2rem;
	}

	.main-boss-info {
		width: 28.375rem;
	}

	.main-form {
		max-width: 32.6rem;
		flex-direction: column;
		width: auto;
		padding: 1rem;
		border-radius: 10px;
		align-items: flex-start;
	}

	.lose__items {
		margin-left: 0;
		margin-right: 0;
	}

	.lose__inner .title p {
		font-size: 40px;
	}

	.lose__item-content {
		min-height: auto;
	}

	.lose__item-text ul {
		width: 63%;
	}

	.lose__item-img {
		transform: scale(1) translate(30%, 15%) !important;
	}

	.lose__item-title {
		font-size: 1rem;
		width: 100%;
	}

	.lose__item-title,
	.lose__item-content {
		border-radius: 10px;
	}

	.lose__item-text {
		width: 100%;
		flex: 0 0 100%;
	}

	.lose__item-text {
		padding: 1rem;
		font-weight: 500;
	}

	.rev__items {
		margin-top: 0;
	}

	h2 {
		font-size: 24px;
	}

	.rev-inner .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.rev__items {
		padding-bottom: 2rem;
	}


	.rev .title-btns {
		/* width: auto;
		height: auto; */
		position: unset;
	}



	.rev .title-btns .slick-arrow {
		z-index: 5;
	}

	/* .rev .title-btns .slick-prev {
		left: 33%;
	} */

	.rev .title-btns .slick-next {
		right: unset;
		left: 20%;
	}

	#footer .footer-logo {
		max-width: 200px;
		margin: 0 auto;
	}

	.choice__inner {
		padding-bottom: 0;
	}

	.choice .title {
		align-self: flex-start;
	}

	.choice__content {
		max-width: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.choice__items {
		max-width: 100%;
		width: 100%;
	}

	.choice__text {
		width: 100%;
	}

	.choice__inner {
		align-items: center;
	}

	.choice-img {

		bottom: 11%;
	}

	.footer__soc {
		margin-top: 1.5rem;
	}

	.footer-2-inner {
		flex-direction: column;
		gap: 10px;
	}

	.oferta {
		gap: 10px;
	}

	.oferta-link {
		margin: 0 auto;
		margin-top: 10px;
		order: 0;
	}

	div#copyright {
		order: 2;
	}

	#footer-2 {
		font-size: 12px;
		padding: 1.25rem 0;
	}

	.btn span {
		font-size: 12px;
		font-weight: 500;
	}

	#footer-2 a {
		font-size: 12px;
	}

	.predl {
		order: 1;
	}

	.garant__item-title {
		font-size: 0.875rem;
	}

	.garant__item-text {
		font-size: 12px;
	}

	.garant__content .title {
		margin-bottom: 2.125rem;
	}

	.garant {
		padding-bottom: 3rem;
	}

	.garant__img {
		width: 100%;
		transform: translate(15%, 0);
	}



	/* .section2__inner-info {
		margin-left: -4.7rem;
	} */
}

@media screen and (max-width: 413px) {
	.lose__item-text ul {
		font-size: 12px;
	}

	.section2-text-inner-1 .section2-text-svg svg {
		width: 7rem;
	}

	.section2__inner-info {
		margin-left: -1rem;
	}

	.section1 .note {

		right: 7%;
	}

	/* .section2__inner-info {
		margin-left: -4.2rem;
	} */

	.lose__item-img {
		width: 13rem;
		bottom: 7rem;
	}

	.causes__img-content-inner-p p {
		width: 11rem;
		font-size: 13px;
	}

	.causes .btn {
		transform: unset;
	}

	.causes__dog {
		bottom: -8%;
		width: 42%;
	}

	.causes__inner {
		gap: 2rem;
	}

	.causes__img-content-inner {
		top: 7rem;
	}

	.causes__img-content-inner-p img {
		transform: translate(-17%, -50%);
		width: 19rem;
	}
}

@media screen and (max-width: 374px) {
	.section3 .innovation img.attachment-full.size-full {
		width: 42%;
	}

	.section2-text-inner-img img {
		height: 20rem;
	}
}

@media screen and (max-width: 359px) {
	.section3 .innovation img.attachment-full.size-full {
		width: 39%;
	}
}

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