/* latin */

@font-face {
  font-family: "Helvetica-W01-Roman";
  src: url("../media/fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?#iefix");
  src: url("../media/fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?#iefix") format("eot"), url("../media/fonts/4021a3b9-f782-438b-aeb4-c008109a8b64.woff") format("woff"), url("../media/fonts/669f79ed-002c-4ff6-965c-9da453968504.ttf") format("truetype"), url("../media/fonts/d17bc040-9e8b-4397-8356-8153f4a64edf.svg#d17bc040-9e8b-4397-8356-8153f4a64edf") format("svg");
}

@font-face {
  font-family: "Helvetica-W01-Bold";
  src: url("../media/fonts/f70da45a-a05c-490c-ad62-7db4894b012a.eot?#iefix");
  src: url("../media/fonts/f70da45a-a05c-490c-ad62-7db4894b012a.eot?#iefix") format("eot"), url("../media/fonts/c5749443-93da-4592-b794-42f28d62ef72.woff") format("woff"), url("../media/fonts/73805f15-38e4-4fb7-8a08-d56bf29b483b.ttf") format("truetype"), url("../media/fonts/874bbc4a-0091-49f0-93ef-ea4e69c3cc7a.svg#874bbc4a-0091-49f0-93ef-ea4e69c3cc7a") format("svg");
}

@font-face {
  font-family: "DIN-Next-W01-Light";
  src: url("../media/fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
  src: url("../media/fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"), url("../media/fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"), url("../media/fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"), url("../media/fonts/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg");
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../media/fonts/opensans-regular-webfont.eot');
  src: url('../media/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../media/fonts/opensans-regular-webfont.woff') format('woff'), url('../media/fonts/opensans-regular-webfont.ttf') format('truetype'), url('../media/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
}

@font-face {
  font-family: "DIN-Next-W02-Light";
  src: url("../media/fonts/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix");
  src: url("../media/fonts/48e5a0e1-2d56-46e5-8fc4-3d6d5c973cbf.eot?#iefix") format("eot"), url("../media/fonts/07d62b21-8d7a-4c36-be86-d32ab1089972.woff") format("woff"), url("../media/fonts/c0050890-bbed-44b9-94df-2611d72dbb06.ttf") format("truetype"), url("../media/fonts/9f774d17-c03a-418e-a375-34f3beecbc7a.svg#9f774d17-c03a-418e-a375-34f3beecbc7a") format("svg");
}

/* cyrillic */

@font-face {
  font-family: "DIN-Next-W10-Light";
  src: url("../media/fonts/3d009cd7-c8fe-40c0-93da-74f4ea8c530b.eot?#iefix");
  src: url("../media/fonts/3d009cd7-c8fe-40c0-93da-74f4ea8c530b.eot?#iefix") format("eot"), url("../media/fonts/a9e95a29-98a7-404a-90ee-1929ad09c696.woff") format("woff"), url("../media/fonts/0a7663fd-eae8-4e50-a67a-225271f8cceb.ttf") format("truetype"), url("../media/fonts/58ae9be9-5d95-44b6-8b6c-e6da6a46822c.svg#58ae9be9-5d95-44b6-8b6c-e6da6a46822c") format("svg");
}

* {
  box-sizing: border-box;
}

.flex-box {
  display: flex;
  align-items: center;
}

body {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

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

.wrapper {
  max-width: 900px;
  margin: 0 auto;
}

header {
  background: #000;
  position: relative;
  border-bottom: 3px solid #fff;
}

.logo-icon {
  width: 40px;
  height: 40px;
}

header .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 170px;
}

header .menu ul {
  display: flex;
}

.logo a {
  text-decoration: none;
  color: #fff;
}

.logo svg {
  width: 23px;
  height: 23px;
  margin-right: 15px;
}

.logo a {
  display: flex;
  align-items: center;
  font: normal normal normal 34px/1.2em helvetica-w01-roman, helvetica-w02-roman, helvetica-lt-w10-roman, sans-serif;
}

.first-text h1 {
  font: normal normal normal 60px/1.1em helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold, sans-serif;
  color: #fff;
  margin: 0;
}

.first-text p {
  font-family: din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  font-size: 21px;
  color: #fff;
}

.first-text {
  height: 360px;
  display: flex;
  flex-direction: column;
  margin-left: 50px;
}

body.about-page .first-text, body.services-page .first-text {
  height: auto;
  margin-left: 0;
}

body.about-page #start .flex-box, body.services-page #start .flex-box {
  height: auto;
  padding-top: 25px;
  padding-bottom: 25px;
}

.first-text a {
  margin-top: 45px;
}

a.services {
  background-color: rgba(0, 0, 0, 1);
  border: solid rgba(0, 0, 0, 1) 0px;
  padding: 10px 15px;
  color: #ffffff;
  text-decoration: none;
  font: normal normal normal 24px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  display: block;
  flex-shrink: 0;
  text-align: center;
  transition: 1s;
  width: 255px;
}

a.services:hover {
  background: #fff;
  color: #000;
}

.first-text h2 {
  font: normal normal normal 22px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  color: #303030;
  font-size: 42px;
}

header .menu ul a {
  font: normal normal normal 16px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  color: #fff;
  transition: color 0.4s ease 0s;
  text-decoration: none;
}

header .menu li.active a, header .menu li a:hover {
  color: #d52b1e;
}

header .menu ul li+li {
  margin-left: 100px;
}

#start {
  background: #d52b1e;
}

