@keyframes phone-vibrate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.05)}50%{transform:rotate(10deg) scale(1.05)}75%{transform:rotate(-10deg) scale(1.05)}to{transform:rotate(0) scale(1.1)}}.container{display:flex;flex-direction:column;margin-inline:0;gap:96px;padding-block:96px;justify-content:center;padding-inline:20px}@media (min-width: 576px){.container{padding-inline:72px}}@media (min-width: 1024px){.container{margin-inline:auto;padding-inline:120px}}@media (min-width: 576px){.container{gap:120px;padding-block:120px}}.page{font-family:Poppins,sans-serif;font-size:16px;line-height:140%;scroll-behavior:smooth;background-color:#1d1d1d;color:#fff}.page__body{margin:0;min-width:320px}.page__menu{position:fixed;top:0;right:0;left:0;transition:all .3s;opacity:0;transform:translate(-100%);pointer-events:none}.page__menu:target{opacity:1;transform:translate(0);pointer-events:all}.header{background-image:url(/layout_landing-page/assets/Cover_photo--yfhRxsJ.png);background-size:cover;background-position:center}.header__content{height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:0 20px}@media (min-width: 576px){.header__content{padding:0 72px}}@media (min-width: 1024px){.header__content{padding:0 120px}}.header__bottom{padding-bottom:88px}@media (min-width: 576px){.header__bottom{padding-bottom:130px}}@media (min-width: 1024px){.header__bottom{padding-bottom:200px}}.header__title{margin:0;font-weight:700;font-size:36px;line-height:100%;letter-spacing:-1.5px;color:#fff;text-align:center}@media (min-width: 576px){.header__title{font-size:64px}}@media (min-width: 1024px){.header__title{font-size:80px}}.icon{display:block;height:24px;width:24px;background-repeat:no-repeat;background-size:cover;background-position:center;transition:transform .3s}.icon:hover{transform:scale(1.2)}@media (min-width: 576px){.icon{height:32px;width:32px}}.icon--phone{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAY5JREFUeAHt2OFNwzAQBeCXTtANaiagI4RJCBPABmUD2IAyAWwQRmADlwnKBsdZcaRK9Bw7cmJb8iflV5vkXuzYjoGqqqosEdE9H5qmHZAjz+JHeySycfym4G+LRDaIQyERV4AT/GXZAr/wp5BIrBa4RSKuAD/wl+Uo9A1/Wx5KWyTgCvCFMC0SEAM0TXNC2Isc0mLr4G7x6jkTPyNHpl9PFH7mo0PObJHX6JRrIG+me1BmC7ggXKgSArygFFxsX3orSC9zj1JwsUchxBNKwIWa5YI0IrUogXnaQgATTKEEjhdaFxHCdiVdeog9uWdo5XkdM7qZiXL94Zhv2pHMhGgnzn+k/+/Rhw3U2XDtouFIXmaMDsJ5iuQW9L7OWiE0XXQpW7ymMGcsidzdafRmi+9pBuneDSKh4SmbpYXCAvgL8WqtsXbmxk/QOz7eUTrbpTRFhLXR0N+PFAlSiRUEqV0E0TQDckLDDBsSRkvXijaMzkXDUkFh2Nnb8XGDYbt+Z/9iNtceeJT7RFVVVXb+AC7bxuxNeoTMAAAAAElFTkSuQmCC);transition:transform .4s}.icon--phone:hover{animation:phone-vibrate .4s ease-in-out}.icon--menu{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAHJJREFUeAHt1cENgCAMheHWCXQDN2MGR3BS3EA2qPWscCIpJP+XvHBoSNrTEwEAAMCHmSXPbfGyJ9X21MYB2Z9dxlBUdfsbLI1Pq4yj1AatAw7PJfHe5U8BgLkYTdwVTRyJJgYwI6OJu6KJI9HEAAAAFQ8CosRl95J7UQAAAABJRU5ErkJggg==);transition:transform .3s}.icon--menu:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAJZJREFUeAHt18ENwyAQBdFPKkg6SGepISWkUtKB3cEany0D0nqNbM2TEAcOwGm0EgAAADbM7FPWZHHyeoecUuUDuWxvxZpTSi85PCpnT8Wb5VT7wLesv+Ksj/8JAO7phBL3ylYp9ugS99ot9ugS99ot9sgS96LYAK7I/CXOdsDM2xJdYvfM2xJdYvfM2xJZYgoKAAAQbAF5+FTVYfrs1wAAAABJRU5ErkJggg==);transform:translate(-4px) scale(1.2)}.icon--close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAbZJREFUeAHtmEFOhDAUhgsegNkTCN6AK3gETyBLl97EeAKHE6gn8AyeQBPYa9gTfC8pCWkK89r+3Uz6JYShnbbvmyHwp0olEolEInHtNE3TVlX1S8dCx7OKBM39qtf4LsuylYzJJV+a5/mNTid9+cQLKTB6zk5fNnmef0rGiQR4QuO6Q0oYxa+cJGOlAr2lDSKxU7xaluVFMFzdSL40TdN7URS39NG8L1tqb6j/Q3mwVzzRj+P4qASIBBi0xFHxwzB0SohYgEFJoIpnnASYUAlk8YyzAOMrgS6e8RJgXCViFM94CzBSiVjFM5kCQAWe6fRg6Trrc2fpCy6egQgwBxI2IMUzQbfQloPbyQRWPAMTYAQS0OIZaRZyYfHs8wL6Dxw8bVaCspMNmICg+BWoBETg6DlPx5cCp9gtwQKXXlKxovhKkID0DRtTwlvANR7EkvAS8M02MSScBUKDGVrCSQCVKpESYgF0JEZJiATquubdONsuQVC2QUiI4jRv91maYcFsL4rT/BfrE4W5LMv+jCZoqtRz9caaP5KxIgHap7zbTAiPxAzPue7G8Q9Ga96rRCKRSCSunX+MNSnlBAX+JQAAAABJRU5ErkJggg==)}.call{position:relative;display:inline-flex;align-items:center}.call__text{position:absolute;right:40px;opacity:0;transform:translate(20px);transition:.3s;white-space:nowrap;text-decoration:none;color:#fff}.call:hover .call__text{opacity:1;transform:translate(0)}.top-bar{padding-block:24px;display:flex;justify-content:space-between;align-items:center}@media (min-width: 576px){.top-bar{padding-block:64px}}.top-bar__icons{display:flex;gap:24px}.top-bar__logo{display:flex;height:38px;width:130px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.2)}@media (min-width: 576px){.top-bar__logo{height:56px;width:187px}}.menu{height:100vh;background-color:#c2c2c2;font-weight:600;text-transform:uppercase;padding:0 20px}@media (min-width: 576px){.menu{padding:0 72px}}@media (min-width: 1024px){.menu{padding:0 120px}}.menu__top{margin-bottom:32px}@media (min-width: 576px){.menu__top{margin-bottom:0}}.menu__nav{margin-bottom:40px}.menu__phone-number{display:block;color:#1d1d1d;text-decoration:none;font-size:16px;line-height:27px;margin-bottom:16px}.menu__book-a-test-ride{display:block;color:#1d1d1d;text-decoration:none;font-size:12px;line-height:16px;letter-spacing:2px;padding-bottom:7px;border-bottom:1px solid #1d1d1d;width:fit-content}.page:has(.page__menu:target){overflow:hidden}.nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px}.nav__link{position:relative;color:#1d1d1d;text-decoration:none;font-size:22px;line-height:22px;letter-spacing:2px}.nav__link:after{content:"";position:absolute;bottom:-8px;display:block;height:1px;width:100%;background-color:#1d1d1d;transition:transform .3s;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.main__content{display:grid;row-gap:96px;max-width:1020px;margin-inline:auto}@media (min-width: 576px){.main__content{row-gap:120px}}.section-title{margin:0 0 48px;font-weight:500;font-size:32px;line-height:100%;text-align:center;letter-spacing:-1.5px;white-space:nowrap}@media (min-width: 576px){.section-title{font-size:48px;margin-bottom:64px}}@media (min-width: 1024px){.section-title{font-size:64px}}.section-title--align--left{text-align:left}.product__photo{width:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-origin:center center;cursor:pointer}.product__photo:hover{transform:scale(1.12)}.compare-bikes__products{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.compare-bikes__products{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.compare-bikes__products{--columns: 12}}.compare-bikes__products{row-gap:40px}.compare-bikes__product{grid-column:1/-1}@media (min-width: 576px){.compare-bikes__product{grid-column:2/-2}}@media (min-width: 1024px){.compare-bikes__product{grid-column:span 4;row-gap:24px}}.about-us{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.about-us{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.about-us{--columns: 12}}.about-us__title{text-align:start;white-space:nowrap;margin:0 0 32px;grid-column:1/-1}@media (min-width: 576px){.about-us__title{grid-column:1/4}}@media (min-width: 1024px){.about-us__title{grid-column:span 4}}.about-us__content{grid-column:1/-1}@media (min-width: 576px){.about-us__content{grid-column:4/7}}@media (min-width: 1024px){.about-us__content{grid-column:6/-1}}.about-us__description{margin:0 0 16px;font-size:23px;line-height:140%;font-weight:500}.details__wrapper{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.details__wrapper{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.details__wrapper{--columns: 12}}.details__wrapper>:nth-child(-n+3){grid-column:1/-1}.details__wrapper{row-gap:40px}@media (min-width: 576px){.details__wrapper{row-gap:64px}}.detail{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.detail{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.detail{--columns: 12}}.detail>:nth-child(-n+2){grid-column:1/-1}.detail__photos{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width: 576px){.detail__photos{--columns: 6;column-gap:24px}}@media (min-width: 1024px){.detail__photos{--columns: 12}}.detail__photos{margin-bottom:16px;transition:.3s}.detail__photo{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-origin:center}.detail__link{position:relative;overflow:hidden;display:block;border:2px solid transparent;border-radius:12px;background:linear-gradient(#000,#000) padding-box,linear-gradient(45deg,#c9a24a,#f5e6a8,#c9a24a) border-box;background-size:0 0,0 0;transition:all .5s}@media (min-width: 576px){.detail__link--wide{grid-column:span 4}}@media (min-width: 1024px){.detail__link--wide{grid-column:span 8}}.detail__link--square{height:0;padding-bottom:100%}@media (min-width: 576px){.detail__link--square{grid-column:span 2}}@media (min-width: 1024px){.detail__link--square{grid-column:span 4}}.detail__link:hover{background:linear-gradient(#000,#000) padding-box,linear-gradient(45deg,#c9a24a,#f5e6a8,#c9a24a) border-box;background-size:auto,auto}.detail__link:hover .detail__photo{transform:scale(1.08)}.detail__title{margin:0;font-weight:700;font-size:24px;line-height:140%}.detail__description{grid-column:1/-1;font-weight:400}@media (min-width: 1024px){.detail__description{grid-column:span 8}}.detail__button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;margin:0 auto;font-size:16px;font-weight:700;grid-column:1/-1;height:56px;width:100%;border-radius:40px;background-color:#fff;color:#1d1d1d;cursor:pointer;transition:box-shadow .3s,transform .2s}.detail__button:hover{box-shadow:1px 4px 16px #e8e8f066;transform:scale(1.02)}.detail__button:active{box-shadow:1px 4px 16px #e8e8f0a3;transform:translateY(1px)}@media (min-width: 576px){.detail__button{grid-column:2/-2}}@media (min-width: 1024px){.detail__button{grid-column:4/-4}}.contacts{display:flex;flex-direction:column}.contacts__content{display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px}@media (min-width: 576px){.contacts__content{grid-template-columns:repeat(6,1fr);column-gap:24px}}@media (min-width: 1024px){.contacts__content{grid-template-columns:repeat(12,1fr);column-gap:24px}}.contacts__form{grid-column:1/-1;display:flex;flex-direction:column;gap:16px;width:100%}@media (min-width: 576px){.contacts__form{grid-column:span 3}}@media (min-width: 1024px){.contacts__form{grid-column:span 5}}.contacts__input,.contacts__textarea{padding:14px 16px;border-radius:40px;border:none;background:#f7f7f7;font-size:14px}.contacts__textarea{height:120px;border-radius:16px;resize:none;margin-bottom:32px}.contacts__button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;margin:0 auto;font-size:16px;font-weight:700;grid-column:1/-1;height:56px;width:100%;border-radius:40px;background-color:#fff;color:#1d1d1d;cursor:pointer;transition:box-shadow .3s,transform .2s}.contacts__button:hover{box-shadow:1px 4px 16px #e8e8f066;transform:scale(1.02)}.contacts__button:active{box-shadow:1px 4px 16px #e8e8f0a3;transform:translateY(1px)}.contacts__info{display:grid;row-gap:24px;grid-column:1/-1}@media (min-width: 576px){.contacts__info{grid-column:span 3;grid-template-columns:repeat(2,1fr);column-gap:24px}}@media (min-width: 1024px){.contacts__info{grid-column:8/-1}}.contacts__label{font-size:12px;color:#fff;margin:0 0 8px}.contacts__link{text-decoration:none;color:#fff;font-weight:500}.contacts__text{margin:0;font-size:16px;font-weight:400}.contacts__item--wide{grid-column:1/-1}.footer{height:200px;background-image:url(/layout_landing-page/assets/footer-image-xxCDHRt5.png);background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 576px){.footer{height:400px}}@media (min-width: 1024px){.footer{height:460px}}
