@font-face {
  font-family: Gill Sans; /* Гарнитура шрифта */
  src: url(../fonts/GillSans-Light.ttf); /* Путь к файлу со шрифтом */
}
html {
  position: relative;
  overflow-x: hidden;
}
body {
  min-height: 100%;
  background: linear-gradient(123.48deg, #272727 21.3%, #151515 94.98%);
  font-family: Gill Sans, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #ffffff;
  overflow-x: hidden;
  overflow-y: hidden;
}

a {
   color: #FFFFFF;
}

header {
  margin-top: 53px;
}
@media (max-width: 1440px) {
  header {
    margin-top: 23px;
  }
}

.navigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.logo-block {
  display: flex;
  justify-content: center;
}
.logo-img {
  width: 48px !important;
  height: 24px !important;
}
.logo-title {
  /*margin-left: 8px;*/
  font-size: 18px;
  line-height: 21px;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.97);
}
.logo-title-bold {
  font-weight: bold;
}

.navigation-list{
  margin-left: 97px;
  padding: 0;
  display: flex;
  align-items: center;
}
.navigation-list li {
  display: inline;
  margin-right: 75px;
}
@media (max-width: 992px) {
  .navigation-list {
    margin-left: 20px;
    flex-direction: column;
    justify-content: center;
  }
  .navigation-list li {
    margin-right: 15px;
  }
}
.navigation-list li a,
.link a {
  font-size: 18px;
  line-height: 21px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  text-decoration: none;
  transition-duration: 0.5s;
  cursor: pointer;
}
.navigation-list li a:hover,
.link a:hover {
  color: #FFFFFF;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.97)
}
#navbar-background-ellipse {
  position: absolute;
  right: 190px;
  top: -115px;
  transition-duration: 0.5s;
}
#navbar-background-ellipse:hover {
  top: -75px;
}
@media (max-width: 992px) {
  #navbar-background-ellipse {
    right: auto;
  }
}
@media (max-width: 600px) {
  #navbar-background-ellipse {
    display: none;
  }
}
.navigation-button {
  display: flex;
  flex-grow: 2;
  flex-flow: row-reverse;
}
.navigation-button a{
  background-color: transparent;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 38.5px;
  font-size: 18px;
  line-height: 21px;
  padding: 10px 27px 13px 23px;
  white-space: nowrap;
  text-decoration: none;
  color: #FFFFFF;
  transition-duration: 0.5s;
}
.navigation-button a:hover{
  box-shadow: 0 0 30px #40DDFF;
}
@media (max-width: 450px) {
  .navigation-button a{
    white-space: normal;
    text-align: center;
    padding: 16px 17px 13px 13px;
  }
}

.main-screen {
  margin-top: 141px;
}
@media (max-width: 1440px) {
  .main-screen {
    margin-top: 80px;
  }
}
.machine {
  height: 500px;
}
.machine-part {
  width: 90%;
  position: absolute;
  transition-duration: 0.5s;
}
.machine:hover .machine-part-1 {
   transform: rotateZ(30deg);
 }