#start .flex-box {
  height: 424px;
}

#start img {
  /* width:100%; */
}

#section0 h2, #section0 h1 {
  font: normal normal normal 22px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  line-height: 0.9em;
  margin: 0;
  font-size: 60px;
}

#section0 {

}

#section0 .wrapper {
  height: 648px;
}

#section0 .flex-box {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
  width: 100%;
}

#section0 h2 {
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
}

#section0 .text {
  /* flex-basis: 36%; */
  text-align: center;
  background: #003059;
  border-radius: 5px;
  padding: 10px;
}

#section0 .image {
 
}

#section0 .image img {
  display: block;
  width: 100%;
}

#section0 .text span {
  font: normal normal normal 22px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  color: #fff;
}

.header-text {
  font: normal normal normal 34px/1.2em helvetica-w01-roman, helvetica-w02-roman, helvetica-lt-w10-roman, sans-serif;
  font-style: normal;
  position: relative;
  /* margin: 0; */
}

.header-text:before {
  content: '';
  position: absolute;
}

#section1 .list .title {
  font: normal normal normal 24px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  position: relative;
  font-weight: normal;
  color: #d52b1e;
  margin-bottom: 10px;
}

#section1 .list .title:before {
  content: '';
  position: absolute;
  width: 37px;
  height: 7px;
  background: #4e5ac3;
  top: -26px;
}

#section1 .list li+li {
  margin-top: 15px;
}

#section1 {
  background: #fff;
  color: #303030;
}

#section1 .flex-box {
  justify-content: space-between;
}

#section1 .flex-box>.text {
  flex-basis: 40%;
}

#section1 .list {
  flex-basis: 50%;
  font: normal normal normal 17px/1.4em raleway, sans-serif;
}

#section1 .list ul {
  padding-left: 25px;
  list-style: inherit;
}

#section1 .list li .text {
  /* margin-top: 15px; */
}

#section1 .flex-box {
  display: flex;
  align-items: center;
  height: 600px;
}

body.about-page #section1 .flex-box, body.services-page #section1 .flex-box {
  height: auto;
  padding-top: 25px;
  padding-bottom: 25px;
}

body.about-page #section1 img {
  width: 100%;
}

#section1 li {
  list-style: none;
  display: flex;
  align-items: center;
}

#section1 .list .image {
  margin-right: 25px;
}

