@font-face {
    font-family: 'Actay';
    src: url('/fonts/Actay-Regular.woff') format('woff'),
         url('/fonts/Actay-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Actay Wide';
    src: url('/fonts/ActayWide-Bold.woff') format('woff'),
         url('/fonts/ActayWide-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Unbounded', sans-serif;
    margin: 0;
    color: white;
    background-color: #0a0d0e;
} 
#mobilemenu{
  display:none;
}
#mobilemenuclose{
  display:none;
}

header {
    background-color: #222;
    padding: 20px;
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
   
}
.actay{
    font-family: 'Actay';
    font-size: 16px;
    font-weight: 400;
    color:#B3BDBE;
}
nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 0 10px;
    cursor: pointer;
}
nav a:hover {
color:#56f1fd;

}
nav img {
    height: 30px;
}

.backgrounddva{
    max-width: 1033px;
    margin-left:auto;
    margin-right: auto;
}
.sectionbanner{
    width:73%;
    margin-left:auto;
    margin-right: auto;
}
.stats {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 83px;
    left: 13%;
    right: 15%;
}
.stats p {
    border: 1px solid #292b2c;
    background-color: #16191ab5;
    backdrop-filter: blur(5px);
    color: #B3BDBE;
    width: max-content;
    padding: 10px 15px 8px; 
    margin-top: 28px; 
}
.backgrounddva{
    background-image: url('/images/backdvanul.svg');
}
    p span{
    color:#56f1fd;
    }
    .firstplach{
   
    }
    .twoplach{
        align-self: flex-end; 
    }
    .threeplach{
    }
    .fourplach{
        align-self: flex-end;
    }
    .sec h2{
      font-family: 'Unbounded';
      font-style: normal;
      font-weight: 700;
      font-size: 48px;
      line-height: 112.5%;
      text-align: center;
      color: #EEFCFD;
      
      }
.textbaner{ display: flex;
    justify-content: center; 
    align-items: center; 

}
.subtitle{
    font-size: 34px;
    line-height: 125%;
   
}
.textsubtitle{
    color:#B3BDBE;
    width:480px;
    max-width:480px;
    font-family:'Actay';
    margin-left:auto;
    margin-right: auto;

}
.textbaner h1 {
    position: static; 
    font-weight: 700;
    font-size: 77px;
    text-align: center;
}
.plachka {
    width: 515px;
    margin-left: auto;
    margin-right: auto;
    padding-left:30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #292b2c;
background-color: #16191a;
color: #B3BDBE;

}
.plachka p{
    max-width: 515px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left:30px;
    padding-right: 30px;
}

.content{
    margin-left:30px;
    margin-right: 30px;
}
.minicontent{
    max-width:690px;
    margin-left:auto;
    margin-right: auto;
}
h1, h2, h3{
    text-align: center;
}
h5{
    font-family:'Actay';
    font-weight: 400;
    font-size: 20px;
    margin-top:15px;
    margin-bottom: 15px;
}

.sectionthree{
    padding-top:60px;
}
.upplashka{
  
width:615px;
padding:45px;
}
.upplashka p{
    font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
padding-top: 30px;
margin:0px;
}

.backgr{
    height: 540px;
    background-image: url('/images/back.png'); 
    background-repeat: no-repeat;
    background-size: cover;
}
.sectionfour{
    padding-bottom: 60px;
}
.sectionfour div h2{
font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 112.5%;
text-align: center;

}

.gr{
    display: grid;
    grid-template-columns: 1fr 1fr; 
}
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 60px; 
    padding: 20px;
   
  }
  hr{
    height: 0.5px;
    color:#292B2C;
  }
  .btnshowall{
    padding-top:45px;
    cursor: pointer;
    color:#ff9000;
    font-family: 'Actay Wide';
 
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 100%;

  }
  .mens{
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
  }
  .right-section h3{
font-family: 'Unbounded';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 125%;
color: #EEFCFD;
text-align: left;
padding: 0px;
    margin: 0px;
  }
  .zagolovok{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 100%;
color: #56F1FD;
  }
