@charset "UTF-8";

:root {
--zelenyy:#0c6139;
--font-family:Muller,sans-serif
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerUltraLight.eot);
src:local("Muller UltraLight"),local(MullerUltraLight),url(../fonts/muller/MullerUltraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerUltraLight.woff2) format("woff2"),url(../fonts/muller/MullerUltraLight.woff) format("woff"),url(../fonts/muller/MullerUltraLight.ttf) format("truetype");
font-weight:200;
font-style:normal
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerBoldItalic.eot);
src:local("Muller Bold Italic"),local(MullerBoldItalic),url(../fonts/muller/MullerBoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerBoldItalic.woff2) format("woff2"),url(../fonts/muller/MullerBoldItalic.woff) format("woff"),url(../fonts/muller/MullerBoldItalic.ttf) format("truetype");
font-weight:700;
font-style:italic
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerMedium.eot);
src:local("Muller Medium"),local(MullerMedium),url(../fonts/muller/MullerMedium.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerMedium.woff2) format("woff2"),url(../fonts/muller/MullerMedium.woff) format("woff"),url(../fonts/muller/MullerMedium.ttf) format("truetype");
font-weight:500;
font-style:normal
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerExtraBoldItalic.eot);
src:local("Muller ExtraBold Italic"),local(MullerExtraBoldItalic),url(../fonts/muller/MullerExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerExtraBoldItalic.woff2) format("woff2"),url(../fonts/muller/MullerExtraBoldItalic.woff) format("woff"),url(../fonts/muller/MullerExtraBoldItalic.ttf) format("truetype");
font-weight:800;
font-style:italic
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerUltraLightItalic.eot);
src:local("Muller UltraLight Italic"),local(MullerUltraLightItalic),url(../fonts/muller/MullerUltraLightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerUltraLightItalic.woff2) format("woff2"),url(../fonts/muller/MullerUltraLightItalic.woff) format("woff"),url(../fonts/muller/MullerUltraLightItalic.ttf) format("truetype");
font-weight:200;
font-style:italic
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerRegular.eot);
src:local("Muller Regular"),local(MullerRegular),url(../fonts/muller/MullerRegular.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerRegular.woff2) format("woff2"),url(../fonts/muller/MullerRegular.woff) format("woff"),url(../fonts/muller/MullerRegular.ttf) format("truetype");
font-weight:400;
font-style:normal
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerBlackItalic.eot);
src:local("Muller Black Italic"),local(MullerBlackItalic),url(../fonts/muller/MullerBlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerBlackItalic.woff2) format("woff2"),url(../fonts/muller/MullerBlackItalic.woff) format("woff"),url(../fonts/muller/MullerBlackItalic.ttf) format("truetype");
font-weight:900;
font-style:italic
}

@font-face {
font-family:"Muller Hairline";
src:url(../fonts/muller/MullerHairlineItalic.eot);
src:local("Muller Hairline Italic"),local(MullerHairlineItalic),url(../fonts/muller/MullerHairlineItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerHairlineItalic.woff2) format("woff2"),url(../fonts/muller/MullerHairlineItalic.woff) format("woff"),url(../fonts/muller/MullerHairlineItalic.ttf) format("truetype");
font-weight:100;
font-style:italic
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerHeavyItalic.eot);
src:local("Muller Heavy Italic"),local(MullerHeavyItalic),url(../fonts/muller/MullerHeavyItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerHeavyItalic.woff2) format("woff2"),url(../fonts/muller/MullerHeavyItalic.woff) format("woff"),url(../fonts/muller/MullerHeavyItalic.ttf) format("truetype");
font-weight:900;
font-style:italic
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerThinItalic.eot);
src:local("Muller Thin Italic"),local(MullerThinItalic),url(../fonts/muller/MullerThinItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerThinItalic.woff2) format("woff2"),url(../fonts/muller/MullerThinItalic.woff) format("woff"),url(../fonts/muller/MullerThinItalic.ttf) format("truetype");
font-weight:100;
font-style:italic
}