#section1 li .title:before {
  display: none;
}

#section1 li, #section1 p {
  font: normal normal normal 18px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  color: #303030;
}

#section1 li {
  font-size: 16px;
}

#section1 a {
  font-family: din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  color: #303030;
  font-size: 21px;
}

#section4 .flex-box, #section2 .flex-box {
  display: flex;
  align-items: center;
  height: 400px;
}

.service-list ul {
  display: flex;
  justify-content: space-between;
}

#section1 .service-list li {
  display: block;
  flex-basis: 30%;
}

#section1 .service-list li .title img {
  display: block;
  /* margin:0 auto; */
  margin-bottom: 15px;
}

#section1 .service-list li .title {
  font: normal normal normal 24px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  color: #d52b1e;
}

.contact-text p {
  font: normal normal normal 24px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
}

.contact-text a {
  text-decoration: none;
  font-size: 21px;
  color: #000;
  font-weight: normal;
}

#section2 .text {
  font: normal normal normal 17px/1.4em raleway, sans-serif;
  font-size: 27px;
}

#section2 {
  background: #d52b1e;
}

#section2 h3 {
  color: #fff;
}

#section3 .header-text:before {
  background: #ffffff;
}

#section3 .header-text {
  color: #fff;
}

#section3 .list ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#section3 .list .title {
  font: normal normal bold 48px/1.4em raleway, sans-serif;
  color: #fff;
}

#section3 .text {
  font: normal normal bold 16px/1.4em raleway, sans-serif;
  color: #fff;
}

#section3 h1 {
  font-family: times new roman, times, serif;
  font-size: 45px;
  font-weight: normal;
}

#section3 .list {
  width: 100%;
}

#section3 .list ul {
  display: flex;
  justify-content: center;
  width: 100%;
}

#section3 .text-list ul {
  padding-left: 20px;
  list-style: inherit;
}

#section3 .text-list ul>li+li {
  margin-top: 15px;
}

#section3 li, #section3 p {
  font: normal normal normal 16px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  color: #303030;
}

#section3 h2 {
  font: normal normal normal 22px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  color: #303030;
}

#section3 .list ul li {
  margin: 10px;
  transition: 0.5s;
}

#section3 .list ul li img {
  width: 100%;
}

#section3 .list ul li:hover {
  filter: opacity(.5);
}

#section4 .flex-box {
  align-items: center;
}

#section4 .image {
  margin-right: 15px;
}

#section4 p {
  font: normal normal normal 16px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
  color: #303030;
}

#section4 h1 {
  font: normal normal normal 42px/1.4em 'times new roman', times, serif;
  color: #444;
}

#section5 h1 {
  font: normal normal normal 45px/1.4em 'times new roman', times, serif;
  color: #303030;
}

.form-container {
  width: 800px;
  margin: 0 auto;
}

textarea, form input[type='email'], form input[type='text'] {
  border: 0;
  font: normal normal normal 16px/1.4em raleway, sans-serif;
  background-color: rgba(255, 255, 255, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  border-bottom: 1px solid #d52b1e;
  color: #1B1B1E;
  margin: 0 0 5px;
  width: 100%;
  border-radius: 0;
  padding: 5px;
  outline: 0;
}

form input[type='email'] {
  margin-left: 10px;
}

form button[type='submit'] {
  background-color: rgb(0, 0, 0);
  font: normal normal normal 18px/1.4em raleway, sans-serif;
  border: 0;
  color: #fff;
  cursor: pointer;
  padding: 10px 15px;
  /* float: right; */
  margin: 0 auto;
  max-width: 200px;
  display: block;
  /* background: transparent; */
}

.contaxt-text {
  font: normal normal normal 16px/1.4em raleway, sans-serif;
  font-weight: 600;
}

footer .wrapper {
  height: 50px;
  display: flex;
  align-items: center;
  color: #fff;
}

footer .wrapper p {
  font-size: 16px;
  display: block;
  width: 100%;
}

footer .footer-text {
  font: normal normal normal 45px/1.4em 'times new roman', times, serif;
  line-height: 45px;
  margin-right: 25px;
}

footer .footer-contact {
  color: #8F8F8F;
  font: normal normal normal 16px/1em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
}

footer .footer-contact ul>li+li {
  margin-top: 15px;
}

footer {
  background: #000000;
}

#section4 .flex-box {
  height: 800px;
}

