* {
  box-sizing: border-box;
}

body {
  width: 1440px;
  display: block;
  margin: 0 auto;
  font-family: "Proxima Nova";
  position: relative;
}

/* body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/makettt.svg");
  width: 1440px;
  height: 6584px;
  opacity: 0.2;
} */

.page {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
/* <!-- секция-1 --> */
.section-1 {
  position: relative;
  height: 813px;
  overflow: hidden;
  display: block;
  background-color: #afdfe4;
  padding: 0;
}

/* изображения на первом экране */

.bashnya {
  background-image: url("../images/basgnua.svg");
  width: 1281px;
  height: 738px;
  background-size: cover;
  margin: 0 auto;
  padding-top: 140px;
}
.metro {
  width: 1019px;
  height: 690px;
  margin: 0 auto;
  background-image: url("../images/metro.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 129px;
}
/* текст */
.metro_M {
  font-size: 67px;
  font-family: "Proxima Nova";
  font-weight: 900;
  margin-left: 16px;
  color: #d52930;
}
.section-1 h1 {
  font-size: 64px;
  font-weight: 600;
  font-family: "Proxima Nova";
}

/* <!-- секция-2 --> */
.section-2 h1 {
  font-size: 64px;
  font-weight: 600;
  margin: 100px 75px 0;
  font-family: "Proxima Nova";
}

.section-2 {
  position: relative;
  height: 826px;
  overflow: hidden;
  display: block;
  background-color: #ffffff;
  padding: 0;
  border-bottom: 13px solid #d52930;
}

.section-2 p {
  font-size: 22px;
  font-weight: 400;
  font-family: "Proxima Nova";
  margin-top: 29px;
  margin-left: 75px;
}
/* поезд на втором экране */
.train {
  width: 1403px;
  height: 680px;
  margin: 0 auto;
  background-image: url("../images/train.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 41px;
  margin-top: -202px;
}

/* <!-- секция-3 --> */
.section-3 {
  position: relative;
  height: 1081px;
  overflow: hidden;
  display: block;
  background-color: #afdfe4;
  padding: 0;
}

.section-3 h1 {
  font-size: 64px;
  font-family: "Proxima Nova";
  font-weight: 600;
  text-align: center;
  margin-top: 100px;
}
/* текст в табличках */

.ligatur_rus {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-left: 385px;
  margin-top: 109px;
}

.dingbats_rus {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-left: 865px;
  margin-top: 109px;
}
.glyphs_rus {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 482px;
  margin-left: 385px;
}

.ligatur_eng {
  position: absolute;
  font-size: 22px;
  font-family: "Proxima Nova";
  font-weight: 300;
  margin-left: 385px;
  margin-top: 154px;
  color: #d52930;
}

.dingbats_eng {
  position: absolute;
  font-size: 22px;
  font-family: "Proxima Nova";
  font-weight: 300;
  color: #d52930;
  margin-left: 969px;
  margin-top: 154px;
}
.glyphs_eng {
  position: absolute;
  font-size: 22px;
  font-family: "Proxima Nova";
  font-weight: 300;
  color: #d52930;
  margin-top: 527px;
  margin-left: 385px;
}
.ligatur_rus2 {
  position: absolute;
  font-size: 22px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 717px;
  margin-left: 363px;
}
.ligatur_eng2 {
  position: absolute;
  font-size: 14px;
  font-family: "Proxima Nova";
  font-weight: 300;
  color: #d52930;
  margin-top: 744px;
  margin-left: 363px;
}
/* символы */

.symbol_1 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 195px;
}

.symbol_2 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 285px;
}
.symbol_3 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 364px;
}

.symbol_4 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 444px;
}

.symbol_5 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 511px;
}
.symbol_6 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 315px;
  margin-left: 194px;
}

.symbol_7 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 315px;
  margin-left: 272px;
}
.symbol_8 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 315px;
  margin-left: 356px;
}
.symbol_9 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 315px;
  margin-left: 440px;
}