.ct{
    height: fit-content;
}
  .ct h4{
    margin-bottom: 0px;
font-family: 'Unbounded';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 125%;
text-align: center;
color: #56F1FD;
  }
  .btntarif svg{
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 45px;
    width:100%;
    cursor: pointer;
  }
  .five h4{
font-family: 'Unbounded';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 125%;
color: #EEFCFD;
  }
  .five p{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #B3BDBE;
margin-top: 0;
    margin-bottom: 0px;
  }
  .subprice{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 150%;
text-align: center;
color: #777E7F;
margin-top:0px;
  }
  .price{
    margin-top: 25px;
    margin-bottom: 0px;
font-family: 'Unbounded';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 125%;
text-align: center;
color: #EEFCFD;

  }
  .subt{
    margin-top:5px;
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
color: #B3BDBE;

  }
  .lishki{
    margin-left:45px;
    margin-right:45px;
  }
 .lish{
    display:flex;
    margin-top:0px;
 
    margin-bottom: 5px;
 }
 .lishtext{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #B3BDBE;

 }
  .lish a{
    padding-left: 10px;
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;

color: #B3BDBE;

  }

  .readmores.hidden {
    display: none;
  }
  .readmore.hidden {
    display: none;
  }
  .right-section h5{

font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 125%;

color: #B3BDBE;

  }
  .right-section h4{
text-align: left;
font-family: 'Unbounded';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 125%;
color: #EEFCFD;
padding: 0px;
    margin: 0px;
  }
  .left-section {
   position: relative;
    padding: 20px;
  }
  .nopp{
    position: sticky;
    top: 50px;
  }
  .nopp p{
    margin-top:0px;
    margin-bottom: 0px;
  }
  .nopp h5{
    margin-bottom: 0px !important;
  }
  .showcomment{
    font-family: 'Actay Wide' !important;
    color: #ff9000 !important;
    font-size: 16px !important;
    cursor: pointer;
   
  }
  .nopp h2{
margin-bottom: 5px;
font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 112.5%;
color: #EEFCFD;

  }
  .right-section {
    padding: 20px;
  }
  #textBlocks{
    height: 1200px;
    overflow: hidden;
  }
  .plachkas{
    border: 1px solid #292b2c;
    background-color: #16191a;
    color: #B3BDBE;
  }
  .contents{
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
  }
  .five{
    max-width: 525px;
  }
  .sectionfive div div img{
    width:525px;
  }


.plachkas h2{
    color:#EEFCFD;

}
.plachkas p{
    color:#B3BDBE;

}
.plachkas h5{
    
    color:#56f1fd;

}
.plachkas{
    padding-left:45px;
    padding-right: 45px;
}
.sectionsix{
    background-image: url('/images/bigsix.svg');
    background-repeat: no-repeat;
}
.conteiner{
    width:1230px;
    margin-left: auto;
    padding-bottom: 68px;
   
}
.plashkac{
    border: 1px solid #292b2c;
    background-color: #16191a;
    color: #B3BDBE;
    margin-top:4px;
}
.rrrr{
    height:182px;
}
.gride{
    width:990px;
    display:grid;
    grid-template-columns: 1fr 1fr; 
    gap: 2px;
    padding: 0px;
}
.lt{
    margin-right: 2px;
}
.plashkacs{
    border: 1px solid #292b2c;
    background-color: #16191a;
    color: #B3BDBE;
    width:988px;
}
.plashkacs h2{
  text-align: left !important;
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 112.5%;
  color: #EEFCFD;
  margin:0px;
}
.plpad p{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 125%;
color: #B3BDBE;
margin:0px;
}
.plpad{
  padding:45px;
}
.plpads{
  padding:45px;
}
.plpads  h5{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 125%;

color: #EEFCFD;

}
.plpads p{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #B3BDBE;
}
.plashkacq{
    border: 1px solid #292b2c;
    background-color: #16191a;
    color: #B3BDBE;
    margin-top:4px;
    
}
.gride .plashkac{
width:491px;
border: 1px solid #292b2c;
background-color: #16191a;
color: #B3BDBE;
}