@font-face {
font-family:"Muller Hairline";
src:url(../fonts/muller/MullerHairline.eot);
src:local("Muller Hairline"),local(MullerHairline),url(../fonts/muller/MullerHairline.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerHairline.woff2) format("woff2"),url(../fonts/muller/MullerHairline.woff) format("woff"),url(../fonts/muller/MullerHairline.ttf) format("truetype");
font-weight:100;
font-style:normal
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerHeavy.eot);
src:local("Muller Heavy"),local(MullerHeavy),url(../fonts/muller/MullerHeavy.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerHeavy.woff2) format("woff2"),url(../fonts/muller/MullerHeavy.woff) format("woff"),url(../fonts/muller/MullerHeavy.ttf) format("truetype");
font-weight:900;
font-style:normal
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerThin.eot);
src:local("Muller Thin"),local(MullerThin),url(../fonts/muller/MullerThin.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerThin.woff2) format("woff2"),url(../fonts/muller/MullerThin.woff) format("woff"),url(../fonts/muller/MullerThin.ttf) format("truetype");
font-weight:100;
font-style:normal
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerLightItalic.eot);
src:local("Muller Light Italic"),local(MullerLightItalic),url(../fonts/muller/MullerLightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerLightItalic.woff2) format("woff2"),url(../fonts/muller/MullerLightItalic.woff) format("woff"),url(../fonts/muller/MullerLightItalic.ttf) format("truetype");
font-weight:300;
font-style:italic
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerLight.eot);
src:local("Muller Light"),local(MullerLight),url(../fonts/muller/MullerLight.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerLight.woff2) format("woff2"),url(../fonts/muller/MullerLight.woff) format("woff"),url(../fonts/muller/MullerLight.ttf) format("truetype");
font-weight:300;
font-style:normal
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerBlack.eot);
src:local("Muller Black"),local(MullerBlack),url(../fonts/muller/MullerBlack.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerBlack.woff2) format("woff2"),url(../fonts/muller/MullerBlack.woff) format("woff"),url(../fonts/muller/MullerBlack.ttf) format("truetype");
font-weight:900;
font-style:normal
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerBold.eot);
src:local("Muller Bold"),local(MullerBold),url(../fonts/muller/MullerBold.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerBold.woff2) format("woff2"),url(../fonts/muller/MullerBold.woff) format("woff"),url(../fonts/muller/MullerBold.ttf) format("truetype");
font-weight:700;
font-style:normal
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerExtraBold.eot);
src:local("Muller ExtraBold"),local(MullerExtraBold),url(../fonts/muller/MullerExtraBold.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerExtraBold.woff2) format("woff2"),url(../fonts/muller/MullerExtraBold.woff) format("woff"),url(../fonts/muller/MullerExtraBold.ttf) format("truetype");
font-weight:800;
font-style:normal
}

@font-face {
font-family:"Muller Regular";
src:url(../fonts/muller/MullerRegularItalic.eot);
src:local("Muller Regular Italic"),local(MullerRegularItalic),url(../fonts/muller/MullerRegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerRegularItalic.woff2) format("woff2"),url(../fonts/muller/MullerRegularItalic.woff) format("woff"),url(../fonts/muller/MullerRegularItalic.ttf) format("truetype");
font-weight:400;
font-style:italic
}

@font-face {
font-family:"Muller";
src:url(../fonts/muller/MullerMediumItalic.eot);
src:local("Muller Medium Italic"),local(MullerMediumItalic),url(../fonts/muller/MullerMediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/muller/MullerMediumItalic.woff2) format("woff2"),url(../fonts/muller/MullerMediumItalic.woff) format("woff"),url(../fonts/muller/MullerMediumItalic.ttf) format("truetype");
font-weight:500;
font-style:italic
}

* {
padding:0;
margin:0;
border:0
}

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

:focus,:active {
outline:none
}

a:focus,a:active {
outline:none
}

nav,footer,header,aside {
display:block
}

html,body {
height:100%;
width:100%;
font-size:100%;
line-height:1;
font-size:14px;
-ms-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}

input,button,textarea {
font-family:inherit
}

input::-ms-clear {
display:none
}

button {
cursor:pointer
}

button::-moz-focus-inner {
padding:0;
border:0
}

a,a:visited {
text-decoration:none
}

a:hover {
text-decoration:none
}

ul li {
list-style:none
}

