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

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

li {
   padding-left: 0;
}

a {
   text-decoration: none;
   color: inherit;
}

p {
   margin: 0;
}

body {
   font-family: 'Inter', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 17px;
   color: #131313;
}

.container {
   max-width: 1200px;
   padding: 0 10px;
   margin: 0 auto;
}

.header__inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.menu {
   margin-right: 70px;
}

.menu__list {
   display: flex;
}

.menu__item+.menu__item {
   padding-left: 10px;
}

.menu__link {
   text-transform: uppercase;
   padding: 43px 20px;
   transition: all .3s;
}

.menu__link:hover {
   background-color: #131313;
   color: #fff;
}

.bike {
   padding: 100px 0 100px;
}

.bike__inner {
   display: flex;
   justify-content: space-between;
}

.bike__column-slider {
   flex-basis: 630px;
   margin-left: 30px;
   max-width: 630px;
}

.bike__title {
   font-weight: 700;
   font-size: 64px;
   line-height: 1.2;
   margin: 60px 0 5px;
}

.bike__subtitle {
   font-weight: 400;
   font-size: 32px;
   line-height: 1.2;
   color: #6f6f6f;
   margin: 0 0 60px;
}

.bike__text {
   max-width: 420px;
   margin-bottom: 20px;
}

.bike__link {
   margin-top: 80px;
   display: inline-block;
   background-color: #131313;
   color: #fff;
   padding: 28px 71px 28px 81px;
   text-transform: uppercase;
   font-size: 20px;
   line-height: 1.2;
   letter-spacing: 1.1em;
   transition: all .3s;
}

.bike__link:hover {
   background-color: #ff4040;
}

.bike-slider .slick-dots {
   right: 0;
   top: 50px;
}

.slick-dots {
   position: absolute;
}

.slick-dots li+li {
   padding-top: 10px;
}

.slick-dots button {
   font-size: 0;
   padding: 0;
   border: none;
   background-color: #131313;
   width: 2px;
   height: 25px;
   border-radius: 7px;
   cursor: pointer;
   transition: all .3s;
}

.slick-dots button:hover,
.slick-active button {
   background-color: #ff4040;
}

.bike__list {
   margin-top: 25px;
   display: flex;
   justify-content: space-around;
}

.bike__list-item {
   min-width: 160px;
   display: flex;
   flex-direction: column;
   text-align: center;
   align-items: center;
   min-height: 58px;
}

.bike__list-num {
   font-weight: 700;
   text-transform: uppercase;
}

.bike__list-text {
   font-size: 12px;
   font-weight: 400;
   line-height: 1.2;
   margin: auto 0;
}

.info {
   padding-top: 100px;
   margin-bottom: 50px;
}

.info__inner {
   display: flex;
}

.info__img {
   margin-right: 60px;
   flex-basis: 570px;
   object-fit: cover;
}

.info__list {
   flex-basis: 490px;
}

.info__item+.info__item {
   padding-top: 50px;
}

.info__item-title {
   font-size: 16px;
   line-height: 1.2;
   text-transform: uppercase;
   margin: 0 0 10px;
}

.info__item-text {
   max-width: 450px;
}

.characteristics {
   padding-top: 50px;
   margin-bottom: 150px;
}

.characteristics__title {
   margin: 0 0 40px;
   font-size: 16px;
   line-height: 1.2;
   text-transform: uppercase;
}

.characteristics__inner {
   display: flex;
}

.characteristics__img {
   align-self: center;
}

.characteristics__items {
   flex-basis: 570px;
   margin-right: 60px;
}

.characteristics__list+.characteristics__list {
   padding-top: 30px;
}

.characteristics-title {
   padding: 2px 0 3px;
   text-transform: uppercase;
   background-color: #131313;
   color: #fff;
   font-weight: 700;
}

.characteristics__line {
   display: flex;
   padding-top: 5px;
}

