body {
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: #ccc;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
  text-align: center;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
}

.footer {
  display: block;
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.container {
  display: block;
  max-width: 1200px;
  min-height: 263px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.nav-mn {
  width: auto;
  float: left;
}

.ph-nmbr {
  margin-top: 20px;
  margin-right: 10px;
  color: #e74816;
  font-size: 20px;
  line-height: 23px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
}

.ph-nmbr:hover {
  color: #e91651;
}

.ph-link-box {
  display: block;
  width: 193px;
  float: right;
  text-align: right;
  text-decoration: none;
}

.brand-box {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: left;
}

.logo {
  display: block;
  float: none;
}

.name-company {
  display: block;
  width: 263px;
  margin-left: 25px;
  float: none;
  font-family: 'Helveticaneuecyr light', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  letter-spacing: 1px;
}

.callbak-btn {
  position: static;
  display: block;
  overflow: visible;
  width: 191px;
  margin-top: 31px;
  float: right;
  border-radius: 10px;
  background-color: #c23f3f;
  text-align: center;
}

.callbak-btn:hover {
  background-color: #a23434;
}

.block-1 {
  display: block;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
}

.block-2 {
  display: block;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 35px;
  background-color: #fff;
}

.sh-ct {
  margin-bottom: 40px;
}

.block-3 {
  display: none;
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.block-4 {
  display: block;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0px;
  background-color: #ececec;
}

.block-5 {
  display: block;
  width: 1200px;
  height: 405px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 17px;
  padding-bottom: 23px;
  background-color: #fff;
  background-image: url('/images/personal-pages-share/167183536/webflow/images/foto13.jpg');
  background-position: 50% 50%;
  background-size: 1440px;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.block-6 {
  display: none;
  width: 1200px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  background-color: #fff;
}

.mn-block {
  position: static;
  display: block;
  width: 1200px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  background-color: #fff;
  font-size: 17px;
}

.mn-sct {
  display: block;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
}

.form-wr {
  display: block;
  width: 388px;
  margin-right: auto;
  margin-left: 9%;
  padding: 3px 7px;
  float: left;
  border: 1px none red;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, 0.8);
}

.form-wr.form-up {
  display: block;
  width: 380px;
  height: 375px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  border-radius: 186px;
  background-color: transparent;
  background-image: url('/images/personal-pages-share/167183536/webflow/images/73f6e591e8.png');
  background-position: 50% 50%;
  background-size: auto 420px;
  background-repeat: no-repeat;
}

.form-box {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  display: none;
  padding-top: 128px;
  background-color: rgba(0, 0, 0, 0.63);
}

.close-image {
  display: block;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  float: none;
  cursor: pointer;
}

.company-name {
  font-family: Montserrat, sans-serif;
  color: #d58484;
  font-size: 27px;
  line-height: 29px;
  text-align: center;
  text-transform: uppercase;
}

.company-name:hover {
  color: #e95d5d;
}

.who-is {
  color: #d58484;
  font-size: 17px;
  text-align: center;
  text-transform: none;
}

.who-is:hover {
  color: #e95d5d;
}

.company-box {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-decoration: none;
}

.p1 {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 17px;
  text-align: center;
}

.p2 {
  font-family: Montserrat, sans-serif;
  color: #b16464;
  font-size: 16px;
  text-align: center;
}

.p2.ph-nm:hover {
  color: #7ed2f3;
}

.ph-lnk {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-decoration: none;
}

.f1 {
  padding-top: 25px;
  background-color: #1a2127;
}

.f2 {
  padding-top: 27px;
  padding-bottom: 12px;
  background-color: #27313b;
}

.logo-image {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.copyright {
  color: #fff;
  text-align: center;
}

._4geo {
  color: #ff3c17;
  font-size: 17px;
}

.enter {
  display: block;
  width: 80px;
  margin-right: auto;
  margin-left: auto;
  text-decoration: none;
}

.enter-text {
  color: #ff9166;
  text-align: center;
}

.enter-text:hover {
  color: #7ed2f3;
}

.sect {
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
}

.main-bl {
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
}

.name-ser {
  height: 44px;
  margin-top: 7px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.img-ser {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.headname-ser {
  margin-top: auto;
  margin-bottom: 57px;
  padding-top: 37px;
}

.trigger-image {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.trigger-text {
  display: block;
  margin-top: 11px;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.oyr-advent {
  margin-top: auto;
  margin-bottom: 50px;
  padding-top: 40px;
}

.form-subname {
  font-size: 16px;
  text-align: center;
}

.btt-form {
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: #cc4839;
}

.btt-form:hover {
  background-color: #5c0e19;
}

.call-up {
  margin-top: auto;
  font-size: 23px;
}

.pform-1 {
  display: block;
  width: 289px;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  text-align: center;
}

.text-field {
  display: block;
  width: 247px;
  margin-right: auto;
  margin-left: auto;
}

.cal-btt {
  display: block;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  border-radius: 14px;
  background-color: #cc4839;
  font-size: 15px;
  line-height: 20px;
}

.cal-btt:hover {
  background-color: #5c0e19;
}

.sld {
  display: block;
  width: 1200px;
  height: 400px;
  margin-right: auto;
  margin-left: auto;
}

.sld1 {
  background-image: url('/images/personal-pages-share/167183536/webflow/images/коробка-передач.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.sld2 {
  background-image: url('/images/personal-pages-share/167183536/webflow/images/рулевая-рейка.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.arr-ic {
  display: none;
  margin: 166px 20px 180px 10px;
}

.nav-link {
  background-color: #161618;
  color: #fff;
  font-size: 17px;
}

.nav-link:hover {
  background-color: #fff;
  color: #cc4839;
}

.navigation-menu {
  width: auto;
  background-color: #cc4839;
}

.section {
  display: block;
  width: auto;
  margin-right: auto;
  margin-left: auto;
}

.ex-div {
  background-color: #161618;
}

.sl-txt {
  margin-top: 78px;
  margin-left: 65px;
  font-family: Pfdincondensedmedium, sans-serif;
  color: #fff;
  font-size: 65px;
  line-height: 70px;
  text-transform: uppercase;
}

.sl-txt2 {
  margin-left: 65px;
  font-family: 'Helveticaneuecyr light', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
}

.sl-txt1 {
  margin-left: 65px;
  font-family: Pfdincondensedmedium, sans-serif;
  color: #fff;
  font-size: 65px;
  line-height: 70px;
  text-transform: uppercase;
}

.adr-txt {
  float: right;
}

.slogan {
  margin-top: 39px;
  font-family: Pfdincondensedmedium, sans-serif;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
}

.text6 {
  margin-top: 14px;
  margin-bottom: 2px;
  padding-top: 0px;
  padding-right: 25px;
  padding-left: 25px;
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
}

.zagas2 {
  margin-bottom: 28px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
}

.lnkbtn {
  display: block;
  width: 160px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  background-color: #c23f3f;
  font-size: 16px;
  text-align: center;
}

.lnkbtn:hover {
  background-color: #a23434;
}

.heading {
  padding-top: 20px;
  padding-bottom: 20px;
  border-style: solid none;
  border-width: 1px;
  border-color: #000;
  font-size: 24px;
  text-align: center;
}

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

@media (max-width: 991px) {
  .footer {
    width: auto;
  }
  .container {
    width: auto;
  }
  .ph-nmbr {
    text-align: right;
  }
  .name-company {
    width: 249px;
  }
  .callbak-btn {
    width: 149px;
  }
  .block-1 {
    width: auto;
  }
  .block-2 {
    width: auto;
  }
  .block-3 {
    width: auto;
  }
  .block-4 {
    width: auto;
  }
  .block-5 {
    width: auto;
  }
  .block-6 {
    width: auto;
  }
  .mn-block {
    position: relative;
    width: auto;
  }
  .mn-sct {
    width: auto;
    text-align: center;
  }
  .sect {
    width: auto;
  }
  .name-ser {
    height: 66px;
    font-size: 18px;
  }
  .sld {
    position: relative;
    display: block;
    width: 768px;
    height: 323px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
  }
  .sld1 {
    position: relative;
    background-size: 780px;
  }
  .sld2 {
    background-size: 780px;
  }
  .arr-ic {
    margin-top: 96px;
    margin-left: 4px;
  }
  .nav-link {
    float: left;
  }
  .menu-button {
    color: #fff;
  }
  .menu-button.w--open {
    background-color: #cc4839;
  }
  .navigation-menu {
    background-color: transparent;
  }
  .section {
    width: auto;
  }
  .sl-txt {
    margin-top: 29px;
  }
  .adr-txt {
    text-align: right;
  }
  .slogan {
    font-size: 20px;
    line-height: 25px;
  }
}

@media (max-width: 767px) {
  .ph-nmbr {
    text-align: center;
  }
  .ph-link-box {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .brand-box {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .logo {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .name-company {
    display: block;
    margin-right: auto;
    margin-bottom: 2px;
    margin-left: auto;
    text-align: center;
  }
  .callbak-btn {
    display: none;
  }
  .block-1 {
    display: none;
  }
  .form-wr {
    display: block;
    margin-left: auto;
    float: none;
  }
  .name-ser {
    font-size: 16px;
  }
  .nav-link {
    float: none;
  }
  .adr-txt {
    float: none;
    text-align: center;
  }
  .slogan {
    margin-top: 16px;
    font-size: 22px;
  }
  .zagas2 {
    font-size: 28px;
    line-height: 33px;
  }
  .lnkbtn {
    margin-bottom: 27px;
  }
}

@media (max-width: 479px) {
  .block-3 {
    padding-left: 9px;
  }
  .form-wr {
    width: auto;
  }
  .zagas2 {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 28px;
    line-height: 33px;
  }
}

@font-face {
  font-family: 'Southbanklt';
  src: url('/images/personal-pages-share/167183536/webflow/fonts/SouthbankLT.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pfdincondensedmedium';
  src: url('/images/personal-pages-share/167183536/webflow/fonts/PFDinCondensedMedium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneuecyr black';
  src: url('/images/personal-pages-share/167183536/webflow/fonts/HelveticaNeueCyr-Black.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneuecyr bold';
  src: url('/images/personal-pages-share/167183536/webflow/fonts/HelveticaNeueCyr-Bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneuecyr light';
  src: url('/images/personal-pages-share/167183536/webflow/fonts/HelveticaNeueCyr-Light.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneuecyr medium';
  src: url('/images/personal-pages-share/167183536/webflow/fonts/HelveticaNeueCyr-Medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneuecyr roman';
  src: url('/images/personal-pages-share/167183536/webflow/fonts/HelveticaNeueCyr-Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneuecyr thin';
  src: url('/images/personal-pages-share/167183536/webflow/fonts/HelveticaNeueCyr-Thin.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneuecyr 0';
  src: url('/images/personal-pages-share/167183536/webflow/fonts/HelveticaNeueCyr-UltraLight_0.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}