.plashkac h4{
    
}
.sectionseven h2{
    padding-top:60px;
}
.gr{
    display:grid;
}
.gridthree{
    grid-template-columns: 1fr 1fr 1fr; 
    gap: 10px;
    grid-template-rows: repeat(auto-fill, auto);
}
.gridfour{
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    gap: 10px;
    padding-bottom: 30px;
}
.plash{
  border: 1px solid #292b2c;
    background-color: #16191a;
    color: #B3BDBE;
    padding:30px;
}
 #commentBlocks123 {
    white-space: normal;
}
.comname{
font-family: 'Unbounded';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 125%;
color: #EEFCFD;
margin-top:0px;
margin-bottom: 5px;
}
.comprof{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 125%;
color: #EEFCFD;
margin-top:0px;
margin-bottom: 5px;
}
.datetime{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #777E7F;
margin-top:0px;
margin-bottom: 5px;
}
.coments{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #B3BDBE;
margin-bottom: 5px;
margin-top:0px;
}
 #commentBlocks321 {
    white-space: normal;
   
}
#commentBlocks1{
  white-space: normal;
}
#commentBlocks2{
  white-space: normal;
}
#commentBlocks3{
  white-space: normal;
}
#commentBlocks4{
  white-space: normal;
}
.rt h4{
font-family: 'Unbounded';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 125%;
color: #EEFCFD;
}
.plashkacq.rt {
  display: flex;
  align-items: center; /* Вирівнювання по вертикалі */
  justify-content: center; /* Вирівнювання по горизонталі (якщо потрібно) */
  /* Додаткові стилі, якщо потрібно */
}
.readmore{
    font-family: 'Actay Wide' !important;
    color:#ff9000 !important;
    font-size: 16px !important;
    cursor: pointer;
    margin-top:15px !important;
    margin-bottom: 15px !important;
  }
  .readmores{
    font-family: 'Actay Wide' !important;
    color:#ff9000 !important;
    font-size: 16px !important;
    cursor: pointer;
    margin-top:15px !important;
    margin-bottom: 15px !important;
  }
  .plus{
    width:40px;
    height:40px;
    background-image: url('/images/plus.svg');
    background-size: contain; 
  transition: transform 0.3s ease;
  }
  .plus:hover {
    transform: rotate(90deg); 
  }
  .minus{
    width:40px;
    height:40px;
    background-image: url('/images/minus.svg');
  }
  .leftsize {
    padding-top:60px;
  }
  .leftsize h1{
font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
font-size: 72px;
line-height: 100%;
color: #EEFCFD;
text-align: left;
  }
  .leftsize h5{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 125%;
color: #B3BDBE;
  }
  .rightsize div {
    border: 1px solid #292b2c;
    background-color: #16191a;
    color: #B3BDBE;
    margin-bottom: 10px;
    display: grid; /* Используем Grid Layout */
    grid-template-columns: 1fr auto; /* Два столбца: один для h5, другой для p.plus */
    grid-template-rows: auto 1fr; /* Два ряда: один для h5 и p.plus, другой для questtext */
    align-items: center; /* Выравнивание элементов по вертикали */
  }
  a{
    text-decoration: none;
  }
  .rightsize div h5 {
    grid-column: 1 / 2; /* h5 в первом столбце */
    grid-row: 1 / 2; /* h5 в первом ряду */
    text-align: left;
    margin-left: 30px;
    font-family: 'Actay';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    color: #B3BDBE;
  }
  
  .rightsize div p.plus {
    grid-column: 2 / 3; /* p.plus во втором столбце */
    grid-row: 1 / 2; /* p.plus в первом ряду */
    margin-right: 30px;
    cursor: pointer;
  }
  
  .rightsize {
    padding-top: 60px;
  }
  
  .sleep {
    display: none;
  }
  
  .questtext {
    grid-column: 1 / 3; 
    grid-row: 2 / 3; 
    font-family: 'Actay';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #B3BDBE;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 15px;
  }

  #form {

padding: 45px 60px;
gap: 30px;

background: #16191A;
border: 1px solid #292B2C;
backdrop-filter: blur(15px);

}

.form-group {
    margin-bottom: 20px;
}


input[type="text"],
input[type="tel"] {
    width: calc(100% - 22px);
    padding: 10px;
    border: 1px solid #303030;
    border-radius: 4px;
    background-color: #282828;
    color: #E0E0E0;
}

.phone-input {
    display: flex;
    align-items: center;
}

.country-code {display: flex;

    background-color: #282828;
    color: #E0E0E0;
    padding: 8px;
    border-right: none;
}

input[type="tel"] {
    border-radius: 0 4px 4px 0;
    border-left: none;
    flex-grow: 1;
}