.characteristics__name {
   flex-basis: 285px;
   padding-right: 25px;
}

.characteristics__descr {
   flex-basis: 285px;
}

.slider {
   margin-bottom: 50px;
}

.slider__items .slick-dots {
   top: 0;
   left: 0;
}

.slider__item {
   padding-left: 50px;
}

.price {
   margin-bottom: 100px;
}

.price__inner {
   position: relative;
}

.form {
   max-width: 420px;
}

.form__title {
   margin-bottom: 40px;
   font-size: 16px;
   line-height: 1.2;
   text-transform: uppercase;
}

.form__text {
   max-width: 300px;
   margin-bottom: 30px;
}

.form__inpur-name,
.form__inpur-phone {
   width: 100%;
   border: none;
   border-bottom: 1px solid #131313;
   padding-bottom: 10px;
   margin-bottom: 20px;
   outline: none;
}

.form__inpur-name::placeholder,
.form__inpur-phone::placeholder,
.form__input-text {
   color: #6f6f6f;
   opacity: 0.5;
}

.form__input-text {
   margin-bottom: 10px;
}

.form__label-box {
   display: flex;
   margin-bottom: 50px;
}

.form__label+.form__label {
   margin-left: 23px;
}

.form__input-radio {
   position: absolute;
   width: 1px;
   height: 1px;
   overflow: hidden;
   clip: rect(0 0 0 0);
}

.form__input-radio:checked+.form__bike {
   display: block;
   position: absolute;
   right: 0;
   top: 0;
}

.form__bike {
   display: none;
}

.form__radio-style {
   border-radius: 30px;
   width: 80px;
   height: 12px;
   cursor: pointer;
}

.form__radio-style--gray {
   background: #6f6f6f;
}

.form__radio-style--red {
   background: #FF4040;
}

.form__radio-style--white {
   background: #ffff;
   border: 1px solid #6F6F6F;
}

.form__btn {
   background-color: #131313;
   padding: 28px 71px 28px 81px;
   border: none;
   color: #fff;
   text-transform: uppercase;
   font-size: 20px;
   line-height: 1.2;
   letter-spacing: 1.1em;
   cursor: pointer;
   transition: all .3s;
}

.form__btn:hover {
   background-color: #ff4040;
}

.form__bike-price {
   font-size: 32px;
   position: absolute;
   top: 30px;
   left: 0;
   right: 0;
   width: 220px;
   height: 100px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #ff4040;
   border-radius: 50%;
   transform: translateX(-40%);
}

.form__bike-price::after {
   content: "";
   position: absolute;
   width: 220px;
   height: 100px;
   border: 1px solid #ff4040;
   border-radius: 50%;
   top: 12px;
   left: 0;
}

.footer {
   background-color: #131313;
}

.footer__inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 100px;
}

.footer__link {
   font-size: 12px;
   line-height: 1.2;
   color: #fff;
   text-decoration: underline;
}

.footer__social-link+.footer__social-link {
   margin-left: 26px;
}

.footer__contacts {
   color: #fff;
   font-size: 12px;
   line-height: 1.2;
}

.footer__contacts-link {
   display: flex;
   align-items: center;
}

.footer__contacts-link+.footer__contacts-link {
   margin-top: 10px;
}

.footer__contacts-img {
   margin-right: 10px;
}

@media (max-width:1140px) {
   .form__bike-img {
      width: 500px;
   }

   .form__bike {
      top: 45px;
   }

   .menu__link:hover {
      background-color: #fff;
      color: #131313;
   }

   .menu__link,
   .bike__link {
      transition: all 0s;
   }

   .bike__link:hover {
      background-color: #131313;
      color: #fff;
   }
}