img {
vertical-align:top
}

h1,h2,h3,h4,h5,h6 {
font-size:inherit;
font-weight:400
}

html {
scroll-behavior:smooth
}

body {
background-color:#fff;
color:#151515;
height:100%;
font-size:16px
}

body.hidden {
overflow:hidden
}

.wrapper {
min-height:100vh;
overflow:hidden;
display:flex;
flex-direction:column
}

.page {
flex:1 0 auto;
margin-top:120px
}

@media (max-width: 1100px) {
.page {
margin-top:80px
}
}

@media (max-width: 480px) {
.page {
margin-top:60px
}
}

._container {
max-width:1246px;
padding:0 15px;
margin:0 auto
}

.header {
position:fixed;
left:0;
top:0;
width:100%;
z-index:99;
background-color:#fff;
box-shadow:0 4px 10px 0 #0000001a;
padding:10px 0 15px
}

@media (max-width: 1100px) {
.header {
padding:10px 0
}
}

@media (max-width: 480px) {
.header {
padding:5px 0
}
}

.header__body {
display:flex;
align-items:center;
column-gap:40px
}

@media (max-width: 1100px) {
.header__body {
justify-content:space-between
}
}

.header__logo {
flex-grow:0
}

.header__logo img {
max-width:100%
}

@media (max-width: 1100px) {
.header__logo img {
height:60px
}
}

@media (max-width: 480px) {
.header__logo img {
height:50px
}
}

.header__content {
flex-grow:1
}

@media (max-width: 1100px) {
.header__content {
display:none
}
}

.header .header-hidden {
display:none
}

@media (max-width: 1100px) {
.header .header-hidden {
display:flex;
align-items:center;
column-gap:15px
}
}

.header__top {
display:flex;
align-items:center;
column-gap:27px;
justify-content:flex-end
}

.header__phones {
display:flex;
align-items:center;
column-gap:7px
}

.header__phones-items {
display:flex;
align-items:center;
column-gap:20px
}

.header__phones-items a {
font-family:var(--font-family);
font-weight:500;
font-size:15px;
text-transform:uppercase;
color:#333;
position:relative;
display:block
}

.header__phones-items a:hover {
text-decoration:underline
}

.header__phones-items a:not(:last-child)::after {
content:"/";
display:block;
position:absolute;
top:0;
right:-14px;
font-family:var(--font-family);
font-weight:500;
font-size:15px;
text-transform:uppercase;
color:#b7b7b7
}

.header__logo2 {
width:132px;
flex-shrink:0
}

@media (max-width: 480px) {
.header__logo2 {
width:80px
}
}

.header__logo2 img {
width:100%
}

.header__bottom {
display:flex;
align-items:center;
column-gap:80px;
width:100%;
padding-top:10px;
margin-top:10px;
border-top:1px solid #e9e9e9
}

.header__items {
display:flex;
align-items:center;
column-gap:20px;
justify-content:space-between;
flex-grow:1
}

.header__item {
font-family:var(--font-family);
font-weight:500;
font-size:16px;
text-transform:uppercase;
color:#151515;
position:relative
}

.header__item::after {
content:"";
display:block;
position:absolute;
left:0;
bottom:-4px;
width:0;
height:2px;
background-color:var(--zelenyy);
transition:width .5s ease-in-out
}

.header__item:hover::after {
width:100%
}

.header__button {
padding:9px 25px;
font-family:var(--font-family);
font-weight:700;
font-size:14px;
text-transform:uppercase;
text-align:center;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
white-space:nowrap;
border-radius:83px;
background-color:var(--zelenyy);
transition:.8s
}

.header__button:hover {
box-shadow:0 0 20px var(--zelenyy)
}

.menu {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:99;
background-color:#fff;
padding:30px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
transition:.8s;
transform:translateX(-100%)
}

.menu.active {
transform:translateX(0)
}

.menu__close {
position:absolute;
right:20px;
top:15px;
font-size:50px;
color:#bbb;
cursor:pointer
}

@media (max-width: 480px) {
.menu__close {
font-size:40px;
right:15px;
top:10px
}
}

.menu__items {
display:flex;
flex-direction:column;
align-items:center;
row-gap:40px
}

