*{padding:0;margin:0;border:0}*,:after,:before{box-sizing:border-box}:active,:focus{outline:none}aside,footer,header,nav{display:block}button,input,textarea{font-family:inherit}button{cursor:pointer}a,a:hover,a:visited{text-decoration:none}a:active,a:focus{outline:none}a:-webkit-any-link{color:inherit}ul li{list-style-type:none}h1,h2,h3,h4,h5,h6{font-style:inherit;font-weight:400}._container{max-width:1164px;padding:0 72px;margin:0 auto}@media (max-width:480px){._container{padding:0 20px}}.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-content:center}.grid__desktop--1-1{grid-column:1/2}.grid__desktop--1-2{grid-column:1/3}.grid__desktop--1-3{grid-column:1/4}.grid__desktop--1-4{grid-column:1/5}.grid__desktop--1-5{grid-column:1/6}.grid__desktop--1-6{grid-column:1/7}.grid__desktop--1-7{grid-column:1/8}.grid__desktop--1-8{grid-column:1/9}.grid__desktop--1-9{grid-column:1/10}.grid__desktop--1-10{grid-column:1/11}.grid__desktop--1-11{grid-column:1/12}.grid__desktop--1-12{grid-column:1/13}.grid__desktop--2-2{grid-column:2/3}.grid__desktop--2-3{grid-column:2/4}.grid__desktop--2-4{grid-column:2/5}.grid__desktop--2-5{grid-column:2/6}.grid__desktop--2-6{grid-column:2/7}.grid__desktop--2-7{grid-column:2/8}.grid__desktop--2-8{grid-column:2/9}.grid__desktop--2-9{grid-column:2/10}.grid__desktop--2-10{grid-column:2/11}.grid__desktop--2-11{grid-column:2/12}.grid__desktop--2-12{grid-column:2/13}.grid__desktop--3-3{grid-column:3/4}.grid__desktop--3-4{grid-column:3/5}.grid__desktop--3-5{grid-column:3/6}.grid__desktop--3-6{grid-column:3/7}.grid__desktop--3-7{grid-column:3/8}.grid__desktop--3-8{grid-column:3/9}.grid__desktop--3-9{grid-column:3/10}.grid__desktop--3-10{grid-column:3/11}.grid__desktop--3-11{grid-column:3/12}.grid__desktop--3-12{grid-column:3/13}.grid__desktop--4-4{grid-column:4/5}.grid__desktop--4-5{grid-column:4/6}.grid__desktop--4-6{grid-column:4/7}.grid__desktop--4-7{grid-column:4/8}.grid__desktop--4-8{grid-column:4/9}.grid__desktop--4-9{grid-column:4/10}.grid__desktop--4-10{grid-column:4/11}.grid__desktop--4-11{grid-column:4/12}.grid__desktop--4-12{grid-column:4/13}.grid__desktop--5-5{grid-column:5/6}.grid__desktop--5-6{grid-column:5/7}.grid__desktop--5-7{grid-column:5/8}.grid__desktop--5-8{grid-column:5/9}.grid__desktop--5-9{grid-column:5/10}.grid__desktop--5-10{grid-column:5/11}.grid__desktop--5-11{grid-column:5/12}.grid__desktop--5-12{grid-column:5/13}.grid__desktop--6-6{grid-column:6/7}.grid__desktop--6-7{grid-column:6/8}.grid__desktop--6-8{grid-column:6/9}.grid__desktop--6-9{grid-column:6/10}.grid__desktop--6-10{grid-column:6/11}.grid__desktop--6-11{grid-column:6/12}.grid__desktop--6-12{grid-column:6/13}.grid__desktop--7-7{grid-column:7/8}.grid__desktop--7-8{grid-column:7/9}.grid__desktop--7-9{grid-column:7/10}.grid__desktop--7-10{grid-column:7/11}.grid__desktop--7-11{grid-column:7/12}.grid__desktop--7-12{grid-column:7/13}.grid__desktop--8-8{grid-column:8/9}.grid__desktop--8-9{grid-column:8/10}.grid__desktop--8-10{grid-column:8/11}.grid__desktop--8-11{grid-column:8/12}.grid__desktop--8-12{grid-column:8/13}.grid__desktop--9-9{grid-column:9/10}.grid__desktop--9-10{grid-column:9/11}.grid__desktop--9-11{grid-column:9/12}.grid__desktop--9-12{grid-column:9/13}.grid__desktop--10-10{grid-column:10/11}.grid__desktop--10-11{grid-column:10/12}.grid__desktop--10-12{grid-column:10/13}.grid__desktop--11-11{grid-column:11/12}.grid__desktop--11-12{grid-column:11/13}.grid__desktop--12-12{grid-column:12/13}@media (max-width:744px){.grid{grid-template-columns:repeat(6,1fr)}.grid__tablet--1-1{grid-column:1/2}.grid__tablet--1-2{grid-column:1/3}.grid__tablet--1-3{grid-column:1/4}.grid__tablet--1-4{grid-column:1/5}.grid__tablet--1-5{grid-column:1/6}.grid__tablet--1-6{grid-column:1/7}.grid__tablet--2-2{grid-column:2/3}.grid__tablet--2-3{grid-column:2/4}.grid__tablet--2-4{grid-column:2/5}.grid__tablet--2-5{grid-column:2/6}.grid__tablet--2-6{grid-column:2/7}.grid__tablet--3-3{grid-column:3/4}.grid__tablet--3-4{grid-column:3/5}.grid__tablet--3-5{grid-column:3/6}.grid__tablet--3-6{grid-column:3/7}.grid__tablet--4-4{grid-column:4/5}.grid__tablet--4-5{grid-column:4/6}.grid__tablet--4-6{grid-column:4/7}.grid__tablet--5-5{grid-column:5/6}.grid__tablet--5-6{grid-column:5/7}.grid__tablet--6-6{grid-column:6/7}}@media (max-width:320px){.grid{display:block}}.page{font-family:Poppins,sans-serif;font-size:16px;color:#fff;background-color:#1d1d1d;scroll-behavior:smooth}.page__body--with-menu{overflow:hidden}.page__menu{position:absolute;top:0;left:0;width:100%;transform:translateX(-100%);transition:transform .4s}.page__menu:target{transform:translateX(0)}.header{height:100vh;padding-bottom:28vh;background-image:url(header-photo.6807f678.png);background-position:50%;background-size:cover;margin-bottom:120px}@media (max-width:320px){.header{background-position-x:-75%;margin-bottom:60px}}.header__container{height:100%;display:flex;flex-direction:column;justify-content:space-between}.header__title{font-weight:700;font-size:80px;line-height:100%;letter-spacing:-1.5px;text-align:center}@media (max-width:744px){.header__title{font-size:64px}}@media (max-width:320px){.header__title{font-size:36px}}.top-actions{padding:35px 0;display:grid;align-items:center;justify-content:end;justify-items:end}.top-actions,.top-actions--column_3{grid-template-columns:1fr 30px 64px}.top-actions--column_2{grid-template-columns:1fr 30px}.logo{justify-self:left;display:flex;align-items:center}.logo__img{width:185px;height:auto}@media (max-width:480px){.logo__img{width:130px}}.icon{height:32px;width:32px;background-repeat:no-repeat;background-position:50%}@media (max-width:320px){.icon{height:24px;width:24px}}.icon--call{background-image:url(Icon-Phone-call.63231e61.png)}.icon--call:hover:before{content:"+1 234 555-55-55";display:block;color:#fff;width:max-content;position:relative;top:50%;transform:translate(-100%,-50%);padding-right:12px}.icon--menu{background-image:url(Icon-Burger-menu.df4fe9e1.png)}.icon--menu:hover{background-image:url(Icon-Burger-menu-hover.22701b0a.png)}.icon--close{background-image:url(Icon-Close.ea5a911d.png)}.menu{background-color:#c2c2c2;height:100vh;color:#1d1d1d;font-weight:700;text-transform:uppercase;letter-spacing:2px}.menu__list{font-size:22px;margin-bottom:40px}.menu__item:not(:last-child){margin-bottom:30px}.menu__link{padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color .4s;color:#1d1d1d}.menu__link:hover{border-color:#1d1d1d}.menu__phone{color:#1d1d1d;display:block;width:max-content}.menu__phone--call{margin-bottom:16px;font-size:16px;line-height:27px;letter-spacing:normal}.menu__phone--book{padding-bottom:2px;border-bottom:1px solid #1d1d1d}.section__title{font-weight:500;font-size:64px;line-height:100%;letter-spacing:-1.5px;text-align:center;padding-bottom:48px}.section__title--position_left{text-align:left}@media (max-width:744px){.section__title{font-size:48px}}@media (max-width:320px){.section__title{font-size:32px;padding-bottom:32px}}.about{padding-bottom:164px}@media (max-width:744px){.about{padding-bottom:132px}}@media (max-width:480px){.about{padding-bottom:92px}}.about__paragraph{font-size:23px;line-height:140%}.compare-bikes{padding-bottom:144px}@media (max-width:744px){.compare-bikes{padding-bottom:120px}}@media (max-width:480px){.compare-bikes{padding-bottom:92px}}.bike{font-weight:700;font-size:24px;line-height:140%}.bike:last-child{padding-bottom:0}@media (max-width:744px){.bike{padding-bottom:48px}}@media (max-width:320px){.bike{padding-bottom:40px}}.bike__picture{margin-bottom:32px;transition:transform .4s}.bike__picture:hover{transform:scale(1.2)}.bike__img{height:auto;width:100%}.bike__title{margin-bottom:8px}.bike__description{font-weight:400;font-size:16px;line-height:140%;margin-bottom:16px}.details{padding-bottom:180px}@media (max-width:744px){.details{padding-bottom:120px}}@media (max-width:480px){.details{padding-bottom:90px}}.details__info{padding-bottom:48px}@media (max-width:480px){.details__info{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}}.details__picture{position:relative;width:100%;max-height:320px;margin-bottom:16px;overflow:hidden;transition:all .4s}.details__picture:hover{transform:scale(1.01);box-shadow:1px 4px 16px rgba(232,232,240,.4)}@media (max-width:744px){.details__picture{max-height:190px}}.details__picture:after{content:"";display:block;padding-bottom:100%}@media (max-width:480px){.details__picture--col-1{grid-column:1/2}.details__picture--col-2{grid-column:2/3}}.details__img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.details__title{font-weight:700;font-size:24px;line-height:140%;margin-bottom:8px}@media (max-width:480px){.details__title{grid-column:1/3}}.details__description{font-weight:400;font-size:16px;line-height:140%}@media (max-width:480px){.details__description{grid-column:1/3}}.button,.details__button{color:#1d1d1d}.button{height:56px;display:flex;justify-content:center;align-items:center;border-radius:40px;font-weight:700;font-size:16px;line-height:27px;background-color:#fff;transition:all .4s}.button:hover{box-shadow:1px 4px 16px rgba(232,232,240,.4)}.button:active{box-shadow:1px 4px 16px rgba(232,232,240,.64)}.form-field{display:block;height:48px;width:100%;padding:14px 16px;background-color:#f8f8fa;border-radius:40px}.form-field::placeholder{color:#7e7e83;font-weight:400;font-size:14px;line-height:20px}.form-field:hover{color:#292929}.form-field:hover::placeholder{color:#292929}.form-field:active{color:#292929}.form-field--textarea{height:148px;border-radius:16px;resize:none}.contacts{padding-bottom:182px}@media (max-width:744px){.contacts{padding-bottom:120px}}.contacts__field{margin-bottom:16px}.contacts__field:last-child{margin-bottom:32px}.contacts__button{width:100%}@media (max-width:320px){.contacts__button{margin-bottom:48px}}.contacts__info-title{font-weight:400;font-size:14px;line-height:140%;margin-bottom:8px}.contacts__info-link{display:block;font-weight:500;font-size:16px;line-height:140%;color:inherit;margin-bottom:24px}.footer{height:555px;background-image:url(footer-photo.b7524262.png);background-size:cover;background-position:top}@media (max-width:744px){.footer{height:480px}}@media (max-width:320px){.footer{height:200px}}
/*# sourceMappingURL=main.48098620.css.map */