@media (max-width:1110px) {
   .price {
      margin-bottom: 50px;
   }

   .bike__inner {
      flex-wrap: wrap;
   }

   .bike__text {
      max-width: 100%;
   }

   .bike {
      padding: 0;
   }

   .bike__link {
      margin-top: 30px;
   }

   .characteristics {
      padding-top: 50px;
      margin-bottom: 50px;
   }

   .slider__img {
      object-fit: cover;
      height: 500px;
   }

   .bike__column {
      margin-bottom: 30px;
   }

   .bike__column-slider {
      max-width: 100%;
      margin-left: 0;
   }

   .info__img {
      display: none;
   }

   .info__list {
      flex-basis: 100%;
   }

   .info__item-text {
      width: 100%;
   }

   .info {
      margin-top: 50px;
   }

}

@media (max-width:991px) {
   .form__label-box {
      margin-bottom: 300px;
   }

   .form__bike {
      top: auto;
      bottom: 85px;
      left: 0;
      right: auto;
   }

   .form__bike-img {
      width: 430px;
   }

   .form__bike-price {
      right: -20%;
      transform: translateX(100%);
      left: auto;
      top: 0;
   }

   .menu {
      margin-right: 0;
   }

   .characteristics__inner {
      flex-wrap: wrap;
   }

   .characteristics__img {
      order: -1;
      width: 100%;
      margin-bottom: 30px;
   }

   .characteristics__items {
      flex-basis: 100%;
      margin-right: 0;
   }

   .characteristics__name {
      flex-basis: 50%;
   }

   .characteristics__descr {
      flex-basis: 50%;
   }
}

@media (max-width:670px) {
   .bike__title {
      font-size: 44px;
      line-height: 1.3;
      margin: 30px 0 5px;
   }

   .bike__subtitle {
      margin: 0 0 30px;
      font-size: 22px;
      line-height: 1.3;
   }

   .bike__list {
      flex-wrap: wrap;
   }

   .bike__list-item {
      width: 50%;
      margin-bottom: 15px;
   }
}

@media (max-width:780px) {
   .form__bike-price {
      right: 0;
      top: -55px;
      transform: translateX(50%);
   }
}

@media (max-width:640px) {
   .slider__img {
      height: 250px;
   }

   .slider__item {
      padding-left: 10px;
   }

   .header__inner {
      display: block;
      text-align: center;
   }

   .menu {
      margin-top: 50px;
   }

   .menu__list {
      justify-content: space-evenly;
   }

   .menu__item+.menu__item {
      padding-left: 0;
   }

   .menu__link {
      padding: 25px 20px;
   }

   .info__item+.info__item {
      padding-top: 25px;
   }
}

@media (max-width:580px) {
   .form__bike-price {
      right: auto;
      top: 50px;
      transform: translateX(0%);
      left: 0;
      display: inline-block;
      font-size: 18px;
      border: none;
      width: 100%;
      border-radius: 0;
      height: auto;
   }

   .form__bike-price span {
      background-color: #131313;
      color: #fff;
      display: inline-block;
      padding: 3px;

   }

   .form__bike-price::after {
      display: none;
   }

   .footer__inner {
      display: block;
      height: auto;
      padding: 15px 0;
      text-align: center;
   }

   .footer__social {
      padding: 15px 0;
   }

   .footer__contacts {
      display: flex;
      flex-direction: column;
      align-items: center;
   }
}

@media (max-width:460px) {
   .price__inner {
      text-align: center;
   }

   .form__text {
      max-width: 100%;
   }

   .form__bike-img {
      width: 270px;
   }

   .form__label-box {
      margin-bottom: 200px;
      justify-content: center;
   }

   .form__bike {
      bottom: 50px;
   }

   .menu__list {
      justify-content: space-between;
   }

   .menu__link {
      padding: 25px 0;
   }

   .bike__link,
   .form__btn {
      padding: 15px;
      letter-spacing: 0.9em;
   }

   .slider {
      display: none;
   }
}

@media (max-width:350px) {
   .menu {
      margin-top: 30px;
   }

   .menu__link {
      font-size: 12px;
   }
}