html {
  overflow-x: hidden;
  scroll-behavior: smooth;
  margin-right: calc(-1 * (100vw - 100%));
}

html.noscroll {
  overflow: hidden;
}

body {
  font-family: 'Montserrat', sans-serif;
  background: #fff;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 14px;
  min-width: 320px;
  font-weight: 300;
  position: relative;
  line-height: 1.6;
  overflow-x: hidden;
  min-height: 100vh;
  margin: 0;
}

body.noscroll {
  overflow: hidden;
}

body * {
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body *::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

body *::-webkit-scrollbar-track {
  background: rgba(76, 88, 102, 0.1);
  border-radius: 2px;
  width: 2px;
  height: 2px;
}

body *::-webkit-scrollbar-thumb {
  background: rgba(76, 88, 102, 0.3);
  border-radius: 2px;
}

*:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input {
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 200%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

input ::-webkit-input-placeholder {
  color: #2E363D;
  opacity: 0.5;
}

input ::-moz-placeholder {
  /* Firefox 19+ */
  color: #2E363D;
  opacity: 0.5;
}

input :-ms-input-placeholder {
  /* IE 10+ */
  color: #2E363D;
  opacity: 0.5;
}

input :-moz-placeholder {
  /* Firefox 18- */
  color: #2E363D;
  opacity: 0.5;
}

svg, path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

section {
  overflow: hidden;
}

button {
  padding: 0;
  background-color: #fff;
  border: none;
}

iframe {
  width: 100%;
  height: 100%;
}

ul, li, ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

a {
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0;
}

img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100%;
  vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

.container {
  margin: 0 auto;
  position: relative;
  padding: 0 10px;
  width: 1220px;
}

@media (max-width: 1240px) {
  .container {
    width: 992px;
  }
}

@media (max-width: 992px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }
}

.btn {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  line-height: 28px;
  font-weight: 400;
  border-width: 1px;
  border-radius: 7px;
  text-align: center;
  border-color: transparent;
  border-style: solid;
  background: #FFA800;
  padding: 12px 15px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer;
  max-width: 246px;
  color: #FFFFFF;
}

.btn:hover {
  background: #ffc700;
  background-image: none;
  color: #ffffff;
}


.progress-container {
  width: 100% !important;
  height: 2px !important;
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 2px;
  z-index: 9999999;
}

.progress-bar {
  height: 2px;
  background: #FFA800;
  width: 0%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

/* HEADER */
.header {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear;
  z-index: 2000;
  padding: 9.5px 30px;
  position: absolute;
  width: 100%;
}

@media (max-width: 768px) {
  .header {
    background-color: #132121;
    padding: 20px;
  }
}

.header__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__burger {
  display: none;
  width: 28px;
  height: 20px;
  left: 10px;
  top: 20px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 999;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.header__burger span {
  display: block;
  position: absolute;
  width: 100%;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  height: 1px;
  background-color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.header__burger span:nth-child(1) {
  top: 0;
}

.header__burger span:nth-child(2) {
  top: 8px;
  opacity: 1;
}

.header__burger span:nth-child(3) {
  top: 8px;
}

.header__burger span:nth-child(4) {
  top: 16px;
}

.header__burger:hover span {
  background-color: #1b9e8c;
}

@media (max-width: 1350px) {
  .header__burger {
    display: block;
  }
}

.header__logo {
  width: 110px;
  position: relative;
  z-index: 120;
}

@media (max-width: 475px) {
  .header__logo {
    width: 65px;
  }
}

.header__logo img {
  width: 100%;
  height: inherit;
}

.header__lengs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__phones {
  opacity: 0;
  display: flex;
}

@media(max-width: 1450px){
  .header__phones {
    flex-wrap: wrap;
    max-width: 170px;
    text-align: right;
  }
}

.header__phones-item {
  margin-right: 20px;
}
@media(max-width: 1450px){
  .header__phones-item {
    width: 100%;
    margin-right: 0;
  }
}

.header__phones-item:last-child{
  margin-right: 0;
}

.header__phones-item a {
  font-size: 20px;
  font-weight: 700;
  font-family: 'Inter';
  color: #FFA800;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  line-height: 24px;
}

.header__phones-item a:hover {
  opacity: .8;
}

@media(max-width: 1600px) {
  .header__phones-item a {
    font-size: 16px;
  }
}

@media(max-width: 1350px){
  .header__phones-item a {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
  }
}

.header__lengs-item a {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  font-size: 16px;
  word-break: keep-all;
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
}

.header .burger-menu {
  position: fixed;
  left: -100vw;
  width: 100%;
  height: 100%;
  padding: 20px;
  top: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-color: #132121;
  z-index: 9999;
}

@media (max-width: 768px) {
  .header .burger-menu {
    min-height: 500px;
  }
}

.header .burger-menu.active {
  left: 0;
}

.header .burger-menu__phones {
  margin-bottom: 30px;
}

.header .burger-menu__phones-item a {
  font-size: 17px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #FFA800;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  line-height: 24px;
  transition: .3s;
}

.header .burger-menu__phones-item a:hover {
  opacity: .8;
}

.header .burger-menu__close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 35px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  height: 35px;
  cursor: pointer;
}

.header .burger-menu__close:hover {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.header .burger-menu__close svg {
  width: 100%;
  height: inherit;
}

.header .burger-menu__close svg path {
  fill: #fff;
}

.header .burger-menu__close:hover path {
  fill: #36d2bb;
}

.header .burger-menu__nav ul li {
  margin-bottom: 20px;
}

.header .burger-menu__nav ul li a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.header .burger-menu__nav ul li a:hover {
  color: #36d2bb;
}

@media (max-width: 1350px) {
  .header__nav {
    display: none;
  }
}

.header__nav ul {
  display: flex;
}

.header__nav ul li{
  margin-right: 42px;
}
@media (max-width: 1600px) {
  .header__nav ul li{
    margin-right: 30px;
  }
}

.header__nav ul li:last-child{
  margin-right: 0;
}

.header__nav ul li a{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #FFFFFF;
  transition: .3s;
}

.header__nav ul li a:hover {
  color: #FFA800;
}

@media (max-width: 1350px) {
  .header__btn {
    display: none;
  }
}


/* HERO-SCREEN */
.hero-screen {
  height: 100vh;
  min-height: 700px;
  position: relative;
  background-size: cover;
  background-position: center;
}

@media (max-width: 768px) {
  .hero-screen {
    height: inherit;
    min-height: 650px;
    background-position: revert;
  }
}

@media (max-width: 480px) {
  .hero-screen {
    background-position: right -420px center;
  }
}

.hero-screen:before {
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0.25;
  background-color: #000000bd;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
}



.hero-screen__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hero-screen__box {
  position: absolute;
  height: 100vh;
  width: 68%;
  left: 0;
  top: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px;
}

@media (max-width: 768px) {
  .hero-screen__box {
    width: 100%;
    height: 100%;
    min-height: 650px;
  }
}

.hero-screen__bg {
  position: absolute;
  height: 100vh;
  width: 100%;
  opacity: 0.8;
  background-color: #081616;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
}

@media (max-width: 768px) {
  .hero-screen__bg {
    height: inherit;
  }
}

.hero-screen__wrap {
  width: 700px;
  z-index: 999;
}

.hero-screen__sign {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  margin-bottom: 20px;
  left: -50px;
}

@media (max-width: 475px) {
  .hero-screen__sign {
    opacity: .7;
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.hero-screen__sign:before {
  content: '';
  width: 126px;
  left: 0;
  bottom: 1px;
  height: 2px;
  background-color: #ffa800;
  display: block;
  margin-right: 24px;
}

@media (max-width: 767px) {
  .hero-screen__sign:before {
    width: 50px;
    margin-right: 12px;
  }
}

.hero-screen__title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 96px;
  line-height: 110px;
  color: #FFFFFF;
  left: -50px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .hero-screen__title {
    font-size: 38px;
    line-height: 48px;
    max-width: 360px;
  }
}

.hero-screen__description {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 26px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  margin-bottom: 20px;
  max-width: 580px;
  margin-top: -100px;
  opacity: 0;
}

@media (max-width: 475px) {
  .hero-screen__description {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 28px;
    opacity: .7;
    max-width: 280px;
  }
}

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

@media (max-width: 475px) {
  .hero-screen__btn-box {
    flex-wrap: wrap;
  }
}

.hero-screen__btn {
  font-weight: initial;
}

@media (max-width: 475px) {
  .hero-screen__btn {
    background: transparent;
    border: 2px solid #FFA800;
    margin-right: 20px;
  }
}

.hero-screen__btn--border {
  margin-left: 20px;
  background: transparent;
  border: 1px solid #FFA800;
}

.hero-screen__btn--border:hover {
  background: #FFA800;
}

@media (max-width: 475px) {
  .hero-screen__btn--border {
    display: none;
  }
}

.hero-screen__btn--min {
  display: none;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #FFFFFF;
}

@media (max-width: 475px) {
  .hero-screen__btn--min {
    width: 100%;
    display: block;
    margin-top: 20px;
    position: relative;
    max-width: 180px;
    border: none;
  }
  .hero-screen__btn--min:before {
    content: '';
    width: 85%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #fff;
  }
  .hero-screen__btn--min:hover .hero-screen__btn--min:before{
    opacity: 0;
  }
}

.hero-screen__go {
  width: 35px;
  height: 35px;
  border: 2px solid #F2F2F2;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -17px;
  transition: .3s;
  z-index: 999;
  cursor: pointer;
}

.hero-screen__go:hover {
  border: 2px solid #FFA800;
}

.pulse {
  position: fixed;
  text-align: center;
  padding: 20px;
  border-radius: 50%;
  background: transparent;
  width: 80px;
  height: 80px;
  right: 40px;
  bottom: 50px;
  z-index: 99999;
  cursor: pointer;
}

.pulse svg {
  width: 100%;
  height: 100%;
}

.pulse>svg>path{
  transition: .3s;
}

.pulse:hover >svg>path{
  fill: #ffc700;
}

@media (max-width: 475px) {
  .pulse {
    width: 40px;
    height: 40px;
    right: 30px;
    bottom: 50px;
    padding: 5px;
  }
}

.pulse::before {
  content: '';
  position: absolute;
  border: 2px solid #3D64FF;
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 2.5s linear infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

.pulse::after,
.pulse::before {
  content: '';
  position: absolute;
  border: 2px solid #ffa800;
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 2.5s linear infinite;
}

.pulse::after {
  animation-delay: 1.25s;
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

/* ABOUT */
.about {
  padding: 150px 0;
  padding-top: 60px;
}

@media (max-width: 768px) {
  .about {
    padding: 100px 0;
    padding-top: 20px;
  }
}

@media (max-width: 475px) {
  .about {
    padding: 50px 0;
  }
}

.about__sign {
  color: #363636;
  font-size: 18px;
 font-family: 'Montserrat', sans-serif;
  line-height: 1.25;
  font-weight: 300;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin-bottom: 30px;
  margin-left: -100px;
}

.about__title {
  color: #000000;
  font-size: 60px;
 font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 500;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin-left: -100px;
  margin-bottom: 20px;
}

.about__title span {
  position: relative;
}

.about__title span:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #36d2bb;
}

@media (max-width: 768px) {
  .about__title {
    font-size: 31px;
  }
}

@media (max-width: 475px) {
  .about__title {
    font-size: 26px;
    line-height: 26px;
  }
}

/*ABOUT-US*/
.about-us {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .about-us {
    padding: 100px 0;
    padding-bottom: 30px;
  }
}
@media (max-width: 475px) {
  .about-us {
    padding: 50px 0;
    padding-top: 40px;
  }
}

.about-us__flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
  align-items: flex-start;
}

@media (max-width: 992px) {
  .about-us__flex {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .about-us__flex {
    margin-bottom: 25px;
  }
}

.about-us__sign {
  color: #363636;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 22px;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin-bottom: 20px;
  margin-left: -100px;
}

.about-us__img {
  width: 450px;
  flex-shrink: 0;
  margin-right: 60px;
  position: relative;
}

@media (max-width: 992px) {
  .about-us__img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.about-us__img img {
  width: 100%;
}

.about-us__img:before {
  content: '';
  display: block;
  width: 200px;
  height: 200px;
  border: 7px solid #081616;
  position: absolute;
  left: -40px;
  top: -40px;
  z-index: -1;
}

@media (max-width: 992px) {
  .about-us__img:before {
    display: none;
  }
}

.about-us__img:after {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  border: 7px solid #FFA800;
  position: absolute;
  right: -25px;
  bottom: -25px;
}

@media (max-width: 992px) {
  .about-us__img:after {
    display: none;
  }
}

.about-us__box {
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .about-us__box {
    margin-bottom: 74px;
    position: relative;
  }
  .about-us__box:before {
    content: '';
    width: 230px;
    background: #FFA800;
    height: 7px;
    position: absolute;
    left: -20px;
    bottom: -35px;
  }
  .about-us__box:after {
    content: '';
    width: 219px;
    background: #10181A;
    height: 7px;
    position: absolute;
    left: -40px;
    bottom: -45px;
  }
  .about-us__box:last-child:before{
    display: none;
  }
  .about-us__box:last-child:after{
    display: none;
  }
}

@media (max-width: 992px) {
  .about-us__boxes {
    width: 100%;
  }
}

.about-us__box:last-child {
  margin-bottom: 0;
  text-align: right;
}

@media (max-width: 767px) {
  .about-us__box {
    max-width: 100%
  }
}

.about-us__title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 44px;
  line-height: 60px;
  display: flex;
  align-items: center;
  color: #000000;
  margin-left: -100px;
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .about-us__title {
    font-size: 31px;
    margin-bottom: 30px;
  }
}

@media (max-width: 475px) {
  .about-us__title {
    line-height: 26px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #000000;
  }
}

.about-us__text {
  text-indent: 1em;
  margin-bottom: 5px;
  height: 145px;
  overflow: hidden;
}

@media(max-width: 767px) {
  .about-us__text {
    height: 260px;
  }
}

.about-us__text p{
 font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  color: #4C5866;
}

.about-us__text.active {
  height: inherit;
  overflow: inherit;
}

.about-us__btn {
  display: block;
  font-weight: initial;
  width: 245px;
  margin: auto;
}

.about-us__btn-box {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #FFA800;
  transition: .3s;
  cursor: pointer;
}

.about-us__btn-box:hover {
  color: #000;
}

.about-us__btn-box.hide {
  display: none;
}

.about-us__title-box {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 34px;
  color: #252A37;
}

.about-us__sign-box {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #4C5866;
  margin-bottom: 8px;
}

.about-us .container:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 234px;
  background: #10181A;
  top: -60px;
  right: 10px;
}
@media(max-width: 992px) {
  .about-us .container:before {
    display: none;
  }
}

.about-us .container:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 273px;
  background: #FFA800;
  top: -60px;
  right: 0;
}
@media(max-width: 992px) {
  .about-us .container:after {
    display: none;
  }
}

/* COMPETENTION */
.competention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.competention:before {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f0f0f0;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
}

@media (max-width: 768px) {
  .competention:before {
    display: none;
  }
}

.competention:after {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #081616;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
}

@media (max-width: 768px) {
  .competention:after {
    width: 100%;
  }
}

.competention__sign {
  font-size: 20px;
  font-weight: initial;
}

.competention__left {
  width: 50%;
  padding: 30px;
  position: relative;
  padding-left: 0;
}

@media (max-width: 768px) {
  .competention__left {
    display: none;
  }
}

.competention__right {
  width: 50%;
  padding: 30px;
  position: relative;
  z-index: 999;
}

@media (max-width: 768px) {
  .competention__right {
    width: 100%;
  }
}

.competention__title {
  color: #FFA800;
  font-size: 150px;
  font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 700;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin-left: -100px;

}

@media (max-width: 768px) {
  .competention__title {
    display: none;
  }
}

.competention__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.competention__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  margin: 50px 0;
  opacity: 0;
}

@media (max-width: 1240px) {
  .competention__item {
    width: 100%;
    margin: 20px 0;
  }
}

.competention__icon {
  width: 60px;
  height: 60px;
  display: flex;
  margin-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.competention__text {
  max-width: 160px;
  color: #ffffff;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.3;
  font-weight: 300;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
}

.competention__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.competention__title-decor {
  position: absolute;
  top: -50px;
  right: -14vw;
  color: #132121;
  font-size: 150px;
  font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 700;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  z-index: -1;
  margin-right: -100px;
}

@media (max-width: 768px) {
  .competention__title-decor {
    top: 0px;
    right: 0px;
  }
}

@media (max-width: 475px) {
  .competention__title-decor {
    top: 25%;
    font-size: 72px;
    line-height: 72px;
  }
}

/* ADVANTAGES */
.advantages {
  padding: 100px 0;
}

@media (max-width: 475px) {
  .advantages {
    padding: 60px 0;
  }
}

.advantages__title {
  color: #FFA800;
  font-size: 24px;
   font-family: 'Montserrat', sans-serif;
  line-height: 1.55;
  font-weight: initial;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin-bottom: 20px;
}

@media (max-width: 475px) {
  .advantages__title {
    font-size: 22px;
  }

}

.advantages__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 100px;
  margin-top: -100px;
  opacity: 0;
}

@media (max-width: 768px) {
  .advantages__flex {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 50px;
  }
}

@media (max-width: 475px) {
  .advantages__flex {
    margin-bottom: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.advantages__item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 50px 0;
  padding-right: 20px;
}

@media (max-width: 768px) {
  .advantages__item {
    width: 49%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 10px;
    margin: 25px 0;
  }
}

.advantages__count {
  color: #000000;
  font-size: 100px;
 font-family: 'Montserrat', sans-serif;
  line-height: 95px;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  border-right: 2px solid #FFA800;
  padding-right: 20px;
}

@media (max-width: 992px) {
  .advantages__count {
    font-size: 72px;
    line-height: 72px;
  }
}

@media (max-width: 768px) {
  .advantages__count {
    border-right: none;
    border-bottom: 2px solid #FFA800;
    padding-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }
}

.advantages__text {
  color: #000000;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.3;
  font-weight: 300;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  padding-left: 20px;
}

@media (max-width: 992px) {
  .advantages__text {
    font-size: 18px;
    line-height: 18px;
  }
}

@media (max-width: 768px) {
  .advantages__text {
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    padding-left: 0;
  }
}

.advantages__form-title {
  max-width: 820px;
  font-size: 45px;
  line-height: 1.23;
  margin-bottom: 24px;
  font-weight: 600;
}

@media (max-width: 992px) {
  .advantages__form-title {
    font-size: 44px;
    line-height: 44px;
  }
}

@media (max-width: 768px) {
  .advantages__form-title {
    font-size: 30px;
    line-height: 1.23;
  }
}

.advantages__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .advantages__form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.advantages__form-input {
  width: 440px;
  padding: 8px 20px;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-right: 20px;
}

.advantages__form-input.error {
  border: 1px solid red;
}

@media (max-width: 768px) {
  .advantages__form-input {
    width: 250px;
  }
}

@media (max-width: 475px) {
  .advantages__form-input {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.advantages__btn {
  font-weight: initial;
}

@media (max-width: 475px) {
  .advantages__btn {
    width: 100%;
    max-width: 100%;
  }
}

/* SERVICES */
.services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: linear-gradient(103.68deg, #28373D 20.27%, #1E1E1E 86.35%);
  padding: 100px 0;
}

.services__list {
  margin-bottom: 40px;
  height: 470px;
  overflow: hidden;
}

.services__list.active {
  height: auto;
}

.services__list li{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 28px;
  display: flex;
  align-items: center;
}

.services__list li:before{
  content: '';
  width: 35px;
  height: 70px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iNzMiIHZpZXdCb3g9IjAgMCAyNiA3MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQuNjc4MzciIGhlaWdodD0iNDEuNzM5NSIgcng9IjIuMzM5MTkiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTM2NTkgMC4zNTA0MjYgMC40ODMzNDYgLTAuODc1NDMgMC40NzQxMjEgMzcuNTg4NikiIGZpbGw9IiMxRDc4ODciLz4KPHJlY3Qgd2lkdGg9IjQuMDM4NDgiIGhlaWdodD0iNDAuOTQyNyIgcng9IjIuMDE5MjQiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzkwMjkyIC0wLjYxMjczMSAwLjUxNTc1NCAwLjg1NjczNiAwLjcyNjA3NCAzNi42NTA5KSIgZmlsbD0iIzFENzg4NyIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 15px;
  flex-shrink: 0;
}

.services__list li:last-child {
  margin-bottom: 0;
}

@media(max-width: 992px) {
  .services {
    padding: 45px 0;
  }
}

@media(max-width: 992px) {
  .services:before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkwIiBoZWlnaHQ9IjExMTAiIHZpZXdCb3g9IjAgMCAzOTAgMTExMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4xIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIxXzY3MikiPgo8cGF0aCBkPSJNMTQ2LjU3MiA1MjcuOTJMNTYuNTM4NSA0NTkuNTY4QzU1LjMxNzcgNDU4LjY0MSA1NC42ODQ2IDQ1Ny4xMzUgNTQuODc3NSA0NTUuNjE1TDY4Ljc0NDkgMzQ1LjkyN0wtMTkuMjc2NiAyNzkuMTAyQy0yMC40OTU4IDI3OC4xNzcgLTIxLjEzMDUgMjc2LjY2OSAtMjAuOTM3NyAyNzUuMTQ5TC02Ljc1OTIxIDE2My4wMDVDLTYuNTY2MzcgMTYxLjQ4NiAtNS41Nzg1OSAxNjAuMTg1IC00LjE2NjU5IDE1OS41OUwxMDAuMDQxIDExNS43OTVDMTAxLjQ1MyAxMTUuMjAxIDEwMy4wNzYgMTE1LjQwOCAxMDQuMjk1IDExNi4zMzNMMTkyLjMxNyAxODMuMTU4TDI5NC4yNDMgMTQwLjMyMkMyOTUuNjU1IDEzOS43MjggMjk3LjI3OCAxMzkuOTM1IDI5OC40OTcgMTQwLjg2TDM4OC41MyAyMDkuMjEyQzM4OS43NTEgMjEwLjEzOSAzOTAuMzg0IDIxMS42NDUgMzkwLjE5MSAyMTMuMTY1TDM3Ni4wMTIgMzI1LjMwOUMzNzUuODE4IDMyNi44MjcgMzc0LjgzIDMyOC4xMjggMzczLjQyIDMyOC43MjRMMjcxLjQ5MyAzNzEuNTU5TDI1Ny42MjYgNDgxLjI0OEMyNTcuNDMxIDQ4Mi43NjYgMjU2LjQ0NCA0ODQuMDY3IDI1NS4wMzMgNDg0LjY2M0wxNTAuODI1IDUyOC40NTdDMTQ5LjQxNSA1MjkuMDUgMTQ3Ljc5MiA1MjguODQ3IDE0Ni41NzIgNTI3LjkyWk02My42OTQyIDQ1NC4yMzRMMTQ5Ljc4NSA1MTkuNTkzTDI0OS40MjggNDc3LjcxNUwyNjIuOTg2IDM3MC40ODRMMTc2LjkzNSAzMDUuMTU1TDc3LjI0NjggMzQ3LjA1Mkw2My42OTQyIDQ1NC4yMzRaTS0xMi4xMTkzIDI3My43NjlMNzMuOTMwMSAzMzkuMDk3TDE3My41NzMgMjk3LjIyTDE4Ny4xMzEgMTg5Ljk4OEwxMDEuMDgyIDEyNC42NkwxLjQzODggMTY2LjUzOEwtMTIuMTE5MyAyNzMuNzY5Wk0xODIuMTIgMjk4LjMyNUwyNjguMTcxIDM2My42NTRMMzY3LjgxNCAzMjEuNzc2TDM4MS4zNzIgMjE0LjU0NUwyOTUuMjgyIDE0OS4xODZMMTk1LjY4NSAxOTEuMDQ1TDE4Mi4xMiAyOTguMzI1WiIgZmlsbD0iI0ZGQTgwMCIvPgo8L2c+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV8yMV82NzIpIj4KPHBhdGggZD0iTTQxNS4wOTIgNzM0LjMzNUwzMjUuMDU5IDY2NS45ODNDMzIzLjgzOCA2NjUuMDU2IDMyMy4yMDUgNjYzLjU1IDMyMy4zOTggNjYyLjAzTDMzNy4yNjUgNTUyLjM0MkwyNDkuMjQ0IDQ4NS41MTdDMjQ4LjAyNSA0ODQuNTkxIDI0Ny4zOSA0ODMuMDg0IDI0Ny41ODMgNDgxLjU2NEwyNjEuNzYxIDM2OS40MkMyNjEuOTU0IDM2Ny45IDI2Mi45NDIgMzY2LjU5OSAyNjQuMzU0IDM2Ni4wMDVMMzY4LjU2MiAzMjIuMjFDMzY5Ljk3NCAzMjEuNjE2IDM3MS41OTcgMzIxLjgyMiAzNzIuODE2IDMyMi43NDhMNDYwLjgzNyAzODkuNTczTDU2Mi43NjQgMzQ2LjczN0M1NjQuMTc2IDM0Ni4xNDMgNTY1Ljc5OCAzNDYuMzQ5IDU2Ny4wMTcgMzQ3LjI3NUw2NTcuMDUgNDE1LjYyN0M2NTguMjcxIDQxNi41NTMgNjU4LjkwNCA0MTguMDYgNjU4LjcxMSA0MTkuNTc5TDY0NC41MzMgNTMxLjcyM0M2NDQuMzM4IDUzMy4yNDIgNjQzLjM1MSA1MzQuNTQzIDY0MS45NCA1MzUuMTM4TDU0MC4wMTQgNTc3Ljk3NEw1MjYuMTQ2IDY4Ny42NjJDNTI1Ljk1MiA2ODkuMTgxIDUyNC45NjQgNjkwLjQ4MiA1MjMuNTU0IDY5MS4wNzdMNDE5LjM0NiA3MzQuODcyQzQxNy45MzUgNzM1LjQ2NSA0MTYuMzEzIDczNS4yNjEgNDE1LjA5MiA3MzQuMzM1Wk0zMzIuMjE1IDY2MC42NDlMNDE4LjMwNSA3MjYuMDA3TDUxNy45NDggNjg0LjEzTDUzMS41MDYgNTc2Ljg5OEw0NDUuNDU1IDUxMS41N0wzNDUuNzY3IDU1My40NjdMMzMyLjIxNSA2NjAuNjQ5Wk0yNTYuNDAxIDQ4MC4xODRMMzQyLjQ1MSA1NDUuNTEyTDQ0Mi4wOTQgNTAzLjYzNEw0NTUuNjUyIDM5Ni40MDNMMzY5LjYwMyAzMzEuMDc1TDI2OS45NTkgMzcyLjk1MkwyNTYuNDAxIDQ4MC4xODRaTTQ1MC42NDEgNTA0Ljc0TDUzNi42OTIgNTcwLjA2OEw2MzYuMzM1IDUyOC4xOTFMNjQ5Ljg5MyA0MjAuOTU5TDU2My44MDMgMzU1LjYwMUw0NjQuMjA2IDM5Ny40NTlMNDUwLjY0MSA1MDQuNzRaIiBmaWxsPSIjRkZBODAwIi8+CjwvZz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAyXzIxXzY3MikiPgo8cGF0aCBkPSJNMTAyLjg4MiA4NjYuMTkyTDEyLjg0OTEgNzk3Ljg0QzExLjYyODIgNzk2LjkxMyAxMC45OTUyIDc5NS40MDcgMTEuMTg4IDc5My44ODdMMjUuMDU1NCA2ODQuMTk5TC02Mi45NjYxIDYxNy4zNzRDLTY0LjE4NTIgNjE2LjQ0OSAtNjQuODIgNjE0Ljk0MSAtNjQuNjI3MiA2MTMuNDIxTC01MC40NDg3IDUwMS4yNzdDLTUwLjI1NTggNDk5Ljc1OCAtNDkuMjY4IDQ5OC40NTcgLTQ3Ljg1NiA0OTcuODYyTDU2LjM1MiA0NTQuMDY4QzU3Ljc2NCA0NTMuNDczIDU5LjM4NjUgNDUzLjY4IDYwLjYwNTcgNDU0LjYwNUwxNDguNjI3IDUyMS40M0wyNTAuNTU0IDQ3OC41OTVDMjUxLjk2NiA0NzggMjUzLjU4OCA0NzguMjA3IDI1NC44MDcgNDc5LjEzMkwzNDQuODQgNTQ3LjQ4NEMzNDYuMDYxIDU0OC40MTEgMzQ2LjY5NCA1NDkuOTE3IDM0Ni41MDEgNTUxLjQzN0wzMzIuMzIzIDY2My41ODFDMzMyLjEyOCA2NjUuMDk5IDMzMS4xNDEgNjY2LjQgMzI5LjczIDY2Ni45OTZMMjI3LjgwNCA3MDkuODMxTDIxMy45MzYgODE5LjUyQzIxMy43NDIgODIxLjAzOCAyMTIuNzU0IDgyMi4zMzkgMjExLjM0NCA4MjIuOTM1TDEwNy4xMzYgODY2LjczQzEwNS43MjUgODY3LjMyMiAxMDQuMTAzIDg2Ny4xMTkgMTAyLjg4MiA4NjYuMTkyWk0yMC4wMDQ4IDc5Mi41MDZMMTA2LjA5NSA4NTcuODY1TDIwNS43MzggODE1Ljk4N0wyMTkuMjk2IDcwOC43NTZMMTMzLjI0NSA2NDMuNDI3TDMzLjU1NzQgNjg1LjMyNEwyMC4wMDQ4IDc5Mi41MDZaTS01NS44MDg3IDYxMi4wNDFMMzAuMjQwNyA2NzcuMzY5TDEyOS44ODQgNjM1LjQ5MkwxNDMuNDQyIDUyOC4yNkw1Ny4zOTI2IDQ2Mi45MzJMLTQyLjI1MDcgNTA0LjgxTC01NS44MDg3IDYxMi4wNDFaTTEzOC40MzEgNjM2LjU5N0wyMjQuNDgyIDcwMS45MjZMMzI0LjEyNSA2NjAuMDQ4TDMzNy42ODMgNTUyLjgxN0wyNTEuNTkzIDQ4Ny40NThMMTUxLjk5NiA1MjkuMzE3TDEzOC40MzEgNjM2LjU5N1oiIGZpbGw9IiNGRkE4MDAiLz4KPC9nPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDNfMjFfNjcyKSI+CjxwYXRoIGQ9Ik0zNzQuMjU2IDEwNzAuMTlMMjg0LjIyMyAxMDAxLjgzQzI4My4wMDIgMTAwMC45MSAyODIuMzY5IDk5OS40MDEgMjgyLjU2MiA5OTcuODgxTDI5Ni40MjkgODg4LjE5M0wyMDguNDA4IDgyMS4zNjhDMjA3LjE4OSA4MjAuNDQyIDIwNi41NTQgODE4LjkzNSAyMDYuNzQ3IDgxNy40MTVMMjIwLjkyNSA3MDUuMjcxQzIyMS4xMTggNzAzLjc1MiAyMjIuMTA2IDcwMi40NSAyMjMuNTE4IDcwMS44NTZMMzI3LjcyNiA2NTguMDYxQzMyOS4xMzggNjU3LjQ2NyAzMzAuNzYxIDY1Ny42NzMgMzMxLjk4IDY1OC41OTlMNDIwLjAwMSA3MjUuNDI0TDUyMS45MjggNjgyLjU4OEM1MjMuMzQgNjgxLjk5NCA1MjQuOTYyIDY4Mi4yIDUyNi4xODEgNjgzLjEyNkw2MTYuMjE0IDc1MS40NzhDNjE3LjQzNSA3NTIuNDA1IDYxOC4wNjggNzUzLjkxMSA2MTcuODc2IDc1NS40M0w2MDMuNjk3IDg2Ny41NzRDNjAzLjUwMiA4NjkuMDkzIDYwMi41MTUgODcwLjM5NCA2MDEuMTA0IDg3MC45ODlMNDk5LjE3OCA5MTMuODI1TDQ4NS4zMSAxMDIzLjUxQzQ4NS4xMTYgMTAyNS4wMyA0ODQuMTI4IDEwMjYuMzMgNDgyLjcxOCAxMDI2LjkzTDM3OC41MSAxMDcwLjcyQzM3Ny4wOTkgMTA3MS4zMiAzNzUuNDc3IDEwNzEuMTEgMzc0LjI1NiAxMDcwLjE5Wk0yOTEuMzc5IDk5Ni41TDM3Ny40NjkgMTA2MS44Nkw0NzcuMTEyIDEwMTkuOThMNDkwLjY3MSA5MTIuNzQ5TDQwNC42MTkgODQ3LjQyMUwzMDQuOTMxIDg4OS4zMThMMjkxLjM3OSA5OTYuNVpNMjE1LjU2NSA4MTYuMDM1TDMwMS42MTUgODgxLjM2M0w0MDEuMjU4IDgzOS40ODVMNDE0LjgxNiA3MzIuMjU0TDMyOC43NjcgNjY2LjkyNkwyMjkuMTIzIDcwOC44MDNMMjE1LjU2NSA4MTYuMDM1Wk00MDkuODA1IDg0MC41OTFMNDk1Ljg1NiA5MDUuOTE5TDU5NS40OTkgODY0LjA0Mkw2MDkuMDU3IDc1Ni44MUw1MjIuOTY3IDY5MS40NTJMNDIzLjM3IDczMy4zMUw0MDkuODA1IDg0MC41OTFaIiBmaWxsPSIjRkZBODAwIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMV82NzIiPgo8cmVjdCB3aWR0aD0iNDA0LjE1NyIgaGVpZ2h0PSI0MDQuMTU3IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2LjI3MSkgcm90YXRlKDM3LjIwNTIpIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfMjFfNjcyIj4KPHJlY3Qgd2lkdGg9IjQwNC4xNTciIGhlaWdodD0iNDA0LjE1NyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4My4xMTQgMjA0LjYxNCkgcm90YXRlKDM3LjIwNTIpIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDJfMjFfNjcyIj4KPHJlY3Qgd2lkdGg9IjQwNC4xNTciIGhlaWdodD0iNDA0LjE1NyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcyLjU4MTEgMzM4LjI3Mikgcm90YXRlKDM3LjIwNTIpIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDNfMjFfNjcyIj4KPHJlY3Qgd2lkdGg9IjQwNC4xNTciIGhlaWdodD0iNDA0LjE1NyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0My45NTUgNTQyLjI2Nikgcm90YXRlKDM3LjIwNTIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
  }
}

.services__btn {
  display: none;
}

@media(max-width: 992px) {
  .services__btn {
    display: block;
    margin: auto;
    background: transparent;
    border: 2px solid #FFA800;
  }
}

.services__sign {
  font-size: 20px;
  font-weight: initial;
}

.services__left {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 96px;
  line-height: 110px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  transform: rotate(-90deg);
  position: absolute;
  left: -195px;
  top: 160px;
}
@media(max-width: 992px) {
  .services__left {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    transform: revert;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 44px;
    color: #FFFFFF;
    margin-bottom: 75px;
  }
}

.services__left:before {
  content: '';
  width: 15px;
  height: 714px;
  background: #FFA800;
  position: absolute;
  transform: rotate(90deg);
  right: 255px;
  top: -210px;
}
@media(max-width: 992px) {
  .services__left:before {
    width: 7px;
    left: -140px;
    top: -290px;
  }
}

.services__left:after {
  content: '';
  width: 15px;
  background: #10181A;
  height: 547px;
  position: absolute;
  transform: rotate(90deg);
  right: 195px;
  top: -155px;
}
@media(max-width: 992px) {
  .services__left:after {
    width: 7px;
    right: 0;
    top: -220px;
    left: -90px;
  }
}


.services__right {
  width: 85%;
  position: relative;
  z-index: 999;
}

@media(max-width: 992px) {
  .services__right {
    width: 100%;
  }
}

.services__right svg {
  width: 100%;
}

@media(max-width: 992px) {
  .services__right>svg {
    display: none;
  }
}

@media (max-width: 768px) {
  .services__right {
    width: 100%;
  }
}

.services__list {
  display: none;
}
@media (max-width: 992px) {
  .services__list {
    display: block;
  }
}

.services__title {
  color: #36d2bb;
  font-size: 150px;
 font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 700;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin-left: -100px;

}

@media (max-width: 768px) {
  .services__title {
    display: none;
  }
}


.services__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  font-size: 20px;
 font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  margin: 50px 0;
  opacity: 0;
}

@media (max-width: 1240px) {
  .services__item {
    width: 100%;
    margin: 20px 0;
  }
}

.services__icon {
  width: 40px;
  height: 40px;
  display: block;
  margin-right: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.services__text {
  max-width: 160px;
  color: #ffffff;
  font-size: 20px;
 font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 300;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
}

.services__flex {
  display: flex;
  justify-content: flex-end;
}

@media(max-width: 992px) {
  .services__flex {
    flex-wrap: wrap;
  }
}

.services__title-decor {
  position: absolute;
  top: -50px;
  right: -14vw;
  color: #132121;
  font-size: 150px;
 font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 700;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  z-index: -1;
  margin-right: -100px;
}

@media (max-width: 768px) {
  .services__title-decor {
    top: 0px;
    right: 0px;
  }
}

@media (max-width: 475px) {
  .services__title-decor {
    top: 25%;
    font-size: 72px;
    line-height: 72px;
  }
}


/*FAQ*/
.faq {
  padding: 100px 0;
}

@media (max-width: 475px) {
  .faq {
    padding: 80px 0;
  }
}

.faq__wrap {
  margin-bottom: 20px;
}

.faq__item {
  border-top: 1px solid #eee;
  padding-top: 20px;
  padding: 20px 0;
  cursor: pointer;
}

.faq__item:last-child {
  border-bottom: 1px solid #eee;
}

.faq__item:hover .faq__icon {
  background-color: #FFA800;
}

.faq__item:hover .faq__icon svg path {
  stroke: white;
}

.faq__item.active .faq__icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #FFA800;
}

.faq__item.active .faq__icon svg path {
  stroke: white;
}

.faq__item.active .faq__text {
  height: inherit;
  padding-bottom: 20px;
  visibility: visible;
  opacity: 1;
  z-index: 2;
}

.faq__item.active .faq__title-block {
  margin-bottom: 20px;
}

.faq__title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.faq__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.35;
 font-family: 'Montserrat', sans-serif;
}

@media (max-width: 992px) {
  .faq__title {
    font-size: 22px;
  }
}

@media (max-width: 475px) {
  .faq__title {
    font-size: 20px;
  }
}

.faq__icon {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
}

.faq__icon svg {
  width: 20px;
  height: 20px;
}

.faq__icon svg path {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.faq__text {
  color: #363636;
  font-size: 18px;
 font-family: 'Montserrat', sans-serif;
  height: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -10;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  text-indent: 1em;
  text-align: justify;
}

@media (max-width: 475px) {
  .faq__text {
    font-size: 15px;
  }
}

/*CONTACTS*/
.contacts {
  background-color: #0d2424;
  padding: 100px 0;
  position: relative;
}

@media (max-width: 475px) {
  .contacts {
    padding: 80px 0;
  }
}

.social {
  position: absolute;
  right: 10px;
  bottom: 150%;
  z-index: 9999999;
  padding: 5px;
  display: none;
}
@media (max-width: 475px) {
  .social {
    right: -10px;
  }
}
.social.active {
  display: block;
}
.social__item {
  margin-bottom: 10px;
  transition: .3s;
  background: #FFA800;
  border-radius: 8px;
  padding: 10px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social__item svg{
  width: 100%;
  height: inherit;
}

.social__item:hover {
  background: #ffc700;
}

.social__item svg path {
  fill: #fff;
}

.contacts__title {
  color: #ffffff;
  font-size: 150px;
 font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 700;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  line-height: 150px;
  margin-bottom: 50px;
  z-index: 2;
  position: relative;
  margin-left: -200px;
  opacity: 0;
}

@media (max-width: 768px) {
  .contacts__title {
    line-height: 112px;
    font-size: 72px;
  }
}

@media (max-width: 475px) {
  .contacts__title {
    font-size: 56px;
    line-height: 87px;
    font-weight: 400;
    margin-bottom: 20px;
  }
}

.contacts__title-decor {
  position: absolute;
  right: -670px;
  top: -60px;
  color: #172929;
  font-size: 300px;
 font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 700;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  line-height: 300px;
  z-index: 1;
}

@media (max-width: 768px) {
  .contacts__title-decor {
    line-height: 233px;
    font-size: 150px;
    right: -120px;
  }
}

@media (max-width: 475px) {
  .contacts__title-decor {
    font-size: 100px;
    line-height: 155px;
    top: -50px;
    right: -201px;
  }
}

.contacts__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .contacts__flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .contacts__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}

.contacts__sign {
  max-width: 300px;
  color: #ffffff;
  font-size: 20px;
 font-family: 'Montserrat', sans-serif;
  line-height: 1.2;
  font-weight: 300;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin-right: 350px;
  margin-left: -200px;
  opacity: 0;
  flex-shrink: 0;
}

.contacts__sign>span {
  display: block;
  margin-bottom: 20px;
}

@media (max-width: 992px) {
  .contacts__sign {
    margin-right: 70px;
  }
}

@media (max-width: 768px) {
  .contacts__sign {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
    font-size: 18px;
  }
}

@media (max-width: 475px) {
  .contacts__sign {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0;
  }
}

.contacts__address {
  color: #ffffff;
  font-size: 22px;
 font-family: 'Montserrat', sans-serif;
  line-height: 1.2;
  font-weight: 300;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .contacts__address {
    width: 50%;
    font-size: 18px;
  }
}

@media (max-width: 475px) {
  .contacts__address {
    font-size: 16px;
    line-height: 19px;
    width: 100%;
  }
  .contacts__address br {
    display: none;
  }
}

.contacts__phones {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .contacts__phones {
    margin-bottom: 0;
  }
}

@media (max-width: 475px) {
  .contacts__phones {
    width: 100%;
    margin-bottom: 40px;
  }
}

.contacts__phones-item {
  margin-bottom: 20px;
}

.contacts__phones-item a {
  color: #FFA800;
  font-size: 22px;
 font-family: 'Montserrat', sans-serif;
  line-height: 22px;
  font-weight: inherit;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.contacts__phones-item a:hover {
  opacity: .8;
}

.contacts__phones-item span {
  display: block;
  color: #FFA800;
}

@media (max-width: 768px) {
  .contacts__phones-item {
    font-size: 18px;
  }
}

@media (max-width: 475px) {
  .contacts__phones-item {
    font-size: 16px;
  }
}

@media (max-width: 475px) {
  .contacts__form {
    width: 100%;
  }
}

.contacts__form-input {
  color: #fff;
  border: 1px solid white;
  background-color: transparent;
  border-radius: 7px;
  font-size: 18px;
  font-weight: 300;
  padding: 10px;
  width: 398px;
  height: 50px;
  margin-bottom: 20px;
}

.contacts__form-input.error {
  border: 1px solid red;
}

@media (max-width: 475px) {
  .contacts__form-input {
    width: 100%;
  }
}

.contacts__btn {
  max-width: inherit;
  width: 398px;
}
@media (max-width: 475px) {
  .contacts__btn {
    width: 100%;
  }
}

/*LOCATION*/
.location {
  width: 100%;
  height: 450px;
  position: relative;
}

.location:before {
  content: '';
  position: absolute;
  width: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(#0e2324));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), #0e2324);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #0e2324);
  height: 200px;
  left: 0;
  top: 0;
  z-index: 100;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.location:hover:before {
  opacity: 0;
}

@media (max-width: 475px) {
  .location {
    height: 300px;
  }
}

/*FOOTER*/
.footer {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #081616;
}

@media (max-width: 475px) {
  .footer {
    padding: 50px 0;
  }
}

.footer__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.footer__logo {
  width: 50px;
  margin-bottom: 10px;
}

.footer__text {
  width: 100%;
  color: #FFA800;
  text-align: center;
}

/*POPUP*/
.popup {
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -10;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  background-color: #0d2424;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.popup.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  visibility: visible;
  opacity: 1;
  z-index: 999999;
}

.popup__close {
  width: 23px;
  height: 23px;
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  z-index: 99999;
}

.popup__close svg {
  width: 100%;
  height: 100%;
}

.popup__close svg path {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  fill: #fff;
}

@media (max-width: 768px) {
  .popup__close svg path {
    fill: #000;
  }
}

.popup__box {
  width: 900px;
  padding: 40px 45px;
  background: #fff;
}

@media (max-width: 768px) {
  .popup__box {
    width: 100%;
    height: 100%;
    padding: 40px 20px;
  }
}

.popup__title {
  font-size: 30px;
  font-weight: 500;
 font-family: 'Montserrat', sans-serif;
  max-width: 70%;
  margin: auto;
  margin-bottom: 20px;
  line-height: 1.23;
  text-align: center;
}

.popup__subtitle {
  font-size: 16px;
 font-family: 'Montserrat', sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.popup__form-input {
  width: 100%;
  padding: 12px 20px;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-bottom: 20px;
}

.popup__form-input.error {
  border: 1px solid red;
}

.popup__btn {
  width: 100%;
  max-width: 100%;
}