.machine:hover .machine-part-2:hover {
  transform: rotateZ(-30deg);
}
.main-info {
  width: 594px;
  margin-top: 80px;
  margin-left: 20px;
}
.main-info .logo-img {
  width: 170px;
  height: 170px;
}
.main-info h1 {
  margin: 0;
}
.main-info .logo-title {
  font-size: 50px;
  line-height: 57px;
  text-shadow: 0 0 76px rgba(255, 255, 255, 0.3);
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .main-info {
    width: 100%;
  }
  .main-info .logo-img {
    width: 120px;
    height: 120px;
  }.main-info .logo-title {
     font-size: 69px;
     line-height: 79px;
     text-shadow: 0 0 76px rgba(255, 255, 255, 0.3);
   }
  .main-info .logo-title {
    font-size: 39px;
    line-height: 49px;
    text-shadow: 0 0 46px rgba(255, 255, 255, 0.3);
  }
  .machine {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .machine {
    display: none;
  }
  .main-info {
    margin-top: 30px;
  }
}
.main-info .main-text{
  font-weight: 300;
  font-size: 24px;
  line-height: 27px;
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.main-info .main-button {
  width: 277px;
  margin-top: 23px;
  display: inline-flex;
  justify-content: center;
  background: linear-gradient(264.83deg, #0AB5DB 7.45%, #2F80EC 94.04%);
  box-sizing: border-box;
  border-radius: 38.5px;
  font-size: 24px;
  line-height: 17px;
  align-items: center;
  text-align: center;
  padding: 30px 38px 30px 39px;
  white-space: nowrap;
  box-shadow: 0 4px 30px #11315C;
  text-decoration: none;
  transition-duration: 0.5s;
  color: #FFFFFF;
}
.main-info .main-button:hover {
  box-shadow: 0 40px 100px #11315C;
  transform: translateY(-17px);
}
.end-header {
  margin-top: 180px;
  display: flex;
  /*justify-content: space-between;*/
}
@media (max-width: 1440px) {
  .end-header {
    margin-top: 100px;
  }
}
@media (max-width: 992px) {
  .end-header {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .end-header {
    margin-top: 90px;
  }
}

h2 {
  font-weight: bold;
  font-size: 40px;
  line-height: 46px;
  text-transform: uppercase;
  color: #FFFFFF;
}

#about-company, #cr5-photos {
  margin-top: 280px;
}
#about-company h2 {
  margin-bottom: 145px;
}
@media (max-width: 992px) {
  #about-company {
    margin-top: 63px;
  }
  #about-company h2 {
    margin-bottom: 45px;
  }
}
.company-information {
  display: flex;
  flex-wrap: wrap;
}
.information-post {
  margin: 15px;
  flex: 1;
}
.post-header {
  display: flex;
  align-items: center;
}
.post-header h3 {
  margin: 0 0 0 8px;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 148.62%;
  color: #FFFFFF;
}
.information-post p{
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 148.62%;
  color: #FFFFFF;
  opacity: 0.6;
}
#production {
  margin-top: 160px;
}
#production h2 {
  margin-bottom: 153px;
}
@media (max-width: 992px) {
  #production {
    margin-top: 60px;
  }
  #production h2 {
    margin-bottom: 53px;
  }
}
.products {
  display: flex;
  justify-content: center;
  position: relative;
}
@media (max-width: 992px) {
  .products {
    margin-bottom: 40px;
  }
}
.vertical-products {
  display: flex;
  flex-direction: column;
  margin-right: 26px;
  justify-content: space-between;
}
img.product {
  border-radius: 10px;
}
#production-background-ellipse-1 {
  position: absolute;
  z-index: -1;
  right: -350px;
  top: -200px;
}
@media (max-width: 1200px) {
  #production-background-ellipse-1 {
    right: -150px;
  }
}
#production-background-ellipse-2 {
  position: absolute;
  z-index: -1;
  left: 240px;
  bottom: -140px;
}
@media (max-width: 500px) {
  #production-background-ellipse-2 {
    left: -550px;
  }
}
.vertical-products img.product {
  height: 230px;
}
@media (max-width: 700px) {
  img.product {
    width: 50%;
  }
  .vertical-products img.product {
    height: auto;
    width: 100%;
  }
}
#production h3 {
  margin-top: 0;
  margin-bottom: 43px;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 133.12%;
}
#production p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 133.12%;
  color: #FFFFFF;
  opacity: 0.6;
  margin-top: 20px;
}
#tech-manual .buttons {
  margin-top: 70px;
  white-space: nowrap;
  display: flex;
  /*justify-content: center;*/
  flex-wrap: wrap;
  align-items: center;
}
#production a.contact-us {
  display: inline-flex;
  box-shadow: 0 4px 30px #11315C;
  border-radius: 38.5px;
  background: linear-gradient(264.83deg, #0AB5DB 7.45%, #2F80EC 94.04%);
  padding: 17px 25px;
  text-decoration: none;
  transition-duration: 0.5s;
  color: #FFFFFF;
}
#production a.contact-us:hover {
  box-shadow: 0 40px 100px #11315C;
  transform: translateY(-17px);
}
#tech-manual a.technical-guidance {
  display: block;
  /*margin-left: 20px;*/
  border: 1px solid #FFFFFF;
  border-radius: 38.5px;
  padding: 27px 74px;
  transition-duration: 0.5s;
  text-decoration: none;
}
@media (max-width: 425px) {
  #tech-manual a.technical-guidance {
    margin-left: 0;
    margin-top: 20px;
  }
}
#tech-manual a.technical-guidance:hover{
  box-shadow: 0 0 30px #40DDFF;
  color: #FFFFFF;
}
#tech-manual .buttons span {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}