.submit-button {
    background-color: #7fffd400;
    border: none;
}
.contacts{
  
position:absolute;
width:100%;
gap: 20px;
margin-top: 69px;
background: rgba(22, 25, 26, 0.5);

}
.contactss{
  margin-top: 69px;
  z-index: 8;
}
.contactss p{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #777E7F;
margin:0px;
}
.contactss h4{
  margin-top:0px;
  margin-bottom: 20px;
}
.contactss h4 a{
font-family: 'Unbounded';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 125%;
color: #EEFCFD;

}
.politics{

font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 100%;
text-align: center;

color: #B3BDBE;
padding-left:15px;
}
.downmenu{
  width:100%;
}
.gridfooter{
  display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px; 
    padding: 20px;
}
.footerend{
  padding-top:15px;
}
.plachkaqq{
  border: 1px solid #292b2c;
    background-color: #16191a;
    color: #B3BDBE;
    padding-top: 15px;
    padding-bottom: 10px;
}
.menufooter a{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #B3BDBE;
}
.country-code svg{
  padding-top:3px;
}
.imgcom img{
  width:100%;
}
.five h4{
  margin:30px;
}
.five p{
  margin:30px;
}
.politics:hover{
color:#56f1fd;
}
.submit-button{
  cursor: pointer;
}
.textbut{
font-family: 'Actay Wide';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #EEFCFD;

}
.yebut {
  position: relative; /* Робимо контейнер відносним */
  margin-left: auto;
  text-align: center;
  margin-right: auto;
  align-items: center;
  width: 142px;
  align-items: center; /* Центруємо по вертикалі */
  justify-content: center; /* Центруємо по горизонталі */
  cursor: pointer;
}

.textbut {
  position: absolute; /* Робимо текст абсолютно позиціонованим */
  top: 50%; /* Розміщуємо верхній край тексту на 50% від верху контейнера */
  left: 50%; /* Розміщуємо лівий край тексту на 50% від лівого краю контейнера */
  transform: translate(-50%, -50%); /* Центруємо текст точно по центру */
  color: white; /* Колір тексту (можна змінити) */
  z-index: 1; /* Забезпечуємо, що текст знаходиться поверх SVG */
  margin: 0; /* Видаляємо стандартні відступи параграфа */
  pointer-events: none; /* Дозволяє клікати по SVG через текст */
}

.yebut svg {
  display: block; /* Забезпечуємо, що SVG займає всю доступну площу */
}
@media screen and (max-width: 1919px) {
  .contents{
    max-width: 1180px;
  }
  .plashkacs{
    width: 992px;
  }
  .gride{
    width: 1000px;
  }
  .rrrr{
    height: 448px;
  }
  .grid-container{
    gap: 30px;
  }
 
  .conteiner{
width:1000px;
margin-left:auto;
margin-right: auto;
  }
  .textbaner h1{

font-weight: 700;
font-size: 96px;
line-height: 100%;
  }
}
.com{
  
  height: 96px;
  overflow: hidden;

}
@media screen and (max-width: 1619px) and (min-width: 1239px) {
  .stats {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 83px;
    left: 7%;
    right: 7%;
}

.stats p {
  border: 1px solid #292b2c;
  background-color: #16191ab5;
  backdrop-filter: blur(5px);
  color: #B3BDBE;
  width: max-content;
  padding: 10px 15px 8px;
  margin-top: 38px;
}
}
  @media screen and (max-width: 1239px) {
 .mens{
  width: 760px;
 }
 body > div.sec.sectionsix > div.conteiner > div:nth-child(4) > div.plashkac.rt{
  width: 100%;
 }
 .five{
  text-align:center;
 }

.five h4 {
  text-align: left;
}
.five p {
  text-align: left;
}
.conteiner{
width:760px;
}
.plashkacs{
  width:760px;
}
.gride .plashkac{
width:378px;
}
.gride{
  width:760px;
}
body > div.sec.sectionsix > div.conteiner > div:nth-child(4){
  display:block;
}
body > div.sec.sectionsix > div.conteiner > div:nth-child(4) > div.plashkac.lt{
  width:100%;
}

.lishki {
  margin-left: 30px;
  margin-right: 30px;
}
.contents{
width:760px;
}
.gridfour{
  grid-template-columns: 1fr 1fr;
}
    .sectionfive div div img {
      width: 365px;
  }
  .grid-container{
    gap:30px;
  }
    .textbaner h1 {
        font-weight: 600;
        font-size: 68px;
    }
    .textsubtitle{
        text-align:center;
    }
    .stats{
width:760px;

    }
    .subtitle{
font-family: 'Unbounded';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 125%;
text-align: center;
color: #EEFCFD;

    }
    .grid-container {
      gap: 10px;
  }
  .left-section{
    padding:0px;
  }
  .plachkas {
    padding-left:9px;
    padding-right: 9px;
    padding-bottom: 45px;
  }
  .five{
    width:365px;
  }
  body > div.sec.sectioneight > div > div:nth-child(2){
    display:none;
  }
  body > div.sec.sectioneight > div > div:nth-child(4) > div:nth-child(3){
    display:none;
  }
  body > div.sec.sectioneight > div > div:nth-child(4) > div:nth-child(4){
    display:none;
  }
    }
