@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    background-color: #1C1C1C; 
    color: #fff;
  flex-direction: column;/*направление главной оси*/
  justify-content: flex-end;/*элементы в конце контейнера*/
  min-height: 100vh;
  }
li{
    list-style-type: none;
}
.container {
    box-sizing: border-box;
  
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
  }

  a {
    color: #000000;
    
    
  }

  p{
    color: #ffffff;
    font-size: 20px;
  }
h1, h2, h3, h4, h5, h6{
    color: #ffffff;
}
  .btn {
    display: flex;
    align-items: center;
    justify-content: center;
  
    width: 165px;
    height: 50px;
  
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
  
    background: #f62c2c;
    border-radius: 5px;
    text-decoration: none;
    transition: opacity 0.3s;
  }

  .header {
    padding: 25px 0;  
    background-color: #150d35;
    position: relative;
    z-index: 10;
  }
  
  .header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .header__list {
    display: flex;
    gap: 30px;
  }
  
  .header__nav a {
    color: #ffffff; 
    font-size: 20px;
    opacity: 0.7;
    transition: opacity 0.3s;
    text-decoration: none;
  }
  
  .header__nav a.active {
    opacity: 1;
  }
  
  .header__nav a:hover {
    opacity: 0.9;
  }

  .base a{
    color: #ffffff;
  }

  .por p{
    font-size: 30px;
    text-align: center;
  }

.glav{
  text-align: center;
  font-size: 30px;
}

.pglav{
  font-weight: 100 ;
}







/*подвал*/
footer{
  position: relative;/*относительное позиционирование*/
  width: 100%;/*на всю ширину*/
  background: #292929;/*цвет футера*/
  display: flex;
  justify-content: center;/*в центре по горизонтали*/
  align-items: center;/*в центре по вертикали*/
  flex-direction: column;
  margin-top: 100px;/*отступ сверху*/
}

.social,
.menu{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  flex-wrap: wrap;/*разрешен перенос на новую строку*/
}


.social li a {
  font-size: 2em;/*размер иконок*/
  color: #fff;/*цвет иконок*/
  margin: 0 10px;
  display: inline-block;/*отображать как строчно-блочный элемент*/
  transition: 0.5s;/*плавный переход*/
}
.menu li a {
  font-size: 1.2em;/*размер ссылок меню*/
  color: #fff;/*цвет ссылок меню*/
  opacity: 0.75;/*значение прозрачности*/
  margin: 0 15px;
  text-decoration: none;/*ссылка без подчеркивания*/
  display: inline-block;
}
.menu li a:hover {
  opacity: 1;
}
footer p {
  color: #fff;
  text-align: center;
  margin-top: 15px;
  font-size: 1.1em;
}




.mod{
  display: flex;
}

.mod h1{
  margin-left: 25px;
  font-size: 30px;
}

.kr1{
  margin-left: -280px;
  margin-top: 250px;
  font-size: 20px;
}

.kr11{
  margin-left: -270px;
  margin-top: 250px;
  font-size: 20px;
}

.kr2{
  margin-left: -265px;
  margin-top: 250px;
  font-size: 20px;
}

.kr3{
  margin-left: -180px;
  margin-top: 250px;
  font-size: 20px;
}

.obv {
  background-color: #f62c2c ;
  
  
}

.mod a {
  text-decoration: none;
}

.pgr{
  display: flex;
}

.t1{
  margin-left: 5px;
}

.t2{
  margin-left: -545px;
  margin-top: 70px;
  color: #f62c2c;
}

.t22{
  margin-left: -410px;
  margin-top: 70px;
  color: #f62c2c;
}

.t222{
  margin-left: -708px;
  margin-top: 70px;
  color: #f62c2c;
}

.t222222{
  margin-left: -220px;
  margin-top: 350px;
  color: #f62c2c;
}

.tcity{
  margin-left: -210px;
  margin-top: 350px;
  color: #f62c2c;
}

.ttcity{
  margin-left: -350px;
  margin-top: 150px;
  color: #f62c2c;
}

.dow1{
  margin-left: -1075px;
  margin-top: 150px;
}

.dow11{
  margin-left: -600px;
  margin-top: 100px;
}

.dow111{
  margin-left: -280px;
  margin-top: 100px;
}

.dow1111{
  margin-left: -180px;
  margin-top: 100px;
}

.dowcity{
  margin-left: -170px;
  margin-top: 100px;
}

.sc a{
  color: white;
  font-size: 20px;
}

.ggg{
  margin-left: -350px;
  margin-top: 200px;
}

.ttt{
  margin-left: -115px;
  margin-top: 240px;
}

.gggg{
  margin-left: -350px;
  margin-top: 150px;
}

.tttt{
  margin-left: -115px;
  margin-top: 200px;
}

.ttttt{
  margin-left: -350px;
  margin-top: 170px;
}

.gg{
  margin-left: -350px;
  margin-top: 145px;
}

.tt{
  margin-left: -115px;
  margin-top: 200px;
}

.wer{
  font-size: 30px;
  text-align: center;
}

.mega2 a{
  text-decoration: none;
  color: white;
}

.dom{
display: flex;

}

.dom p{
font-size: 25px;
}

.screen h1{
  text-align: center;
  font-size: 30px;
}

.centr{
  text-align: center;
}

.centr p{
  text-align: left;
}

.centr h1{
text-align: left;
}