#software-development {
  margin-top: 175px;
  position: relative;
}
@media (max-width: 992px) {
  #software-development {
    margin-top: 75px;
  }
}
#software-development h2 {
  margin: 0;
  text-transform: none;
}
#software-development h3 {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 27px;
  color: rgba(255, 255, 255, 0.6);
}
#software-development a.contact-us {
  margin-bottom: 30px;
  margin-top: 77px;
  display: inline-flex;
  background: linear-gradient(264.83deg, #0AB5DB 7.45%, #2F80EC 94.04%);
  box-shadow: 0 4px 30px #11315C;
  border-radius: 38.5px;
  padding: 30px 38px;
  text-decoration: none;
  transition-duration: 0.5s;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 17px;
}
#software-development a.contact-us:hover {
  box-shadow: 0 40px 100px #11315C;
  transform: translateY(-17px);
  color: #FFFFFF;
}
#software-development-ellipse {
  position: absolute;
  top: -120px;
  left: -230px;
  z-index: -1;
}
#software-development p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 133.12%;
  color: #FFFFFF;
  opacity: 0.6;
}
#software-development .img-block{
  margin-top: 107px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  #software-development .img-block {
    margin-top: 57px;
    justify-content: center;
  }
}
#software-development .img-block img{
  width: 354px;
  height: 230px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(0, 21, 50, 0.2) 100%);
  backdrop-filter: blur(4px);
  border-radius: 10px;
  margin: 2px;
}

#news {
  margin-top: 162px;
  position: relative;
}
#news .news-block {
  position: relative;
  margin-top: 143px;
  display: flex;
  align-items: center;
}
@media(max-width: 500px) {
  #news .news-block {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
#news-background-ellipse-1 {
  position: absolute;
  bottom: -800px;
  left: -930px;
  z-index: -1;
}
#news-background-ellipse-2 {
  position: absolute;
  bottom: -800px;
  right: -1030px;
  z-index: -1;
}
#news-carousel {
  width: calc(100% - 200px);
}
#news .arrow-prev {
  margin-right: 20px;
}
#news .arrow-next {
  margin-left: 20px;
  z-index: 3;
}
@media (max-width: 992px) {
  #news {
    margin-top: 62px;
  }
  #news .news-block {
    margin-top: 43px;
  }
  #news .arrow {
    display: none;
  }
  #news-carousel {
    width: 100%;
  }
}
#news h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 46px;
  color: #FFFFFF;
  text-shadow: 0 0 30px #2F80EC;
  margin-left: 10px;
}
#news h4 {
  margin-top: 9px;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 133.12%;
  color: #FFFFFF;
  opacity: 0.6;
  margin-bottom: 66px;
  margin-left: 10px;
}
#news p {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 133.12%;
  color: #FFFFFF;
  opacity: 0.6;
}

#feedback-form {
  margin-top: 162px;
  position: relative;
}
#feedback-form h3 {
  margin-top: 110px;
  font-weight: bold;
  font-size: 40px;
  line-height: 46px;
  color: #FFFFFF;
}
#feedback-form form {
  margin-top: 68px;
  position: relative;
  width: 50%;
}
@media (max-width: 992px) {
  #feedback-form h3 {
    margin-top: 60px;
  }
  #feedback-form {
    margin-top: 62px;
  }
  #feedback-form form {
    margin-top: 30px;
    width: 100%;
  }
}
#feedback-form form .form-row{
  display: flex;
  flex-direction: column;
}
#feedback-form form label {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #2C84EA;
  text-shadow: 0 0 30px #2F80EC;
  margin-left: 16px;
}
#feedback-form form input,
#feedback-form form textarea{
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #FFFFFF;
  text-shadow: 0 0 5px #2F80EC;
  margin-top: 28px;
  margin-bottom: 56px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #2F80EC;
  padding: 7px 16px;
}
@media (max-width: 1440px) {
  #feedback-form form input {
    margin-top: 18px;
    margin-bottom: 26px;
  }
}
#feedback-form form input:hover,
#feedback-form form input:active,
#feedback-form form input:focus {
  outline: 0;
}