#modalmenu{
  position: absolute;
  top:45px;
  width: 100%;
 z-index:999;
  border: 1px solid #292b2c; 
  background-color: #16191a; 
  color: #B3BDBE;
}
#modalmenu p{    
  padding-left: 10%;
}
#modalmenu p a{    
  text-decoration: none;
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #B3BDBE;
}
    @media screen and (max-width: 819px) {
      .mens{
        width:330px;
      }
      .backgrounddva{
        max-width: 330px;
      }
      #mobilemenu{
        display:block;
      }
      .stats {
      width:330px;
      padding-top:5px;
      }
      .contents{
        width:330px;
        }
        .plachka{
          width:300px;
        }
        .conteiner {
          width:300px;
        }
        .plashkacs{
          width:300px;
        }
        .gride .plashkac{
          width:300px;
        }
        .textbaner h1{
font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
font-size: 42px;
line-height: 100%;


        }
        header{
          padding:0px;
max-width: 100%;
        }
        .five{
          width:330px;
          margin-left: auto;
        margin-right: auto;
        }
        .sectionfive div div img {
          width: 330px;
      }
        .gridthree{
          display:block;
          width:330px;

        }
        .gride{
          display:block;
          width:300px;
        }
        .textsubtitle{
          width:100%;
          max-width:100%;
        }
        .plachka{
          padding-left:15px;
          padding-right: 15px;
        }
        .grid-container{
          display:block;
          padding:0px;
        }
        .sectionfour div h2{
font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 112.5%;

        }
        .plachkas p{
font-family: 'Actay';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 125%;
color: #B3BDBE;
        }
        
    body > div.hero > header > nav > a:nth-child(2){
      display:none;
    }
    body > div.hero > header > nav > a:nth-child(3){
      display:none;
    }
    body > div.hero > header > nav > a:nth-child(4){
      display:none;
    }

    body > div.sec.sectioneight > div > div:nth-child(4) > div:nth-child(2){
      display:none;
    }
    body > div.sec.sectioneight > div > div:nth-child(1) > div:nth-child(3){
      display:none;
    }
    body > div.sec.sectioneight > div > div:nth-child(1) > div:nth-child(4){
      display:none;
    }
    .gridfour {
      grid-template-columns: 1fr;
  }
  .leftsize h1 {
font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 112.5%;
color: #EEFCFD;

  }
  .textbaner h1{
    margin-top:180px;
font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
font-size: 42px;
line-height: 100%;

  }
  .contents{
    max-width:330px;
  }
  .gridfooter{
    display:block;
    width:330px;
  }
  .contacts{
    display:none;
  }
  body > div.footerend > div > div.downmenu.plachkaqq > nav > a:nth-child(2){
    display:none;
  }
  body > div.footerend > div > div.downmenu.plachkaqq > nav > a:nth-child(3){
    display:none;
  }
  body > div.footerend > div > div.downmenu.plachkaqq > nav > a:nth-child(4){
    display:none;
  }
  .rt h4{
    font-size: 22px;
  }
  .stats p{
font-style: normal;
font-weight: 400;
font-size: 8px;
line-height: 125%;
margin-top: 10px;
  }
 
  .stats{
    left: 9%;
    right: 15%;
  }
    }


    @media screen and (max-width: 430px)  {
    .textbaner h1{
      margin-top:85px;
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 100%;
  margin-bottom: 51px;
    }
    body > div.hero > div.content > div > p.threeplach{
      margin-top: 162px;
    }
    .stats p{
      font-style: normal;
      font-weight: 400;
      font-size: 8px;
      line-height: 125%;
      margin-top: 7px;
        }
      }