.menu .header__phones-items {
position:relative
}

.menu .header__phones-items::after {
content:"";
display:block;
width:20px;
height:20px;
position:absolute;
left:-30px;
top:50%;
background:url(../images/header/phone.svg) center / contain no-repeat;
transform:translateY(-50%)
}

@media (max-width: 480px) {
.menu .header__phones-items {
display:flex;
flex-direction:column;
row-gap:15px
}

.menu .header__phones-items a::after {
display:none
}
}

section {
margin-top:80px
}

@media (max-width: 480px) {
section {
margin-top:60px
}
}

.main {
height:calc(100vh - 120px);
margin-top:0;
position:relative;
background-position:center;
background-size:cover;
background-repeat:no-repeat
}

@media (max-width: 1100px) {
.main {
height:calc(100vh - 80px)
}
}

@media (max-height: 648px) {
.main {
height:648px;
padding:80px 0
}
}

@media (max-width: 480px) {
.main {
height:auto;
padding:80px 0 40px
}
}

.main::after {
content:"";
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#1f1f1fb3
}

.main__container {
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
position:relative;
z-index:1
}

.main__title {
font-family:var(--font-family);
font-weight:700;
font-size:75px;
line-height:107%;
color:#fff;
margin-bottom:15px
}

@media (max-width: 480px) {
.main__title {
font-size:40px;
margin-bottom:10px
}
}

.main__text {
font-family:var(--font-family);
font-weight:400;
font-size:20px;
line-height:140%;
color:#b9b9b9;
margin-bottom:38px;
max-width:532px
}

@media (max-width: 480px) {
.main__text {
font-size:16px;
margin-bottom:25px
}
}

.form {
margin-top:-155px;
position:relative;
z-index:1
}

@media (max-width: 767px) {
.form {
margin-top:40px
}
}

.form__body {
padding:36px 26px 45px;
box-shadow:0 10px 30px 0 #0000000f;
background:#fff;
border-radius:24px
}

.form__title {
font-family:var(--font-family);
font-weight:500;
font-size:25px;
line-height:116%;
color:#393939;
margin-bottom:16px
}

.form__inputs {
display:grid;
grid-template-columns:300px 223px 1fr 200px;
gap:10px;
row-gap:20px
}

@media (max-width: 1100px) {
.form__inputs {
grid-template-columns:1fr 1fr 1fr
}
}

@media (max-width: 767px) {
.form__inputs {
grid-template-columns:1fr;
row-gap:10px
}
}

.form__input input,.form__input select {
padding:20px;
width:100%;
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:125%;
color:#151515;
border-radius:50px;
background:#efefef;
appearance:none
}

@media (max-width: 480px) {
.form__input input,.form__input select {
padding:15px 20px
}
}

.form__input input::placeholder,.form__input select::placeholder {
color:#767676
}

.form__input select {
color:#151515
}

.form__button {
font-family:var(--font-family);
font-weight:500;
font-size:16px;
line-height:125%;
color:#fff;
padding:20px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50px;
background:var(--zelenyy);
transition:.5s
}

.form__button:hover {
box-shadow:0 0 20px var(--zelenyy)
}

@media (max-width: 480px) {
.form__button {
padding:15px
}
}

.title {
font-family:var(--font-family);
font-weight:700;
font-size:45px;
line-height:120%;
text-align:center;
color:#333;
margin-bottom:35px
}

@media (max-width: 480px) {
.title {
margin-bottom:20px;
font-size:32px
}
}

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

.catalog__space {
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:38px;
column-gap:50px
}

@media (max-width: 767px) {
.catalog__space {
flex-direction:column;
align-items:start;
row-gap:20px
}
}

.catalog__categories {
display:flex;
column-gap:8px;
flex-wrap:wrap;
row-gap:12px
}

.catalog__category {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:125%;
color:#333;
border-radius:50px;
padding:19px 24px;
background:#efefef;
transition:.4s
}

@media (max-width: 480px) {
.catalog__category {
padding:12px 20px;
font-size:14px
}
}

.catalog__category:hover,.catalog__category.active {
background:var(--zelenyy);
color:#fff
}