.symbol_10 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 886px;
}
.symbol_11 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 948px;
}

.symbol_12 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 1012px;
}
.symbol_13 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 1080px;
}
.symbol_14 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 1147px;
}
.symbol_15 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 231px;
  margin-left: 1207px;
}
.symbol_16 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 315px;
  margin-left: 884px;
}
.symbol_17 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 315px;
  margin-left: 948px;
}
.symbol_18 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 315px;
  margin-left: 1017px;
}
.symbol_19 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 315px;
  margin-left: 1081px;
}
.symbol_20 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 315px;
  margin-left: 1146px;
}
.symbol_21 {
  position: absolute;
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  margin-top: 315px;
  margin-left: 1212px;
}

.symbols {
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  position: absolute;
  margin-top: 489px;
  margin-left: 851px;
}

.symbols1 {
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  position: absolute;
  margin-top: 554px;
  margin-left: 851px;
}
.symbols2 {
  font-size: 42px;
  font-family: "Proxima Nova";
  font-weight: 400;
  position: absolute;
  margin-top: 619px;
  margin-left: 851px;
}

/* таблички */

.tablet-1 {
  background-position: absolute;
  width: 1178px;
  height: 351px;
  background-color: #ffffff;
  margin-top: 62px;
  margin-left: 131px;
  border-radius: 22px;
}

.tablet-2 {
  background-position: absolute;
  width: 1178px;
  height: 351px;
  background-color: #ffffff;
  margin-left: 131px;
  margin-top: 25px;
  border-radius: 22px;
}

.border {
  border: 15px solid #d52930;
}

.border-2 {
  border: 15px solid #d52930;
}

/* указатель ветки метро */

.circle-1 {
  width: 91px;
  height: 91px;
  border-radius: 50%;
  background: #d52930;
  margin-top: -695px;
  margin-left: 271px;
}
.circle-2 {
  width: 91px;
  height: 91px;
  border-radius: 50%;
  background: #d52930;
  margin-left: 271px;
  margin-top: 285px;
}

.circle-3 {
  width: 45.5px;
  height: 45.5px;
  border-radius: 50%;
  background: #d52930;
  margin-left: 294px;
  margin-top: 144px;
}

.circle-4 {
  width: 91px;
  height: 91px;
  border-radius: 50%;
  background: #d52930;
  margin-left: 1077px;
  margin-top: -656px;
}

.number1 {
  position: absolute;
  font-size: 64px;
  font-family: "Proxima Nova";
  font-weight: 700;
  color: #ffffff;
  margin-left: 297px;
}

.number2 {
  font-size: 64px;
  font-family: "Proxima Nova";
  font-weight: 700;
  color: #ffffff;
  margin-left: 1102px;
  margin-top: -76px;
}

.number3 {
  position: absolute;
  font-size: 32px;
  font-family: "Proxima Nova";
  font-weight: 700;
  color: #ffffff;
  margin-left: 307px;
  margin-top: 539px;
}

.number4 {
  font-size: 60px;
  font-family: "Proxima Nova";
  font-weight: 700;
  color: #ffffff;
  margin-top: 313px;
  margin-left: 298px;
}

.hr1 {
  position: absolute;
  border-left: 3px solid #000000;
  height: 234px;
  margin-top: -426px;
  margin-left: 720px;
}

.hr2 {
  width: 1064px;
  border: 1.5px solid #000000;
  margin-top: 139px;
}

/* стелки */

.vector24 {
  position: absolute;
  width: 79px;
  height: 37px;
  background-image: url("../images/Vector\ 24.svg");
  margin-left: 172px;
  margin-top: -570px;
}
.vector26 {
  position: absolute;
  width: 79px;
  height: 37px;
  background-image: url("../images/Vector\ 26.svg");
  margin-left: 1192px;
  margin-top: -570px;
}
.vector27 {
  position: absolute;
  width: 79px;
  height: 37px;
  background-image: url("../images/Vector\ 27.svg");
  margin-left: 172px;
  margin-top: -196px;
}