#section5 .wrapper>.flex-box {
  height: 600px;
  align-items: center;
  display: flex;
}

#section5 .flex-box {
  display: flex;
}

footer .site-name {
  font: normal normal normal 17px/1.4em raleway, sans-serif;
}

.open-menu {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: none;
}

.open-menu svg {
  width: 22px;
  overflow: visible;
  stroke-width: 2px;
  stroke: #fff;
  height: 17px;
  padding-top: 0.5px;
}

.open-menu .tm1_close {
  display: none;
}

body.open .tm1_close {
  display: block;
}

body.open .open-menu svg {
  stroke: #fff;
}

body.open .tm1_open {
  display: none;
}

@media (max-width:768px) {
  .open-menu {
    display: block;
    position: absolute;
    right: 15px;
    top: 33px;
    outline: none;
    z-index: 1;
  }
  .logo {
    position: relative;
    /* top: 25px; */
    left: 15px;
  }
  .menu {
    position: relative;
    padding-left: 25px;
    padding-top: 25px;
    display: none;
  }
  body.open .menu {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: #000000;
    z-index: 1;
    padding: 0;
    justify-content: center;
    align-items: center;
  }
  body.open .menu li a {
    color: #fff;
  }
  header .wrapper {
    height: auto;
  }
  header .wrapper {
    display: block;
    background: #000000;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
  }
  header .menu ul {
    display: block;
    width: 200px;
    text-align: center;
  }
  header .menu ul li+li {
    margin-left: 0;
    margin-top: 15px;
    border-top: 1px solid #ccc;
    padding-top: 15px;
  }
  header .menu ul li a {
    font-size: 21px;
  }
  .header-text, #section0 h2, #section0 h1 {
    font-size: 33px;
  }
  .header-text:before {
    top: -19px;
  }
  #section0 .wrapper {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #section0 {
    height: auto;
    background-size: 100%;
  }
  header {
    margin-bottom: 0;
  }
  .wrapper {
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
  }
  #start .flex-box .image {
    display: none;
  }
  .first-text, #start .flex-box {
    height: auto;
  }
  .first-text {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #section4 .flex-box, #section3 .flex-box, #section2 .flex-box, #section1 .flex-box {
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    display: block;
  }
  .service-list ul, #section1 li {
    display: block;
  }
  #section1 .list ul li .image {
    display: none;
  }
  #section1 .list ul {
    padding: 0;
    margin: 0;
  }
  .form-box {
    width: 100%;
  }
  #section0 .text {
    flex-basis: 100%;
    background: rgba(0, 48, 89, 0.81);
  }
  #section4 .flex-box {
    display: block;
  }
  #section4 .image img {
    width: 100%;
  }
  #section4 .image {
    margin-right: 0;
  }
  footer .footer-text, #section4 h1, #section4 h2, .first-text h2, .first-text h1, #section3 h1, #section5 h1 {
    font-size: 32px;
    text-align: center;
  }
  .first-text h2 {
    font-size: 26px;
  }
  form input[type='email'] {
    margin-left: 0;
  }
}

@media(max-width:500px) {
  #section3 .list ul {
    /* display:block; */
  }
  #section3 .list ul li {
    display: flex;
    align-items: center;
  }
  #section3 .list ul li img {
    width: 100%;
  }
  #section3 .list ul li .title {
    margin-right: 15px;
  }
  footer .wrapper {
    display: block;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  footer .footer-text {
    margin-bottom: 15px;
  }
}