.catalog__link {
display:flex;
align-items:center;
column-gap:10px;
padding:19px 24px;
border-radius:50px;
background:#e7efeb;
flex-shrink:0
}

@media (max-width: 480px) {
.catalog__link {
padding:12px 20px
}
}

.catalog__link span {
font-family:var(--font-family);
font-weight:700;
font-size:16px;
line-height:125%;
color:var(--zelenyy);
white-space:nowrap
}

@media (max-width: 480px) {
.catalog__link span {
font-size:14px
}
}

.catalog__items {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px
}

@media (max-width: 992px) {
.catalog__items {
grid-template-columns:1fr 1fr 1fr;
gap:20px
}
}

@media (max-width: 767px) {
.catalog__items {
grid-template-columns:1fr 1fr
}
}

@media (max-width: 510px) {
.catalog__items {
grid-template-columns:1fr
}
}

.catalog__item {
padding:20px 15px;
border:1px solid #ededed;
border-radius:8px;
flex-direction:column;
display:none
}

.catalog__item.active {
display:flex
}

.catalog__image {
height:240px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:24px
}

.catalog__image img {
max-width:100%;
max-height:100%
}

.catalog__name {
font-family:var(--font-family);
font-weight:700;
font-size:17px;
line-height:147%;
color:#333;
margin-bottom:10px;
flex-grow:1
}

.catalog__price {
font-family:var(--font-family);
font-weight:400;
font-size:22px;
line-height:127%;
color:#333
}

.services__items {
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:32px
}

@media (max-width: 1100px) {
.services__items {
grid-template-columns:1fr 1fr;
gap:20px
}
}

@media (max-width: 767px) {
.services__items {
grid-template-columns:1fr
}
}

.services__item {
padding:48px 30px 0;
border:1px solid #e3e3e3;
border-radius:8px;
transition:.4s
}

@media (max-width: 480px) {
.services__item {
padding:30px 20px 0
}
}

.services__item:hover {
transform:scale(1.1);
border-radius:8px;
box-shadow:0 4px 30px 0 #00000014;
background:#fff;
border:1px solid transparent;
padding:30px
}

@media (max-width: 480px) {
.services__item:hover {
padding:30px 20px
}
}

.services__item:hover .services__button {
opacity:1
}

.services__image {
margin-bottom:40px
}

@media (max-width: 480px) {
.services__image {
margin-bottom:20px
}
}

.services__name {
font-family:var(--font-family);
font-weight:700;
font-size:24px;
line-height:125%;
color:#333;
margin-bottom:18px
}

@media (max-width: 480px) {
.services__name {
font-size:22px;
margin-bottom:12px
}
}

.services__text {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:150%;
color:#666;
margin-bottom:30px
}

@media (max-width: 480px) {
.services__text {
font-size:15px
}
}

.services__button {
font-family:var(--font-family);
font-weight:500;
font-size:16px;
line-height:125%;
color:#fff;
padding:20px 44px;
border-radius:50px;
background:var(--zelenyy);
opacity:0;
transition:.4s
}

@media (max-width: 480px) {
.services__button {
padding:12px 25px;
font-size:14px
}
}

.services__button:hover {
box-shadow:0 0 20px var(--zelenyy)
}

.about__body {
padding:80px 66px 72px;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
position:relative;
border-radius:8px
}

@media (max-width: 767px) {
.about__body {
padding:50px 30px
}
}

@media (max-width: 480px) {
.about__body {
padding:40px 20px
}
}

.about__body::after {
content:"";
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#1f1f1fb3;
border-radius:8px
}

.about__title {
text-align:left;
margin-bottom:20px;
color:#fff;
position:relative;
z-index:1
}

.about__text {
max-width:568px;
font-family:var(--font-family);
font-weight:400;
font-size:20px;
line-height:130%;
color:#c1c1c1;
display:flex;
flex-direction:column;
row-gap:10px;
position:relative;
z-index:1;
margin-bottom:30px
}

@media (max-width: 480px) {
.about__text {
font-size:16px;
margin-bottom:20px
}
}

.about__button {
padding:20px 38px;
font-family:var(--font-family);
font-weight:500;
font-size:16px;
line-height:125%;
color:#fff;
border-radius:50px;
backdrop-filter:blur(4px);
background:#ffffff26;
position:relative;
z-index:1;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid transparent;
transition:.4s
}