.vector29 {
  position: absolute;
  width: 37px;
  height: 41px;
  background-image: url("../images/Vector\ 29.svg");
  margin-left: 248px;
  margin-top: 11px;
}

/* <!-- секция-4 --> */

.section-4 {
  width: 1440px;
  height: 851px;
  overflow: hidden;
  display: block;
  background-color: #ffffff;
  padding: 0;
  position: relative;
}

.section-4 h1 {
  font-size: 64px;
  font-family: "Proxima Nova";
  font-weight: 600;
  text-align: center;
  margin-top: 100px;
}

/* карточки */

.cart1 {
  position: absolute;
  width: 241px;
  height: 376px;
  background-color: #afdfe4;
  border-radius: 7px;
  margin-left: 83px;
  margin-top: 218px;
  transform: rotate(17.11deg);
}

.cart2 {
  position: absolute;
  width: 241px;
  height: 376px;
  background-color: #d52930;
  border-radius: 7px;
  margin-left: 445px;
  margin-top: 229px;
  transform: rotate(-7.59deg);
}
.cart3 {
  position: absolute;
  width: 241px;
  height: 376px;
  background-color: #afdfe4;
  border-radius: 7px;
  margin-left: 777px;
  margin-top: 226px;
  transform: rotate(5.9deg);
}

.cart4 {
  position: absolute;
  width: 241px;
  height: 376px;
  background-color: #ffffff;
  border-radius: 7px;
  margin-left: 1119px;
  margin-top: 218px;
  transform: rotate(-12.02deg);
}
.border4 {
  border: 2px solid #d52930;
}

/* имена и прочее*/

.name1 {
  position: absolute;
  font-size: 22px;
  font-weight: 400;
  font-family: "Proxima Nova";
  transform: rotate(17.11deg);
  margin-top: 477px;
  margin-left: 83px;
}

.name2 {
  position: absolute;
  font-size: 22px;
  font-weight: 400;
  font-family: "Proxima Nova";
  transform: rotate(-7.59deg);
  color: #ffffff;
  margin-top: 498px;
  margin-left: 484px;
}

.name3 {
  position: absolute;
  font-size: 22px;
  font-weight: 400;
  font-family: "Proxima Nova";
  transform: rotate(5.9deg);
  margin-left: 823px;
  margin-top: 492px;
}
.name4 {
  position: absolute;
  font-size: 22px;
  font-weight: 400;
  font-family: "Proxima Nova";
  transform: rotate(-12.02deg);
  margin-left: 1168px;
  margin-top: 483px;
}

.intern1 {
  position: absolute;
  font-size: 15px;
  font-weight: 400;
  font-family: "Proxima Nova";
  transform: rotate(17.11deg);
  margin-top: 504px;
  margin-left: 135px;
}
.giraf1 {
  position: absolute;
  width: 162px;
  height: 184px;
  background-image: url("../images/giraf1.svg");
  margin-top: 301px;
  margin-left: 133px;
}

.intern2 {
  position: absolute;
  font-size: 15px;
  font-weight: 400;
  font-family: "Proxima Nova";
  transform: rotate(-7.59deg);
  color: #ffffff;
  margin-top: 529px;
  margin-left: 556px;
}
.giraf2 {
  position: absolute;
  width: 139px;
  height: 167px;
  background-image: url("../images/giraf2.svg");
  margin-top: 320px;
  margin-left: 503px;
}

.intern3 {
  position: absolute;
  font-size: 15px;
  font-weight: 400;
  font-family: "Proxima Nova";
  margin-top: 226px;
  transform: rotate(5.9deg);
  margin-left: 859px;
  margin-top: 522px;
}
.giraf3 {
  position: absolute;
  width: 141px;
  height: 173px;
  background-image: url("../images/giraf3.svg");
  margin-left: 840px;
  margin-top: 316px;
}
.intern4 {
  position: absolute;
  font-size: 15px;
  font-weight: 400;
  font-family: "Proxima Nova";
  margin-top: 218px;
  transform: rotate(-12.02deg);
  margin-left: 1226px;
  margin-top: 514px;
}
.giraf4 {
  position: absolute;
  width: 155px;
  height: 184px;
  background-image: url("../images/giraf4.svg");
  margin-top: 300px;
  margin-left: 1168px;
}

