h1{font-family:Roboto,sans-serif;font-weight:400}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Roboto;src:url(Roboto-Regular-webfont.1b7be813.woff) format("woff");font-weight:400;font-style:normal}.header{background-color:#000;background-image:url(bike-small.d72ffb73.jpg);background-position:100%;background-repeat:no-repeat;background-size:cover;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box}@media screen and (min-width:744px){.header{background-position:50%}}@media screen and (min-width:1260px){.header{background-image:url(bike-main.375ec6da.jpg)}}.title{color:#fff;text-align:center;font-family:Poppins,sans-serif;font-size:36px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:-1.5px;box-sizing:border-box}.title--main{padding-bottom:88px}@media screen and (min-width:744px){.title--main{font-size:64px;padding-bottom:130px}}@media screen and (min-width:1260px){.title--main{font-size:80px;padding-bottom:203px}}.title--secondary{color:#fff;font-family:Poppins,sans-serif;font-size:32px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:-1.5px;text-align:left}@media screen and (min-width:744px){.title--secondary{font-size:48px}}@media screen and (min-width:1260px){.title--secondary{font-size:64px}}.title--section{font-size:32px;font-weight:500;line-height:32px;text-transform:capitalize;margin-top:92px;margin-bottom:16px;position:relative;z-index:1}@media screen and (min-width:744px){.title--section{font-size:48px;margin-top:132px}}@media screen and (min-width:1260px){.title--section{font-size:64px;margin-top:164px}}.title--contacts{font-size:32px;font-weight:500;line-height:32px;text-transform:capitalize;margin-top:92px;margin-bottom:16px}@media screen and (min-width:744px){.title--contacts{color:#fff;text-align:center;font-family:Poppins,sans-serif;font-size:48px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:-1.5px}}@media screen and (min-width:1260px){.title--contacts{color:#fff;text-align:center;font-family:Poppins,sans-serif;font-size:48px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-1.5px}}.content{background:#1d1d1d;color:#fff;font-family:Poppins,sans-serif;font-size:23px;font-style:normal;font-weight:500;line-height:140%;overflow-y:auto}.content__paragraph{box-sizing:border-box}.section{--firstColumnSize:280px;--noOfColumns:1;display:grid;justify-content:center;grid-template-columns:repeat(var(--noOfColumns),var(--firstColumnSize));padding:0 20px;gap:24px}.section--first{padding-top:60px;gap:32px}@media screen and (min-width:744px){.section--first{--noOfColumns:2;grid-template-columns:1fr 1fr;gap:24px;padding:120px 72px 0}}@media screen and (min-width:1260px){.section--first{padding:120px 207px 0 120px}}@media screen and (min-width:744px){.section--bikes{--firstColumnSize:392px;padding:0 72px}}@media screen and (min-width:1260px){.section--bikes{--firstColumnSize:1fr;--noOfColumns:3;padding:0 120px}}.section--details{grid-template-columns:1fr}@media screen and (min-width:744px){.section--details{padding:0 72px}}@media screen and (min-width:1260px){.section--details{padding:0 120px}}.section--contacs{--firstColumnSize:280px;gap:32px;padding-bottom:120px}@media screen and (min-width:744px){.section--contacs{--firstColumnSize:280px;--noOfColumns:2;gap:24px;margin-top:32px;padding:0 72px 120px}}@media screen and (min-width:1260px){.section--contacs{--firstColumnSize:1fr;gap:198px;padding:0 120px 120px}}.article{box-sizing:border-box}.article--details{padding-top:40px}@media screen and (min-width:744px){.article--details{padding-top:48px}}.article__image{box-sizing:border-box;width:100%;object-fit:cover;transition:transform 1s ease}.article__image:hover{transform:scale(1.1)}.article__image--details{object-fit:cover}.article__name{padding-top:32px}.article__name,.article__name--details{font-size:24px;font-style:normal;font-weight:700;line-height:140%}.article__name--details{padding-top:16px;color:#fff;font-family:Poppins,sans-serif}.article__paragraph{font-size:16px;font-style:normal;font-family:Poppins,sans-serif;font-weight:400;line-height:140%;padding-top:8px}.article__price{font-size:24px;font-style:normal;font-weight:700;line-height:140%;padding-top:16px}.article__photoholder{--photoSize:1fr;--photoSizeFluid:1fr;--photoHeight:130px;--fit:cover;display:grid;justify-content:center;grid-template-columns:var(--photoSizeFluid) var(--photoSize);gap:20px;transition:transform 1s ease}.article__photoholder :hover{transform:scale(1.1)}@media screen and (min-width:744px){.article__photoholder{--photoHeight:187px;--photoSize:1fr;--photoSizeFluid:2fr}}@media screen and (min-width:1260px){.article__photoholder{--photoHeight:320px;--photoSize:1fr;--photoSizeFluid:2fr}}.article__photoholder--reversed{--photoSize:1fr;--photoSizeFluid:1fr}@media screen and (min-width:744px){.article__photoholder--reversed{--photoSize:2fr;--photoSizeFluid:1fr}}.article__photoholder>.article__image{aspect-ratio:1/1}@media screen and (min-width:744px){.article__photoholder>.article__image{aspect-ratio:1/1}}@media screen and (min-width:1260px){.article__photoholder>.article__image{aspect-ratio:1/1}}@media screen and (min-width:744px){.article__photoholder>.article__image--details{aspect-ratio:2/1}}@media screen and (min-width:1260px){.article__photoholder>.article__image--details{aspect-ratio:2/1}}.button{display:flex;width:278px;height:56px;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;border:0;border-radius:40px;background:#fff;color:#1d1d1d;text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:27px;margin:40px auto 0;text-decoration:none}.button:hover{box-shadow:1px 4px 16px 0 rgba(232,232,240,.4)}.button:active{box-shadow:1px 4px 16px 0 rgba(232,232,240,.4)}@media screen and (min-width:744px){.button{width:392px;margin-top:48px}}@media screen and (min-width:1260px){.button{width:324px}}@media screen and (min-width:744px){.button--details{width:278px}}@media screen and (min-width:1260px){.button--details{width:100%}}.form{color:#7e7e83;line-height:16px}.form,.form__input{font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400}.form__input{border:0;border-radius:40px;background:#f8f8fa;height:48px;width:100%;padding:14px 16px;box-sizing:border-box;color:#292929;line-height:20px}.form__input:focus{outline:none}.form__textarea{width:100%;min-height:148px;align-items:flex-start;gap:10px;border-radius:16px;background:#f8f8fa;padding:14px 16px;box-sizing:border-box;color:#292929;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;resize:none}.form__textarea:focus{outline:none}.form__label{visibility:hidden}.adress{position:relative;margin-top:8px}.adress__label{font-size:14px;font-weight:400}.adress__content,.adress__label{position:relative;color:#fff;font-family:Poppins,sans-serif;font-style:normal;line-height:140%;box-sizing:border-box;display:inline-block;width:100%}.adress__content{text-decoration:none;font-size:16px;font-weight:500;margin-bottom:24px}.footer{height:200px;padding-top:120px;background-image:url(footer.4b505c30.jpg);background-size:cover;background-repeat:no-repeat;background-position:right 35% bottom 45%}@media screen and (min-width:744px){.footer{height:480px}}@media screen and (min-width:1260px){.footer{height:555px}}.hamburger-menu{height:21px;width:26px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;transition:width 2s ease,background-color .5s ease}@media screen and (min-width:744px){.hamburger-menu{height:26px;width:33px}}.bar{display:block;height:4px;width:100%;border-radius:10px;background-color:#fff}.hamburger-menu .bar--1{transform-origin:0 0;transition:transform .4s ease-in-out}.hamburger-menu .bar--2{transition:transform .2s ease-in-out}.hamburger-menu .bar--3{transform-origin:0 100%;transition:transform .4s ease-in-out}.hamburger-menu:hover .bar--1{transform:scaleX(.7)}.hamburger-menu:hover .bar--3{transform:scaleX(.4)}.hamburger-menu.active .bar--1{transform:rotate(45deg);background-color:#000}.hamburger-menu.active .bar--2{transform:scaleY(0)}.hamburger-menu.active .bar--3{transform:rotate(-45deg);background-color:#000}.navigation{box-sizing:border-box;padding:24px 20px;display:flex;position:absolute;top:0;width:100%;align-items:center;justify-content:space-between}@media screen and (min-width:744px){.navigation{padding:36px 72px}}@media screen and (min-width:1260px){.navigation{padding:36px 120px}}.navigation__container{display:flex;justify-content:space-between;text-decoration:none}.navigation__phonecontainer{display:flex;align-items:center;position:relative;text-decoration:none}.navigation__phone{padding-right:24px;height:24px;width:24px;display:flex}@media screen and (min-width:744px){.navigation__phone{padding-right:32px;height:32px;width:32px}}.navigation__logo{width:130px;height:38px;background-image:url(Default.89d5454c.svg);background-size:contain;background-repeat:no-repeat;z-index:2}@media screen and (min-width:744px){.navigation__logo{width:187px;height:56px}}.navigation__logo>img{max-width:100%;height:auto}.navigation__number{color:var(--gray-white,#fff);text-align:right;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding-right:20px;opacity:0;transition:opacity 1s ease;position:absolute;left:-120px;top:40px;text-decoration:none}@media screen and (min-width:744px){.navigation__number{position:relative;top:0;left:0}}@media screen and (min-width:744px){.navigation__phonecontainer:hover :first-child{display:block;opacity:1}}.navigation__logo.active{background-image:url(Menu_logo.8583e6be.svg)}.page__body--with-menu{overflow:hidden}.links{width:100%;height:100vh;top:0;left:0;background:#c2c2c2;position:absolute;box-sizing:border-box;padding:110px 20px 121px;transition:transform .5s ease;transform:translateX(-300vh)}@media screen and (min-width:744px){.links{height:100vh;padding:118px 72px 175px}}@media screen and (min-width:1260px){.links{padding:152px 121px 211px}}.links__item{color:#1d1d1d;font-family:Poppins,sans-serif;font-size:22px;font-style:normal;font-weight:600;line-height:22px;letter-spacing:2px;text-transform:uppercase;padding-bottom:32px}.links__item--phone{font-size:16px;letter-spacing:normal;padding:8px 0}.links__item--phone,.links__link{color:#1d1d1d;text-decoration:none}.links__link{display:inline-block;border-bottom:1px solid transparent}.links__link--call{font-size:12px;line-height:16px;padding-bottom:8px;border-bottom:1px solid #1d1d1d}.links__link:hover{border-color:#1d1d1d}.links.active{transform:translateX(0)}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.820440c4.css.map */