#feedback-background-ellipse {
  position: absolute;
  bottom: -400px;
  left: -280px;
  z-index: -1;
}
@media (max-width: 700px) {
  #feedback-background-ellipse {
    width: 150%;
  }
}
#feedback-background-picture {
  position: absolute;
  z-index: -1;
  top: 25px;
  right: -100px;
}
@media (max-width: 992px) {
  #feedback-background-picture {
    display: none;
  }
}
#feedback-form form button {
  background: linear-gradient(264.83deg, #0AB5DB 7.45%, #2F80EC 94.04%);
  box-shadow: 0 4px 30px #11315C;
  border-radius: 38.5px;
  border: 0;
  transition-duration: 0.5s;
}
#feedback-form form button:hover {
  box-shadow: 0 40px 100px #11315C;
  transform: translateY(-17px);
}
#feedback-form form button span {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 17px;
  margin: 30px 39px;
}

#contacts {
  margin-top: 200px;
}

#linkYoutube{
  margin-top: 10px;
}

.img_footer {
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
}

.img_footer:hover {
  transform: translateY(-10px);
}

.contacts-list,
.dealers-list {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 40px 0 75px;
}
@media (max-width: 992px) {
  #contacts,
  #dealers {
    margin-top: 100px;
  }
  .contacts-list,
  .dealers-list {
    margin-top: 25px;
    flex-direction: column;
  }
}
.contact-post {
  /*flex: 2;*/
  /*margin: 10px;*/
}
.address {
  /*flex: 1;*/
}
#contacts .telephone {
  display: flex;
  flex-wrap: wrap;
}
#contacts h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #FFFFFF;
}
#contacts p {
  font-weight: 300;
  font-size: 18px;
  line-height: 142.62%;
  color: #FFFFFF;
  opacity: 0.6;
}
#contacts .telephone p {
  margin-right: 80px;
}

footer {
  margin-top: 150px;
  margin-bottom: 84px;
  position: relative;
}
#footer-background-ellipse {
  position: absolute;
  top: -90px;
  right: 0;
  z-index: -1;
}
@media (max-width: 992px) {
  footer {
    margin-top: 124px;
    margin-bottom: 44px;
  }
}

#feedback-form .wpcf7-submit {
  display: none !important;
}

/*pc-kobot*/

ul.navigation-list {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.gradient-btn {
  background: linear-gradient(264.83deg, #D99335 7.45%, #2F80EC 94.04%) !important;
}

#cr5-photos h2 {
  margin-bottom: 160px;
}

#cr5-photos {
  margin-bottom: 180px;
}

#tech-manual > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#tech-manual {
  position: relative;
}

#tech-manual p {
  font-size: 18px;
  line-height: 133.12%;
  color: rgba(255, 255, 255, 0.5);
}

.tech-manual-attrs {
  display: flex;
}

.tech-manual-attrs img {
  padding-right: 10px;
}

.tech-manual-attrs {
  padding-bottom: 25px;
  font-weight: 300;
  font-size: 18px;
}

.attributes-production-text {
  color: rgba(255, 255, 255, 0.5);
}

.tech-manual-attrs-icon {
  display: flex;
  align-items: center;
}

@media (max-width: 650px) {
  .mobile-flex, .vertical-products {
    display: flex;
    flex-direction: column;
  }
}

#production_back_rofl {
  position: absolute;
  z-index: -1;
  left: -175px;
  top: 230px;
}

.dealer-post img {
  filter: brightness(60%);
  transition: 600ms ease-in-out;
}

.dealer-post img:hover {
  box-shadow: 0 0 65px -5px rgba(255, 255, 255, 0.76);
}

#button-submit.disabled {
  pointer-events: none !important;
  opacity: .65;
}