@media (max-width: 480px) {
.about__button {
padding:15px 30px
}
}

.about__button:hover {
border:1px solid #fff;
background-color:transparent
}

.partners__item {
height:76px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid #d9d9d9;
border-radius:8px;
padding:10px
}

.partners__item img {
max-width:100%;
max-height:100%
}

.partners__pagination {
display:flex;
align-items:center;
justify-content:center;
margin-top:30px
}

.partners__pagination.swiper-pagination-lock {
display:none
}

.partners__pagination .swiper-pagination-bullet {
transition:.3s
}

.partners__pagination .swiper-pagination-bullet-active {
background-color:var(--zelenyy)!important
}

.footer {
padding:45px 0 20px;
background:#333
}

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

@media (max-width: 1200px) {
.footer__body {
flex-direction:column;
align-items:start;
row-gap:40px
}
}

.footer__logo {
display:flex;
flex-direction:column;
row-gap:17px;
align-items:start
}

@media (max-width: 1200px) {
.footer__logo {
flex-direction:row;
column-gap:20px
}
}

@media (max-width: 767px) {
.footer__logo {
flex-direction:column
}
}

.footer__logo img:last-child {
width:184px
}

.footer__content {
display:flex;
column-gap:60px
}

@media (max-width: 767px) {
.footer__content {
flex-direction:column;
row-gap:30px
}
}

@media (max-width: 1200px) {
.footer__nav {
display:none
}
}

.footer__title {
font-family:var(--font-family);
font-weight:500;
font-size:16px;
line-height:125%;
text-transform:uppercase;
color:#fff;
margin-bottom:15px
}

.footer__nav-items {
display:grid;
grid-template-columns:auto auto;
row-gap:5px;
column-gap:60px
}

.footer__nav-items a {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:175%;
color:#b6b6b6;
white-space:nowrap
}

.footer__address-text {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:175%;
color:#b6b6b6;
max-width:208px
}

.footer__phones {
display:flex;
flex-direction:column
}

.footer__phones-items {
display:flex;
flex-direction:column
}

.footer__phones-items a {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:175%;
color:#b6b6b6;
white-space:nowrap
}

.footer__buh-items {
display:flex;
flex-direction:column
}

.footer__buh-items a {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:175%;
color:#b6b6b6
}

.footer__foot {
display:flex;
align-items:center;
justify-content:space-between;
padding-top:14px;
margin-top:40px;
border-top:1px solid #474747
}

@media (max-width: 480px) {
.footer__foot {
flex-direction:column-reverse;
align-items:start;
row-gap:10px
}
}

.footer__abc {
display:flex;
gap:5px;
align-items:center;
flex-wrap:wrap
}

.footer__abc a {
display:flex;
align-items:center;
justify-content:center;
margin-top:-2px
}

.footer__abc span {
font-family:var(--font-family);
font-weight:400;
font-size:14px;
letter-spacing:.02em;
line-height:1;
color:#b4b4b4
}

@media (max-width: 480px) {
.footer__abc span {
font-size:12px
}
}

.footer__socials {
display:flex;
align-items:center;
column-gap:10px
}

.about-blocks {
display:flex;
flex-direction:column
}

.about-blocks .about-page:nth-of-type(even) .about-page__body {
flex-direction:row-reverse
}

@media (max-width: 992px) {
.about-blocks .about-page:nth-of-type(even) .about-page__body {
flex-direction:column
}
}

.about-page__body {
display:flex;
align-items:center;
margin:0 -50px
}

@media (max-width: 992px) {
.about-page__body {
flex-direction:column;
row-gap:30px
}
}

.about-page__image {
flex:0 0 50%;
padding:0 50px
}

.about-page__image img {
width:100%
}

.about-page__content {
flex:1 0 50%;
padding:0 50px
}

.about-page__title {
margin-bottom:20px;
text-align:start
}

.about-page__text {
font-family:var(--font-family);
font-weight:400;
font-size:20px;
line-height:140%;
color:#666;
display:flex;
flex-direction:column;
row-gap:10px
}

@media (max-width: 480px) {
.about-page__text {
font-size:16px
}
}

