h1{font-family:Roboto,sans-serif;font-weight:400}@font-face{font-family:Roboto,Arial,Helvetica,sans-serif;src:url(/layout_miami/assets/Roboto-Regular-webfont-Fd-ZVn32.woff) format("woff");font-weight:400;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.title{font-family:Poppins,sans-serif;font-weight:700;font-style:Bold;font-size:36px;line-height:100%;letter-spacing:-1.5px;text-align:center;vertical-align:middle;color:#fff}@media (min-width: 744px){.title{font-size:64px}}@media (min-width: 1260px){.title{font-size:80px}}.title--secondary{font-family:Poppins,sans-serif;font-weight:500;font-style:Medium;font-size:32px;line-height:100%;letter-spacing:-1.5px;text-align:left;color:fff}@media (min-width: 744px){.title--secondary{font-size:48px}}@media (min-width: 1260px){.title--secondary{font-size:64px}}.title--section{color:#fff;font-weight:500;font-style:medium;font-size:32px;line-height:100%;text-align:center;letter-spacing:-1.5px}@media (min-width: 744px){.title--section{font-size:48px}}@media (min-width: 1260px){.title--section{font-size:64px}}.header{background-color:#000;background-image:url(/layout_miami/assets/header-background-DzB5SpGN.jpg);background-repeat:no-repeat;background-size:cover;background-position:calc(100% + 50px) center;min-height:100vh;padding:0 20px 88px;box-sizing:border-box;grid-template-rows:1fr 1fr}@media (min-width: 744px){.header{background-position:center}}@media (min-width: 1260px){.header{background-position:center}}.header{display:grid;justify-content:center;grid-template-columns:repeat(2,130px);gap:20px}@media (min-width: 744px){.header{grid-template-columns:repeat(6,80px);gap:24px}}@media (min-width: 1260px){.header{grid-template-columns:repeat(12,63px);gap:24px}}.header__navigation{align-self:start;grid-column:1/3;grid-row:1/2}.header__navigation>div{display:flex;align-items:center;gap:24px}@media (min-width: 744px){.header__navigation>div{gap:36px}}@media (min-width: 1260px){.header__navigation>div{gap:32px}}@media (min-width: 744px){.header__navigation{grid-column:1/7}}@media (min-width: 1260px){.header__navigation{grid-column:1/13}}.header__title{align-self:end;grid-column:1/3;grid-row:2/3}@media (min-width: 744px){.header__title{grid-column:1/7}}@media (min-width: 1260px){.header__title{grid-column:1/13}}.main{padding:60px 20px;font-family:Poppins,sans-serif;font-weight:500;font-style:medium;font-size:23px;line-height:140%;letter-spacing:0;color:#fff;background:#1d1d1d}@media (min-width: 744px){.main{padding:120px 70px}}@media (min-width: 1260px){.main{padding:120px}}.main{display:grid;justify-content:center;grid-template-columns:repeat(2,130px);gap:20px}@media (min-width: 744px){.main{grid-template-columns:repeat(6,80px);gap:24px}}@media (min-width: 1260px){.main{grid-template-columns:repeat(12,63px);gap:24px}}.main__title{margin-bottom:32px;grid-column:1/3}@media (min-width: 744px){.main__title{grid-column:1/4}}@media (min-width: 1260px){.main__title{grid-column:1/5}}.main__content{grid-column:1/3}@media (min-width: 744px){.main__content{grid-column:4/7}}@media (min-width: 1260px){.main__content{grid-column:6/12}}.main__compare{grid-column:1/3}@media (min-width: 744px){.main__compare{grid-column:2/6}}@media (min-width: 1260px){.main__compare{grid-column:1/13}}.main__section{grid-column:1/3}@media (min-width: 744px){.main__section{grid-column:1/7}}@media (min-width: 1260px){.main__section{grid-column:1/13}}.article__title{font-family:Poppins,sans-serif;font-weight:700;font-style:Bold;font-size:24px;line-height:140%;letter-spacing:0;margin-bottom:8px}.article__description{font-family:Poppins,sans-serif;font-weight:400;font-style:Regular;font-size:16px;line-height:140%;letter-spacing:0;margin-bottom:40px}@media (min-width: 744px){.article__description{margin-bottom:48px}}@media (min-width: 1260px){.article__description{margin-bottom:48px;max-width:66%}}.pictures{grid-template-columns:1fr 1fr;margin-bottom:16px;display:grid;justify-content:center;grid-template-columns:repeat(2,130px);gap:20px}@media (min-width: 744px){.pictures{grid-template-columns:repeat(6,80px);gap:24px}}@media (min-width: 1260px){.pictures{grid-template-columns:repeat(12,63px);gap:24px}}.pictures__item{width:100%;position:relative;padding-top:100%}@media (min-width: 744px){.pictures__item{padding-top:187px}.pictures__item--big{grid-column:span 4}.pictures__item--small{grid-column:span 2}}@media (min-width: 1260px){.pictures__item{padding-top:320px}.pictures__item--big{grid-column:span 8}.pictures__item--small{grid-column:span 4}}.pictures__image{top:0;width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .3s ease}.pictures__item:hover .pictures__image{transform:scale(1.05)}.button{background:#fff;border-radius:40px;display:block;text-decoration:none;text-align:center;height:56px;width:278px;font-family:Poppins,sans-serif;font-style:bold;font-size:16px;line-height:56px;font-weight:700;color:#1d1d1d;margin:0 auto}@media (min-width: 744px){.button{width:392px}}@media (min-width: 1260px){.button{width:324px}}.button--primary{width:280px}@media (min-width: 744px){.button--primary{width:288px}}@media (min-width: 1260px){.button--primary{width:411px}}.button--primary:hover{box-shadow:1px 4px 16px #e8e8f066}.bike__photo{width:280px;height:228px;object-fit:cover;object-position:top;display:block;margin:0 auto 32px}@media (min-width: 744px){.bike__photo{width:392px;height:319px}}@media (min-width: 1260px){.bike__photo{width:324px;height:256px}}.bike__name{font-family:Poppins,sans-serif;font-style:bold;font-weight:700;font-size:24px;line-height:140%;color:#fff;margin-bottom:8px}.bike__description{font-family:Poppins,sans-serif;font-weight:400;font-style:Regular;font-size:16px;line-height:140%;letter-spacing:0;color:#fff;margin-bottom:16px}.bike__price{font-family:Poppins,sans-serif;font-style:bold;font-weight:700;font-size:24px;line-height:140%;color:#fff;margin-bottom:40px}.address__label{font-family:Poppins,sans-serif;font-style:Regular;font-weight:400;font-size:14px;line-height:140%;color:#fff;margin-bottom:8px}.address__content{font-family:Poppins,sans-serif;font-style:medium;font-weight:500;font-size:16px;line-height:140%;margin-bottom:24px;color:#fff;text-decoration:none;transition:color .3s}.address__content:hover{color:#7e7e83}.form{display:flex;flex-direction:column;gap:20px}.form__input{background:#f7f8ff;border-radius:48px;border:0;width:100%;box-sizing:border-box;height:48px;line-height:48px;padding-left:17px}.form__input::placeholder{font-family:Poppins,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:27px;color:#8f99a8}.form__textarea{background:#f7f8ff;border-radius:16px;border:0;width:100%;box-sizing:border-box;line-height:48px;padding-top:14px;padding-left:17px}.form__textarea::placeholder{font-family:Poppins,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:27px;color:#8f99a8}.form__label:not(:focus,:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.footer{height:200px;background-image:url(/layout_miami/assets/footer-Du1Gsr1n.jpg);background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;align-items:center;box-sizing:border-box;background-position:90% center}@media (min-width: 744px){.footer{height:480px}}@media (min-width: 1260px){.footer{height:555px}}.navigation{display:flex;justify-content:space-between;padding-top:25px;align-items:center}.navigation__item--hidden{opacity:0}.menu{position:fixed;top:0;left:0;right:0;z-index:1000;transform:translate(-100%);transition:transform .4s ease-in-out;background:#c2c2c2;padding:0 20px 20px;min-height:100vh;display:grid;justify-content:center;grid-template-columns:repeat(2,130px);gap:20px}@media (min-width: 744px){.menu{grid-template-columns:repeat(6,80px);gap:24px}}@media (min-width: 1260px){.menu{grid-template-columns:repeat(12,63px);gap:24px}}.menu{align-content:start}.menu:target{transform:translate(0)}.menu__navigation{grid-column:span 2}@media (min-width: 744px){.menu__navigation{grid-column:span 6}}@media (min-width: 1260px){.menu__navigation{grid-column:span 12}}.menu__links{margin-bottom:40px;grid-column:span 2}@media (min-width: 744px){.menu__links{grid-column:span 6}}@media (min-width: 1260px){.menu__links{grid-column:span 12}}.menu__paragraph{font-family:Poppins,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:16px;color:#1d1d1d;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;grid-column:span 2}@media (min-width: 744px){.menu__paragraph{grid-column:span 6}}@media (min-width: 1260px){.menu__paragraph{grid-column:span 12}}.menu__link{font-family:Poppins,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding-bottom:8px;border-bottom:1px solid rgb(29,29,29);color:#1d1d1d}.menu__link:hover{border-bottom:1px solid transparent}.menu{overflow-y:auto}body:has(.menu:target){overflow:hidden}.links{padding-top:50px}.links__item{margin-bottom:23px}.links__link{font-family:Poppins,sans-serif;font-style:normal;font-weight:700;font-size:22px;line-height:22px;letter-spacing:2px;text-transform:uppercase;color:#1d1d1d;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:8px;display:inline-block}.links__link:hover{border-bottom:1px solid rgb(29,29,29)}.section{padding-top:64px}.section__title{margin-bottom:48px}.bikes{display:grid;justify-content:center;grid-template-columns:repeat(2,130px);gap:20px}@media (min-width: 744px){.bikes{grid-template-columns:repeat(6,80px);gap:24px}}@media (min-width: 1260px){.bikes{grid-template-columns:repeat(12,63px);gap:24px}}.bikes__bike{grid-column:span 2}@media (min-width: 744px){.bikes__bike{grid-column:2/6}}@media (min-width: 1260px){.bikes__bike{grid-column:span 4}}.contact{display:grid;justify-content:center;grid-template-columns:repeat(2,130px);gap:20px}@media (min-width: 744px){.contact{grid-template-columns:repeat(6,80px);gap:24px}}@media (min-width: 1260px){.contact{grid-template-columns:repeat(12,63px);gap:24px}}.contact__address{grid-column:span 2}@media (min-width: 744px){.contact__address{grid-column:span 3}}@media (min-width: 1260px){.contact__address{grid-column:8/13}}.contact__form{grid-column:span 2}@media (min-width: 744px){.contact__form{grid-column:span 3}}@media (min-width: 1260px){.contact__form{grid-column:1/6}}.burger{display:flex}.burger__label{font-family:Poppins,sans-serif;font-style:normal;font-weight:700;font-size:10px;line-height:133%;letter-spacing:2px;text-transform:uppercase;color:#fff;position:absolute}.burger__icon{width:18px;height:12px}@media (min-width: 744px){.burger__icon{width:24px;height:16px}}@media (min-width: 1260px){.burger__icon{width:24px;height:16px}}.burger:not(:hover) .burger__label{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.phone{display:flex}.phone__label{font-family:Poppins,sans-serif;font-style:normal;font-weight:700;font-size:10px;line-height:133%;letter-spacing:2px;text-transform:uppercase;color:#fff;position:absolute;transform:translate(calc(-100% - 20px)) translateY(3px)}.phone__icon{width:18px;height:18px}@media (min-width: 744px){.phone__icon{width:24px;height:24px}}@media (min-width: 1260px){.phone__icon{width:24px;height:24px}}.phone:not(:hover) .phone__label{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.logo__image{height:38px;width:auto}@media (min-width: 744px){.logo__image{height:56px;width:auto}}@media (min-width: 1260px){.logo__image{height:56px;width:auto}}.cross__icon{width:24px;height:24px}@media (min-width: 744px){.cross__icon{width:32px;height:32px}}@media (min-width: 1260px){.cross__icon{width:32px;height:32px}}body{background:#eee}