FIND THE BIKE

Get Comprehensive Information on Bike Prices, Specs, Reviews & More!

.latest { background-color: #fafafa; padding: 25px 0px; } .latest .head-text h2 { padding-left: 20px; margin-top: 25px; font-size: 23px; font-weight: 500; color: #24272c; font-family: roboto, Sans-Serif, Arial; } .latest .hg-tabs { margin-top: 10px; border-bottom: none; -webkit-box-shadow: 0 4px 0 0 rgba(242, 242, 242, 0.36), 0 5px 0 0 #fafafa; box-shadow: 0 4px 0 0 rgba(242, 242, 242, 0.36), 0 5px 0 0 #fafafa; } .latest .hg-tabs .nav-link { color: #999999; font-size: 16px; text-transform: uppercase; } .latest .hg-tabs .nav-link.active, .latest .hg-tabs .nav-link.active:hover { border-color: transparent; -webkit-box-shadow: 0 3px 0 0 #e14d43; box-shadow: 0 3px 0 0 #e14d43; color: #e14d43; background: transparent; } .latest .hg-tabs .nav-link:hover { border-color: transparent; -webkit-box-shadow: 0 3px 0 0 #f0f0f0; box-shadow: 0 3px 0 0 #f0f0f0; } .latest .hg-tabs .nav-link.active:focus { border-color: transparent; } .latest .section { background-color: #fff; -webkit-box-shadow: 0 2px 2px #e2e2e2, 0 1px 1px #f1f1f1; box-shadow: 0 2px 2px #e2e2e2, 0 1px 1px #f1f1f1; } .latest .section .tab-content { color: #888888; padding: 10px 20px; } .latest .section .tab-content .card { -webkit-box-shadow: 0 1px 3px rgba(36, 39, 44, 0.15); box-shadow: 0 1px 3px rgba(36, 39, 44, 0.15); } .latest .section .tab-content .card .item img { width: 100%; height: auto; background: white; padding-bottom: 17px; } .latest .section .tab-content .card .item p { padding-left: 15px; font-size: 16px; font-weight: 400; color: #242424; } .latest .section .tab-content .card .item h4 { padding-left: 15px; font-size: 18px; font-weight: 600; line-height: 7px; color: #242424; } .latest .section .tab-content .card .item .btn { border: 1px solid red; border-radius: none; margin: 10px; width: 90%; height: 40px; background: none; } .latest .section .tab-content .card .item .btn:hover { background: red; color: white; } .latest .section .tab-content .card .item .large-btn { margin-top: 25px; margin-bottom: 20px; padding-left: 15px; } .latest .section .tab-content .card .item .large-btn .myButt { font-size: 16px; font-weight: 500; background: none; width: 95%; height: 40px; border-radius: 5px; display: inline-block; outline: none; cursor: pointer; position: relative; border: 1px solid rgba(33, 37, 41, 0.6); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .latest .section .tab-content .card .item .large-btn .one { overflow: hidden; color: #212529; } .latest .section .tab-content .card .item .large-btn .one .insider { background-color: #fff; width: 100%; height: 20px; position: absolute; left: -175px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .latest .section .tab-content .card .item .large-btn .one:hover { background-color: #e14d43; border-color: #e14d43; color: white; } .latest .section .tab-content .card .item .large-btn .one:hover .insider { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; left: 175px; } .latest .section .tab-content .card:hover { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0); } .latest .section .tab-content .responsive ul li { display: none; } .latest .section .tab-content .responsive .prv-arr { position: absolute; left: -5%; top: 40%; width: 35px; height: 35px; border-radius: 50px; background: white; -webkit-box-shadow: 0px 1px 3px #adadad; box-shadow: 0px 1px 3px #adadad; text-align: center; padding-top: 7px; line-height: 20px; color: #dcdce6; font-size: 18px; cursor: pointer; z-index: 99; } .latest .section .tab-content .responsive .nxt-arr { position: absolute; right: -5%; top: 40%; width: 35px; height: 35px; border-radius: 50px; background: white; -webkit-box-shadow: 0px 1px 3px #adadad; box-shadow: 0px 1px 3px #adadad; text-align: center; padding-top: 7px; line-height: 20px; color: #dcdce6; font-size: 18px; cursor: pointer; z-index: 99; }