.contacts__items {
display:grid;
grid-template-columns:3fr 2fr 2fr 2fr;
gap:22px;
margin-bottom:24px
}

@media (max-width: 1150px) {
.contacts__items {
grid-template-columns:1fr 1fr
}
}

@media (max-width: 767px) {
.contacts__items {
grid-template-columns:1fr
}
}

@media (max-width: 480px) {
.contacts__items {
gap:15px
}
}

.contacts__item {
padding:27px 30px;
border-radius:8px;
background:#f3f3f3
}

@media (max-width: 480px) {
.contacts__item {
padding:27px 20px
}
}

.contacts__name {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:125%;
color:#868686;
margin-bottom:8px
}

.contacts__text {
display:flex;
flex-direction:column;
font-family:var(--font-family);
font-weight:500;
font-size:19px;
line-height:147%;
color:#333
}

.contacts__text a {
color:#333
}

.contacts__map {
height:480px;
border-radius:8px;
overflow:hidden
}

@media (max-width: 480px) {
.contacts__map {
height:380px
}
}

.contacts__map iframe,.contacts__map div {
height:100%;
width:100%
}

.product {
margin-top:45px
}

@media (max-width: 480px) {
.product {
margin-top:30px
}
}

.product__body {
display:grid;
grid-template-columns:3fr 1fr;
gap:18px;
align-items:start
}

@media (max-width: 1024px) {
.product__body {
grid-template-columns:1fr
}
}

.product__content {
padding:45px 40px;
border-radius:8px;
background:#fff
}

@media (max-width: 767px) {
.product__content {
padding:34px 14px
}
}

.product__title {
font-family:var(--font-family);
font-weight:700;
font-size:24px;
color:#333;
margin-bottom:14px
}

@media (max-width: 480px) {
.product__title {
font-size:20px;
margin-bottom:10px
}
}

.product__cateogory {
font-family:var(--font-family);
font-weight:400;
font-size:18px;
color:#666;
margin-bottom:30px
}

@media (max-width: 480px) {
.product__cateogory {
margin-bottom:20px;
font-size:16px
}
}

.product__images-wrapper {
display:grid;
grid-template-columns:12fr 3.5fr;
grid-template-rows:447px;
gap:10px;
margin-bottom:40px
}

@media (max-width: 600px) {
.product__images-wrapper {
grid-template-rows:380px
}
}

@media (max-width: 480px) {
.product__images-wrapper {
grid-template-rows:300px
}
}

@media (max-width: 400px) {
.product__images-wrapper {
grid-template-rows:270px
}
}

.product__posters {
width:100%;
height:100%
}

.product__poster {
border:1px solid #e6e6e6;
border-radius:8px;
width:100%;
height:100%;
padding:30px;
display:flex;
align-items:center;
justify-content:center
}

@media (max-width: 480px) {
.product__poster {
padding:20px
}
}

.product__poster img {
max-width:100%;
max-height:100%
}

.product__thumbs {
width:100%;
height:100%
}

.product__thumb {
border:1px solid #e6e6e6;
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
padding:25px;
height:100%;
width:100%
}

@media (max-width: 480px) {
.product__thumb {
padding:10px
}
}

.product__thumb img {
max-width:100%;
max-height:100%
}

.product__description-title {
font-family:var(--font-family);
font-weight:700;
font-size:20px;
color:#333;
margin-bottom:14px
}

@media (max-width: 480px) {
.product__description-title {
font-size:18px;
margin-bottom:8px
}
}

.product__description-text {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:150%;
color:#666;
display:flex;
flex-direction:column;
row-gap:10px
}

@media (max-width: 480px) {
.product__description-text {
font-size:14px
}
}

.product__right {
padding:34px 14px;
background:#fff;
border-radius:8px
}

.product__items-title {
font-family:var(--font-family);
font-weight:700;
font-size:20px;
color:#333;
padding-bottom:20px;
border-bottom:1px solid #ebebeb;
margin-bottom:21px
}

@media (max-width: 480px) {
.product__items-title {
padding-bottom:15px;
margin-bottom:15px
}
}

.product__items {
display:flex;
flex-direction:column;
row-gap:16px;
margin-bottom:35px
}