.lang1 {
  position: absolute;
  font-size: 15px;
  font-weight: 600;
  font-family: "Proxima Nova";
  transform: rotate(17.11deg);
  margin-top: 289px;
  margin-left: 186px;
}
.circle1 {
  position: absolute;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: #d52930;
  margin-top: 240px;
  margin-left: 137px;
}
.lang2 {
  position: absolute;
  font-size: 15px;
  font-weight: 600;
  font-family: "Proxima Nova";
  transform: rotate(-7.59deg);
  color: #ffffff;
  margin-top: 285px;
  margin-left: 505px;
}
.lang3 {
  position: absolute;
  font-size: 15px;
  font-weight: 600;
  font-family: "Proxima Nova";
  transform: rotate(5.9deg);
  margin-top: 288px;
  margin-left: 862px;
}
.lang4 {
  position: absolute;
  font-size: 15px;
  font-weight: 600;
  font-family: "Proxima Nova";
  transform: rotate(-12.02deg);
  margin-top: 266px;
  margin-left: 1163px;
}

.crug2 {
  position: absolute;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: #ffffff;
  margin-top: 283px;
  margin-left: 448px;
}
.crug3 {
  position: absolute;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: #d52930;
  margin-top: 260px;
  margin-left: 806px;
}

.crug4 {
  position: absolute;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: #d52930;
  margin-top: 269px;
  margin-left: 1110px;
}

.brelok1 {
  position: absolute;
  width: 101px;
  height: 168px;
  background-image: url("../images/brelok1.svg");
  margin-top: 79px;
  margin-left: 225px;
}

.brelok2 {
  position: absolute;
  width: 109px;
  height: 201px;
  background-image: url("../images/brelok2.svg");
  margin-left: 868px;
  margin-top: 48px;
}

/* м в логотипе */

.M1 {
  position: absolute;
  font-family: "Proxima Nova";
  font-weight: 800;
  font-size: 27px;
  font-weight: 800;
  color: #ffffff;
  transform: rotate(58.26deg);
  margin-left: 148px;
  margin-top: 250px;
}
.M2 {
  position: absolute;
  font-family: "Proxima Nova";
  font-weight: 800;
  font-size: 27px;
  font-weight: 800;
  color: #d52930;
  transform: rotate(32.59deg);
  margin-left: 459.22px;
  margin-top: 293px;
}
.M3 {
  position: absolute;
  font-family: "Proxima Nova";
  font-weight: 800;
  font-size: 27px;
  font-weight: 800;
  color: #ffffff;
  transform: rotate(47.05deg);
  margin-left: 816.22px;
  margin-top: 269.99px;
}
.M4 {
  position: absolute;
  font-family: "Proxima Nova";
  font-weight: 800;
  font-size: 27px;
  font-weight: 800;
  color: #ffffff;
  transform: rotate(39.91deg);
  margin-left: 1121px;
  margin-top: 279px;
}

/* <!-- секция-5 --> */

.section-5 {
  width: 1440px;
  height: 1719px;
  overflow: hidden;
  display: block;
  background-color: #ffffff;
  padding: 0;
  position: relative;
}

.zagolovok1 {
  position: absolute;
  font-size: 64px;
  font-family: "Proxima Nova";
  font-weight: 600;
  margin-top: 20px;
  margin-left: 75px;
}

/* изображения на экране */

