/*Обнуление*/
* {
    padding: 0;
    margin: 0;
    border: 0;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    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: inherit;

}
h3,
h4,
h5,
h6
{
    margin-top: 4%;
}

/*--------------------*/
/* Текста начало */

p{
    font-size: clamp(16px, 1vw, 18px);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #222;
}
 body{
    font-family: sans-serif;
    color:#222;
}
h1
{
    font-size: clamp(2.5rem, 1.5625rem + 0.7813vw, 2.8125rem);
}
b
{
    font-weight: bold;
}
/* ///// */



.wrapper
{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.main
{
    flex: 1 1 auto;
}

.head
{
  /* min-height: 100vh; */
  display: flex;

}
.head__container
{
    max-width: 2560px;
    margin: 0 auto;
    display: flex;
    min-width: 320px;
    width: 100%;
    /* min-height: 100vh; */
    container-type: inline-size;
}
.head__row
{
    display: flex;
     min-height: 100vh;

/* Это фон облаков */
    background: url(../images/cloudss.webp) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
     background-size: 140% auto;
   
}
.head__column
{
    display: flex;
    flex-direction: column;
}
.head__middle
{
    display: flex;
    flex: 1 1 auto;
}

.head__box
{
    display: flex;
    flex: 0 0 100%;

    /* background: url(../images/cloudss.png) no-repeat;
    background-size: cover;
    background-position: center; */
    /* height: 100vh; */
    height: 100%;
    /* position: relative; */
}
.head__half
{
    display: flex;
    
}
.head__left
{
    display: flex;
    flex: 0 0 45%;
}


/* деревья начало */
.head_rhree
{
    bottom: 0;
    z-index: -1;
    position: absolute;
    display: flex;
    width: 100%;
    height: auto;
}
.head__flex
{
    width: 100%;
}
.head__flex img
{
    width: 100%;
}
/* деревья конец */


.firma__imginn
{
  width: 90%;
  margin: 0 auto;
  /* height: 100%; */

  /* background: #c3f7ff36; */
  /* border-radius: 20px; */
}
.firma
{
display: flex;
  justify-content: center;
  align-content: center;
}





.firma__column
{
  width: 98%;
  display: flex;
  justify-content: center;
  align-items: center;
    
}
.firma__img
{
background: #ffffffa3;
  border-radius: 30px;
  aspect-ratio: 1536 / 1024;
  max-width: 95%;
  height: auto;
  border: 1px solid #bebebe1a;
  aspect-ratio: 1536 / 1024;
  height: auto;
  
  aspect-ratio: 1536 / 1024;
  height: auto;
}
.firma__slogan
{
display: flex;
  justify-content: center;
  align-items: center;
  /* font-size: 40px; */
  /* flex: 0 0 10%; */
  /* padding: 5% 0%; */
  padding-bottom: 4%;
    
    }
    .firma__slogan > h1
    {
        text-align: center;
  /* font-weight: bolder; */
  line-height: initial;
    }
.firma__description
{
  display: flex;
  justify-content: center;
  align-items:self-start;
  flex-direction: column;
  padding: 0% 4%;
  /* width: 90%; */
  /* flex: 1; */
}
.firma__description > p
{
    padding-top: 1%;
    line-height: initial;
  /* font-size: 25px; */
  /* padding: 10px 10%; */
  /* padding: 3% 5%; */

}


.right
{
    height: 100%;
}
.head__right
{
	    flex: 0 0 55%;
}
/* .right__column
{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.right__row
{
    display: flex;
    flex: 0 0 10%;
}
.right__cart
{
    display: flex;
    flex: 0 0 20%;
    flex-direction: column;
}
.right__img
{
    display: flex;
}
.right__img > img
{
    max-width: 100%;
    height: auto;
} */


.right__column
{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.right__middle
{
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}
.right__pic
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 98%;
}
.right__pic img 
{
    width: 95%;
    border-radius: 30px;
	height: auto;
}



/* Навигация начало */

.nav__container
{
    max-width: 100%;
    width: 100%;
        margin: 0 auto;
    min-width: 320px;
    max-width: 2560px;
    container-type: inline-size;
}
.nav__box
{
    display: flex;
    width: 100%;
    height: 100%;
    
}

.nav__yellow
{
    display: flex;
    flex: 1 1 auto;
    border-radius: 30px;
    border-bottom: 20px;
    margin-top: 3px;
    width: 98%;
    display: flex;
    background: #ffff008f;
    margin-bottom: 3px;
}
.nav__yellowwrapp
{
    border-bottom: 5px solid rgba(255, 255, 0, 0.404);
    /* border: 10px solid #d6d775; */
    width: 100%;
    /* height: 100%; */
    display: flex;
    border-top: 5px solid rgba(255, 255, 0, 0.404);
}
.nav__logo
{
    display: flex;
}
.nav__logo a img
{
    max-width: 70%;
	height: auto;
}
.nav__list
{
    height: 100%;
    flex: 1 1 50%;
}
.nav__list > ul
{
        display: flex;
    height: 100%;
    /* padding: 50% 0%; */
    align-items: center;
    justify-content: center;
    display: flex;
}
.nav__list > ul li
{
        /* font-size: 25px; */
    justify-content: center;
    /* text-align: center; */
    display: flex;
    flex: 0 0 24%;
    align-items: center;
    /* font-size: clamp(1.25rem, 0.8333rem + 0.651vw, 1.875rem); */
    /* font-size: clamp(1.25rem, 0.625rem + 0.9766vw, 2.1875rem); */
    /* font-size: clamp(1.25rem, 0.4167rem + 1.3021vw, 2.5rem); */
    font-size: clamp(1.5625rem, -3.1152rem + 3.9002vw, 3.125rem);
}
.nav__list > ul li a:hover
{
    color: blue;
    border-bottom: 2px solid rgba(37, 0, 250, 0.705);
}
.nav__contacts
{
       flex: 0 0 30%; 
}
.nav__contactc
{
    height: 100%;
    display: flex;

}
.nav__telephone
{
      justify-content: center;
    flex: 0 0 55%;
    display: flex;
    align-items: center;  
}
.nav__telephone a
{
    font-size: clamp(1.875rem, 1.2846rem + 0.9225vw, 2.8125rem);
    color: black;
    font-weight: bold;
}
.nav__telephone a:hover
{
    color: red;
}
.nav__iconwrapp
{
    width: 100%;
    align-items: center;
    justify-content: space-around;
    display: flex;
    flex: 0 0 40%;
}
.nav__icon
{
    display: flex;
    flex: 0 0 30%;
	align-items: center;
    justify-content: center;
}
.nav__icon a > img
{
    max-width: 80%;
	height: auto;
}


/* Навигация конец */


/* Анимация шевеления облаков начало */
.head {
    /* min-height: 100vh; */
    display: flex;
    background: #57b7f3;
}

.head__row {
    display: flex;
    position: relative;
    overflow: hidden;
}

.head__row::before {
    content: "";
    position: absolute;
    inset: 0;

    background: url(../images/cloudss.webp) no-repeat;
    background-size: 180% auto;
    background-position: center;

    animation: clouds 10s ease-in-out infinite alternate;

    pointer-events: none;
}

@keyframes clouds {
    from {
        background-position: 45% center;
    }

    to {
        background-position: 55% center;
    }
}



.head__row > * {
    position: relative;
    z-index: 1;
}
/* Анимация шевеления облаков конец */



/* самолётик начало */
.head__plane {
    position: absolute;

    width: 4%;
    min-width: 35px;
    max-width: 100px;

    /* Базовая стартовая точка */
    left: 100%;
    top: 24%;

    z-index: 4;

    animation: plane-fly 35s linear infinite;
    will-change: transform; /* Подсказка для браузера вынести на GPU */
}

.head__plane img {
    display: block;
    width: 100%;
    height: auto;
}

/* самолётик траектория начало */
@keyframes plane-fly {
    0% {
        /* 100% (старт) - 100% (текущий лефт в кадре) = 0 */
        transform: translate(0, calc(15vh - 24vh));
    }

    15% {
        /* 85% - 100% = -15% по X;  17vh - 24vh = -7vh по Y */
        transform: translate(-15vw, -7vh);
    }

    30% {
        /* 70% - 100% = -30% по X;  14vh - 24vh = -10vh по Y */
        transform: translate(-30vw, -10vh);
    }

    45% {
        /* 55% - 100% = -45% по X;  17vh - 24vh = -7vh по Y */
        transform: translate(-45vw, -7vh);
    }

    60% {
        /* 40% - 100% = -60% по X;  20vh - 24vh = -4vh по Y */
        transform: translate(-60vw, -4vh);
    }

    75% {
        /* 25% - 100% = -75% по X;  18vh - 24vh = -6vh по Y */
        transform: translate(-75vw, -6vh);
    }

    90% {
        /* 10% - 100% = -90% по X;  20vh - 24vh = -4vh по Y */
        transform: translate(-90vw, -4vh);
    }

    100% {
        /* -10% - 100% = -110% по X; 22vh - 24vh = -2vh по Y */
        transform: translate(-110vw, -2vh);
    }
}
/* самолётик траектория конец */
/* самолётик конец */



/* //////////////////////////////////// */
@container(max-width: 2560px)
{
    .nav__telephone a
{
    font-size: clamp(1.88rem, calc(1.667rem + 0.326vw), 2.19rem);
}
   p.title__mezo
   {
    font-size: clamp(1.79rem, calc(0.833rem + 1.302vw), 3.21rem);
   }
   h1
   {
    font-size: clamp(2.5rem, 1.5625rem + 0.7813vw, 2.8125rem);
   }
   
   .firma__description p
   {
    font-size: clamp(1.875rem, 0.75rem + 0.9375vw, 2.25rem);
   }
   


    p.p__table
{
   font-size: clamp(1.21rem, calc(1.117rem + 0.426vw), 1.43rem);
}
/* .comparison__banner
{
    flex-direction: column;
} */
.comparison__description 
{
    padding: 10px 0px;
}

}


@container(max-width: 1920px)
{
       .firma__description p
   {

    /* font-size: clamp(1.06rem, calc(1.000rem + 0.313vw), 1.38rem); */
    /* font-size: 30px; */
    /* font-size: clamp(1.06rem, calc(-0.027rem + 1.585cqw), 1.88rem); */
    font-size: clamp(1.00rem, calc(-0.006rem + 1.463cqw), 1.75rem);
}
   h1
   {
    font-size: clamp(1.69rem, calc(0.830rem + 1.339vw), 2.44rem);
   }
    .firma__column
    {
        min-height: 80%;
    }
    .nav__list a
    {
        font-size: clamp(1.1875rem, 0.4018rem + 1.2277vw, 1.875rem);
        font-weight: bold;
    }
    .nav__contacts {
  flex: 0 0 40%;
}
.nav__telephone
{
    font-size: clamp(1.25rem, 0.1786rem + 1.6741vw, 2.1875rem);
}

    .tittle__middle
    {
    font-size: clamp(26px, 17.8px + 0.500vw, 25px);
}
p.title__mezo
{
    font-size: clamp(1.875rem, 1.6875rem + 0.9375vw, 2.8125rem);

    color: #393939;
    font-weight: bold;
    letter-spacing: 1px;
}
.description__mezo
{
    font-size: clamp(1.5625rem, 0.475rem + 0.4375vw, 2rem);
}
p.p__table
{
    font-size: clamp(1.00rem, calc(0.143rem + 0.938vw), 1.43rem);
}
.site__top > p{
    font-size: clamp(17px, 14.4px + 0.351vw, 21px);
}
}
@container(max-width: 1860px)
{
.firma__slogan h1, .firma__description p
{
    line-height: inherit;
}

}


@container(max-width: 1280px)
{
 .head__row
{
  min-height: auto;

}   
 .head__left
 {
    flex: 0 0 45%;
 }
 .head__right
 {
    /* flex: 0 0 50%; */
 }
 .firma__column {
    min-height: 73%;
  }
}

@container(max-width: 1100px)
{
	    .head__row
    {
         background-size: 350% auto;
         min-height: auto;
    }
    .head__row::before {
    background: none;
content: "";
  position: absolute;
  inset: 0;
  background: url(image/cloudss.webp) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: 450% auto;
  background-position: center;
  animation: clouds 8s ease-in-out infinite alternate;
  pointer-events: none;
}
	
 .head__row
{
  min-height: auto;

}   
    .serviced__box
    {
        min-height: auto;
    }
    /* Обязатеоно */
p.p__table
{
   font-size: clamp(1.21rem, calc(1.117rem + 0.426vw), 1.43rem);
}
.right__middle
{
    align-items: start;
}
.right__pic img
{
    max-width: 100%;
}
.firma__imginn
{
    width: 96%;
}
.nav__yellow
{
flex-wrap: wrap;
/* border: 0px;
margin: 0px; */
border-radius: 0px;;
}
.nav__box
{
    display: flex;
}
.nav__yellowwrapp
{
    /* border: none; */
     display: flex;
     
}
.nav__navwrapp
{
  display: flex;
  flex: 0 0 30%;  
      /* padding-top: 3%; */
}
.nav__logo
{
 flex: 0 0 100%;
  justify-content: center;
  align-items: center;   
}
.nav__contacts
{
    display: flex;
    flex: 0 0 70%;
    order: 2;
    /* padding-top: 3%; */
}
.nav__contactc
{
    display: flex;
  justify-content: space-between;
  flex: 0 0 100%;
}
.nav__telephone
{
    flex: 0 0 60%;
}
.nav__telephone > a
{
    font-size: clamp(0.88rem, calc(0.278rem + 2.983vw), 2.19rem);
}

.nav__iconwrapp
{
    flex: 0 0 40%;
  display: flex;
  justify-content: space-between;
}
.nav__icon
{
    flex: 0 0 25%;
}
.nav__icon a img
{
    max-width: 90%;;
}
.nav__list
{
  flex: 0 0 100%;
  height: auto;
  order: 3;
/* font-size: clamp(1.375rem, 1.875rem + -0.7813vw, 0.9375rem); */
} 
.nav__list ul li
{
    padding: 2% 0%;
}
.nav__list ul li a
{
    text-align: center;
    /* font-size: clamp(0.88rem, calc(0.563rem + 1.563vw), 1.56rem); */
    font-size: clamp(1.13rem, calc(0.784rem + 1.707cqw), 1.88rem);
} 
.firma__img
{
    border-radius: 0px;
    border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  aspect-ratio: auto;
 padding-bottom: 4%;
}
.nav__logo a img
{
    max-width: 100%;
}
.firma__description
{
    align-items: center;
    padding: 0px 0px;
}
.firma__description p
{
    /* font-size: clamp(1.88rem, calc(2.045rem + -0.852vw), 1.50rem); */
    /* font-size: clamp(1.00rem, calc(0.900rem + 0.500vw), 1.50rem); */
    /* font-size: clamp(1.06rem, calc(0.975rem + 0.438vw), 1.50rem); */
    /* font-size: clamp(1.63rem, calc(1.354rem + 0.619cqw), 1.75rem); */
	font-size: clamp(1.38rem, calc(1.067rem + 1.538cqw), 2.13rem);
    /* line-height: initial; */
    text-align: center;
    padding: 0% 0%;
    /* display: block; */
   
}
.firma__description p b
{
    font-size: clamp(1.38rem, calc(1.067rem + 1.538cqw), 2.13rem);

}
.head__left 
    {
        flex: 0;
    }
        .head__right {
        flex: 0;
    }
.right__pic img {
        margin-bottom: 8%;
    }
h1
{
   font-size: clamp(1.50rem, calc(1.141rem + 1.795cqw), 2.38rem);
    text-align: center;
    font-weight: bold;
}



.right__pic img
{
    border-radius: 0px;
    border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-radius: 8px;
}


.head__middle
{
    margin-top: 5%;
}
.head__half
{
  flex-direction: column;  
}
.firma__imginn
{
    height: auto;
}
}

@container(max-width: 700px)
{
.firma__description
{
  /* background: #ffffffb5; */
  /* border-radius: 30px; */
  /* border: 1px solid white; */

  padding-top: 2%;
  padding-right: 1%;
  padding-left: 1%;
}
.firma__description p
{
/* font-size: 19px; */
/* line-height: initial; */
}
.right__pic img
{
    margin-bottom: 8%;
}
.head__row
{
     background-size: 550% auto;
}
.head__row::before {
    background: none;
content: "";
  position: absolute;
  inset: 0;
  background: url(../images/cloudss.webp) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: 450% auto;
  background-position: center;
  animation: clouds 8s ease-in-out infinite alternate;
  pointer-events: none;
}
.head__box
{
    background: none;
}
.head__left
{
    flex: 0;
}
}
@container(max-width: 320px)
{
    /* Обязатеоно */

.nav__list ul li
{
    padding: 4% 0%;
}
.head__box
{
    background: none;
}
}
















/* для фиксации навигации начало */
/* .nav-fixed {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;

    z-index: 99999;

    display: none;
}

.nav-fixed.show {
    display: block;
} */
/* для фиксации хедера конец */











.nav-sticky {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;

    z-index: 99999;

    display: none;
}

.nav-sticky.show {
    display: block;
}
.nav.nav-sticky.show
{
    background: #ffff00bb;
}
.nav.nav-sticky.show .nav__yellow
{
        margin: 0px;
}
.nav.nav-sticky.show .nav__yellowwrapp
{
    border-radius: unset;
    border:unset;
}