.product__button {
font-family:var(--font-family);
font-weight:500;
font-size:16px;
line-height:125%;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
border-radius:50px;
background:var(--zelenyy);
width:100%;
transition:.5s
}

@media (max-width: 480px) {
.product__button {
font-size:15px;
padding:15px
}
}

.product__button:hover {
box-shadow:0 0 20px var(--zelenyy)
}

.item-product__title {
font-family:var(--font-family);
font-weight:700;
font-size:16px;
line-height:150%;
color:#666
}

.item-product__text {
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:150%;
color:#666
}

.modal {
position:fixed;
left:0;
top:0;
z-index:99;
width:100%;
height:100%;
background-color:#26262699;
justify-content:flex-start;
align-items:center;
position:fixed;
overflow:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:20px 10px;
display:none
}

.modal.active {
display:flex
}

.modal__body {
height:auto;
margin:auto;
width:1024px;
position:relative;
background:url(../images/modal.jpg) center / cover no-repeat;
border-radius:8px;
overflow:hidden;
padding:60px 150px
}

@media (max-width: 992px) {
.modal__body {
padding:60px
}
}

@media (max-width: 767px) {
.modal__body {
padding:50px 30px
}
}

@media (max-width: 480px) {
.modal__body {
padding:50px 20px
}
}

.modal__body::after {
content:"";
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#1f1f1fcc
}

.modal__close {
position:absolute;
right:15px;
top:10px;
font-size:40px;
color:#fff;
z-index:1;
cursor:pointer
}

.modal__title {
font-family:var(--font-family);
font-weight:700;
font-size:45px;
line-height:120%;
text-align:center;
color:#fff;
margin-bottom:10px;
position:relative;
z-index:1
}

@media (max-width: 480px) {
.modal__title {
font-size:32px
}
}

.modal__text {
font-family:var(--font-family);
font-weight:400;
font-size:18px;
line-height:133%;
text-align:center;
color:#e3e3e3;
margin-bottom:30px;
position:relative;
z-index:1;
max-width:500px;
margin-left:auto;
margin-right:auto
}

@media (max-width: 480px) {
.modal__text {
font-size:16px;
margin-bottom:20px
}
}

.modal__inputs {
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:8px;
position:relative;
z-index:1;
margin-bottom:25px
}

@media (max-width: 767px) {
.modal__inputs {
grid-template-columns:1fr
}
}

.modal__input input,.modal__input textarea {
width:100%;
font-family:var(--font-family);
font-weight:400;
font-size:16px;
line-height:125%;
color:#fff;
padding:20px 25px;
border-radius:15px;
backdrop-filter:blur(4px);
background:#fff3
}

.modal__input input::placeholder,.modal__input textarea::placeholder {
color:#fff
}

.modal__input:last-child {
grid-column:1 / 4
}

@media (max-width: 767px) {
.modal__input:last-child {
grid-column:auto
}
}

.modal__input textarea {
height:100px
}

.modal__button {
position:relative;
z-index:1;
padding:20px 60px;
font-family:var(--font-family);
font-weight:500;
font-size:16px;
line-height:125%;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50px;
background:var(--zelenyy);
transition:.5s
}

@media (max-width: 480px) {
.modal__button {
font-size:15px;
padding:15px 40px
}
}

.modal__button:hover {
box-shadow:0 0 20px var(--zelenyy)
}

#modalForm_forms_flash {
position:relative;
z-index:1
}

#modalForm_forms_flash .close {
display:none
}

#modalForm_forms_flash p {
font-family:var(--font-family);
color:#90ee90;
font-size:16px;
margin-bottom:15px;
line-height:1.3
}

@media (max-width: 480px) {
#modalForm_forms_flash p {
font-size:15px;
margin-bottom:10px
}
}

#contactForm_forms_flash {
position:relative;
z-index:1
}

#contactForm_forms_flash .close {
display:none
}

#contactForm_forms_flash p {
font-family:var(--font-family);
color:green;
font-size:16px;
margin-bottom:15px;
line-height:1.3
}

@media (max-width: 480px) {
#contactForm_forms_flash p {
font-size:15px;
margin-bottom:10px
}
}