.reki {
  width: 1440px;
  height: 784px;
  margin: 0 auto;
  background-image: url("../images/reki.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 129px;
}
.plan-metro {
  width: 1440px;
  height: 632px;
  margin-top: -713px;
  background-image: url("../images/plan-metro.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 129px;
}

.section-5 p {
  font-family: "Proxima Nova";
}
/* станции */
.text1 {
  position: absolute;
  font-weight: 400;
  margin-top: -130px;
  margin-left: 72px;
  font-size: 22px;
}
.text2 {
  position: absolute;
  font-weight: 400;
  margin-top: -130px;
  margin-left: 224px;
  font-size: 22px;
}
.text3 {
  position: absolute;
  font-weight: 400;
  margin-top: -472px;
  margin-left: 23px;
  font-size: 22px;
}
.text4 {
  position: absolute;
  font-weight: 400;
  margin-left: 1177px;
  margin-top: -592px;
  font-size: 22px;
}
.text5 {
  position: absolute;
  font-weight: 400;
  margin-left: 1198px;
  margin-top: -294px;
  font-size: 22px;
}

.BlackIt {
  position: absolute;
  font-weight: 800;
  margin-top: -294px;
  margin-left: 978px;
  font-size: 22px;
}

.Black {
  position: absolute;
  font-weight: 800;
  margin-top: -330px;
  margin-left: 422px;
  font-size: 22px;
}

.ExtraBold {
  position: absolute;
  font-weight: 700;
  margin-top: -472px;
  margin-left: 664px;
  font-size: 22px;
}

.ExtraBoldIt {
  position: absolute;
  font-weight: 700;
  margin-left: 725px;
  margin-top: -358px;
  font-size: 22px;
}

.Bold {
  position: absolute;
  font-weight: 600;
  margin-top: -623px;
  margin-left: 751px;
  font-size: 22px;
}
.BoldIt {
  position: absolute;
  font-weight: 600;
  margin-top: -592px;
  margin-left: 978px;
  font-size: 22px;
}
.Semibold {
  position: absolute;
  font-weight: 500;
  margin-left: 721px;
  margin-top: -103px;
  font-size: 22px;
}
.SemiboldIt {
  position: absolute;
  font-weight: 500;
  margin-left: 712px;
  margin-top: -221px;
  font-size: 22px;
}

.Regular {
  position: absolute;
  font-weight: 400;
  margin-top: -541px;
  margin-left: 482px;
  font-size: 22px;
}
.RegularIt {
  position: absolute;
  font-weight: 400;
  margin-left: 432px;
  margin-top: -130px;
  font-size: 22px;
}
.Light {
  position: absolute;
  font-weight: 300;
  margin-top: -712px;
  margin-left: 751px;
  font-size: 22px;
}
.LightIt {
  position: absolute;
  font-weight: 300;
  margin-left: 905px;
  margin-top: -360px;
  font-size: 22px;
}

.Thin {
  position: absolute;
  font-weight: 200;
  margin-left: 547px;
  margin-top: -676px;
  font-size: 22px;
}
.ThinIt {
  position: absolute;
  font-weight: 200;
  margin-left: 319px;
  margin-top: -472px;
  font-size: 22px;
}

/* изображения на экране */

.stolb {
  width: 1440px;
  height: 941px;
  background-image: url("../images/stolb.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 129px;
}

.metro-down {
  width: 1440px;
  height: 639px;
  background-image: url("../images/metro-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  margin-top: 299px;
}

.poster {
  position: absolute;
  width: 334px;
  height: 501px;
  border-radius: 22px;
  background-color: #d52930;
  margin-left: 556px;
  margin-top: 274px;
}
.zagolovok2 {
  position: absolute;
  font-size: 64px;
  font-family: "Proxima Nova";
  font-weight: 600;
  margin-top: 100px;
  margin-left: 382px;
}

/* текст на постере */

.postext1 {
  position: absolute;
  font-size: 64px;
  font-weight: 600;
  margin-left: 680px;
  margin-top: 358px;
  color: #ffffff;
}
.postext2 {
  position: absolute;
  font-size: 64px;
  font-weight: 600;
  margin-top: 411px;
  margin-left: 670px;
  color: #ffffff;
}
.postext3 {
  position: absolute;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
  margin-left: 610px;
  margin-top: 503px;
  color: #ffffff;
}

/* изображение на постаре */

.relsi {
  width: 341px;
  height: 98px;
  background-image: url("../images/relsi.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 553px;
  margin-top: 617px;
  gap: 9px;
}

/* <!-- секция-6 --> */

.section-6 {
  width: 1440px;
  height: 803px;
  overflow: hidden;
  display: block;
  background-color: #afdfe4;
  padding: 0;
  position: relative;
}
/* изображения на экране */
.grid {
  width: 1440px;
  height: 803px;
  background-image: url("../images/grid.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.avtomats {
  width: 895px;
  height: 698px;
  background-image: url("../images/avtomats.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 105px;
  margin-left: 272px;
}
.section-6 p {
  font-family: "Proxima Nova";
}

/* текст внутри автоматов "проездной" */

.travelcard1 {
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  margin-left: 422px;
  margin-top: 227px;
  color: #ffffff;
}
.travelcard2 {
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  margin-left: 422px;
  margin-top: 256px;
  color: #ffffff;
}
.travelcard3 {
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  margin-left: 422px;
  margin-top: 285px;
  color: #ffffff;
}
.travelcard4 {
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  margin-left: 422px;
  margin-top: 314px;
  color: #ffffff;
}
.travelcard5 {
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  margin-left: 928px;
  margin-top: 227px;
  color: #ffffff;
}
.travelcard6 {
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  margin-left: 928px;
  margin-top: 256px;
  color: #ffffff;
}
.travelcard7 {
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  margin-left: 928px;
  margin-top: 285px;
  color: #ffffff;
}
.travelcard8 {
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  margin-left: 928px;
  margin-top: 314px;
  color: #ffffff;
}

/* иконки */

.round1 {
  position: absolute;
  border-radius: 50%;
  width: 66px;
  height: 66px;
  background-color: #ffffff;
  margin-left: 298px;
  margin-top: 511px;
}
.round2 {
  position: absolute;
  border-radius: 50%;
  width: 66px;
  height: 66px;
  background-color: #ffffff;
  margin-left: 804px;
  margin-top: 511px;
}

.b1 {
  border: 3px solid #d52930;
}
.b2 {
  border: 3px solid #d52930;
}

/* текст на автомате нижний */

.extradition1 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  margin-left: 316px;
  margin-top: 458px;
}
.extradition2 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  margin-left: 822px;
  margin-top: 458px;
}

/* текст "билеты" */

.ticket1 {
  position: absolute;
  font-size: 22px;
  font-weight: 400;
  margin-left: 373px;
  margin-top: 520px;
}
.ticket2 {
  position: absolute;
  font-size: 22px;
  font-weight: 400;
  margin-left: 879px;
  margin-top: 520px;
}

.logotip1 {
  position: absolute;
  font-size: 42px;
  font-weight: 800;
  color: #d52930;
  transform: rotate(39.91deg);
  margin-top: 524px;
  margin-left: 311px;
}

.logotip2 {
  position: absolute;
  font-size: 42px;
  font-weight: 800;
  color: #d52930;
  transform: rotate(39.91deg);
  margin-top: 524px;
  margin-left: 816px;
}
/* <!-- секция-7 --> */
.section-7 {
  width: 1440px;
  height: 516px;
  overflow: hidden;
  display: block;
  background-color: #d52930;
  padding: 0;
  position: relative;
}
.section-7 h1 {
  font-size: 64px;
  font-weight: 600;
  font-family: "Proxima Nova";
  color: #ffffff;
  margin-left: 75px;
  margin-top: 24px;
}
.section-7 p {
  font-size: 22px;
  font-weight: 400;
  font-family: "Proxima Nova";
  color: #ffffff;
  margin-top: 8px;
  margin-left: 75px;
}

/* логотип и картинки */

.hse_logo {
  width: 367px;
  height: 130px;
  background-image: url("../images/hse_logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 332px;
  margin-left: 75px;
}
.pictagrams {
  width: 560px;
  height: 174px;
  background-image: url("../images/pictagrams.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 332px;
  margin-left: 801px;
}