moto

Filter By:

Filter

Home
moto

Filter

.banner.banner-cat .text-content { font-size: 1.6rem; font-weight: 400; display: inline-block; background-color: #fff; padding: 1.2rem 2rem; text-align: center; min-width: 170px; border-radius: .2rem; position: absolute; top: auto; bottom: 3.2rem; right: auto; left: 50%; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); overflow: hidden; } .banner.banner-cat .banner-title { color: #333333; font-weight: 500; font-size: 2rem; line-height: 1.3; margin-bottom: .1rem; letter-spacing: -.03em; -webkit-transition: all .3s ease; transition: all .3s ease; } .banner.banner-cat .banner-subtitle { color: #999999; font-weight: 300; font-size: 1.6rem; line-height: 1.2; letter-spacing: 0; margin-bottom: 0rem; -webkit-transition: all .3s ease; transition: all .3s ease; } .banner.banner-cat .banner-link-text { opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; transform: translateY(100%); -webkit-transform: translateY(100%); } .banner.banner-cat .img__banner:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .banner.banner-cat:hover .img__banner:before{ opacity: 1; } .banner.banner-cat:hover .banner-link-text, .banner.banner-cat:focus .banner-link-text { opacity: 1; background-color: #cc9966; transform: translateY(0); -webkit-transform: translateY(0); }

Useful Links

Shop Now

Atelier Services