* {
    padding: 0;
    margin: 0;
    outline: 0
}

ol,
ul {
    list-style: none
}

a {
    text-decoration: none
}

.container {
    max-width: 1280px !important
}

body {
    font-family: roboto, Sans-Serif, Arial;
    overflow-x: hidden;
    background: #fff
}

.top_ad_desktop {
    display: block
}

.top_ad_desktop img {
    width: 100% !important
}

.top_ad_tab {
    display: none
}

.top_ad_mobile {
    display: none
}

.top-bar {
    background: #fff
}

#logo-bar {
    border-bottom: 1px solid #ddd
}

#language {
    padding: 3px;
    margin-right: 60px;
    width: 105px;
    height: 32px;
    margin: auto !important
}

.sign-btn {
    border: 1px solid #dc181f !important;
    color: #dc181f;
    width: 85px;
    font-size: 14px;
    padding: 5px
}

.sign-btn:hover {
    background: #dc181f;
    color: #fff
}

.sign-in {
    background: #dc181f;
    color: #fff
}

.sign-in:hover {
    background-color: transparent;
    color: #dc181f
}

.top-search-btn {
    border: 1px solid #dc181f;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #dc181f;
    color: #fff
}

.top-search-btn:hover {
    background-color: transparent;
    color: #dc181f
}

.top-search-box {
    border: 1px solid #dc181f;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 300px
}

#menubar .navbar-expand-lg .navbar-nav .nav-link {
    padding: 8px 12px !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(36, 39, 44, .87)
}

#menubar .dropdown-item {
    padding: 12px 15px !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(36, 39, 44, .87);
    transition: all .3s linear
}

#menubar .dropdown-item:hover {
    background-color: #dc181f;
    color: #fff
}

.top-bar {
    box-shadow: 0 3px 6px 0 rgba(36, 39, 44, .1)
}

#filter-area {
    padding: 20px 0 0 0
}

.filter-side-card {
    padding: 15px;
    background: #fff
}

.filter-side-head {
    font-size: 14px;
    font-weight: 700
}

.filter-side-name {
    font-size: 14px;
    font-weight: 500
}

.filter-side-name a {
    color: #222
}

.filter-side-name a:hover {
    text-decoration: underline
}

.single-filter-side {
    padding: 11px 0
}

.filter-card {
    padding: 20px;
    background: #fff
}

.single-by-brand {
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

.single-by-brand a {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    display: block
}

.single-by-brand a:hover {
    color: #dc181f
}

.by-brand-head {
    font-size: 14px;
    font-weight: 700;
    color: #222
}

.by-brand {
    padding-left: 20px;
    border-left: 1px solid #ddd
}

#brows-bike {
    padding-top: 20px
}

.main-brows-bike {
    padding: 20px 20px 0 20px;
    background: #fff
}

.browse-tab .nav-item {
    width: 25%
}

.browse-tab .nav-item button {
    margin: auto;
    width: 100%
}

.browse-tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 0;
    border-color: transparent;
    border-bottom: 2px solid #dc181f
}

.browse-tab-content {
    padding: 30px 30px 10px 30px
}

.browse-brand-name {
    color: #82888b;
    font-weight: 700;
    font-size: 18px
}

.single-browse-brand:hover .browse-brand-name {
    color: #222
}

.view-more-btn {
    padding: 7px 20px;
    border: 1px solid #3799a7;
    background: 0 0;
    margin-top: 40px;
    color: #3799a7;
    transition: all .3s linear
}

.view-more-btn i {
    margin-left: 5px
}

.view-more-btn:hover {
    background: #3799a7;
    color: #fff
}

.browse-bikes-head {
    text-align: left;
    padding: 0 20px;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0 !important;
    text-transform: capitalize
}

.main-br-bk {
    padding: 30px 0;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    background: #fff
}

#most-popular {
    padding: 20px 0 0 0
}

.main-most-popular {
    padding: 20px 0 0 0;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    background: #fff
}

.main-most-popular-bikebd {
    padding: 20px 0 0 0
}

.tab-cards-main {
    padding: 0 20px
}

.main-most-popular-bikebd #nav-tabContent {
    padding: 20px 0 0 0
}

.most-popular-tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #dc181f
}

.mp-bike-bd {
    color: #222;
    font-size: 16px
}

.mp-bike-bd:hover {
    color: #222
}

.vo-btn {
    width: 100%;
    padding: 8px 0;
    background-color: transparent;
    border: 1px solid #dc181f;
    color: #dc181f;
    font-size: 12px;
    font-weight: 700;
    display: block;
    text-align: center
}

.vo-btn:hover {
    color: #dc181f
}


.left-round.slick-arrow {
    position: absolute;
    top: 40%;
    z-index: 999;
    background-color: #ddd;
    left: 0;
    opacity: 70%;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center
}

.left-round.slick-arrow i {
    font-size: 25px;
    line-height: 40px;

}
.right-round.slick-arrow {
    position: absolute;
    right: 0;
    top: 40%;
    z-index: 999;
    background-color: #ddd;
    opacity: 70%;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center
}

.right-round.slick-arrow i {
    font-size: 25px;
    line-height: 40px;
}



.mp-bd-card {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
   
}
.compare-bd-card{
    padding: 20px;
    margin: 40px;
}

.mp-bd-card .form-label{
    padding-top: 12px;
}

.latest-bikes {
    padding: 20px 0 0 0
}

.latest-tab {
    padding-top: 20px
}

.latest-bike-name {
    font-size: 15px;
    font-weight: 700;
    color: #222
}
.latest-bike-price strong{
    font-size: 20px;
    }
.latest-bike-price {
    font-size: 20px;
    font-weight: 400;
    color: #555
}

.expt-date {
    padding-bottom: 5px;
    font-size: 12px;
    color: rgba(36, 39, 44, .5)
}

.rev-bike-name {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    padding-bottom: 6px
}

.rev-star p {
    background: #68be8d !important;
    padding: 2px 5px;
    font-size: 10px;
    color: #fff;
    border-radius: 3px
}

.rev-star p i {
    font-size: 8px;
    padding-left: 2px
}

.rev-number p {
    padding-left: 10px;
    font-size: 13px;
    color: #999
}

.rev-top {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.user-img {
    width: 40px;
    height: 40px
}

.user-img img {
    border-radius: 50%
}

.time {
    color: #999;
    font-size: 14px
}

.user-name {
    padding-left: 10px
}

.rev-botttom {
    text-align: center;
    padding: 7px 0 0 0;
    border-top: 1px solid #ddd;
    margin-top: 10px
}

.rev-botttom a {
    color: #1079b1;
    font-size: 14px
}

.rev-text {
    font-size: 14px;
    padding: 15px 0
}

#footer {
    padding: 40px 0 0 0;
    margin-top: 20px;
    background-color: #000
}

.footer-text {
    padding-bottom: 40px
}

.footer-text h2 {
    font-size: 25px;
    color: #fff
}

.footer-text p {
    font-size: 14px;
    color: #fff
}

.footer-menu {
    padding: 20px 0;
    border-top: 1px solid #999
}

.footer-menu ul {
    padding-left: 0;
    display: flex;
    margin-bottom: 0 !important
}

.footer-menu ul li a {
    padding: 5px 15px;
    border-right: 1px solid #666;
    color: #666
}

.copyright {
    background: #dc181f;
    text-align: center
}

.copyright p a {
    color: #fff
}

.ltn-tittle {
    font-size: 16px;
    font-weight: 400;
    color: #222
}

.ltn-tittle a {
    color: #222;
    transition: all .2s linear
}

.ltn-tittle a:hover {
    color: #3799a7
}

.ltn-author {
    color: #7b7b7b;
    font-size: 14px
}

.ltn-author a {
    color: #3799a7
}

.ltn-date li {
    color: #7b7b7b;
    font-size: 14px;
    padding-right: 14px
}

.ltn-line-next {
    position: relative
}

.ltn-line-next:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background-color: #7b7b7b;
    top: 0;
    left: -8px
}

.slider-labels {
    margin-top: 50px
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 8px
}

.noUi-horizontal .noUi-handle {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    left: -7px;
    top: -9px;
    background-color: #dc181f
}

.noUi-background {
    background: #d6d7d9
}

.noUi-connect {
    background: #7a7a7a;
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 2px
}

.noUi-draggable {
    cursor: w-resize
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize
}

.noUi-handle {
    cursor: default;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.noUi-handle:active {
    border: 8px solid #345dbb;
    border: 8px solid rgba(53, 93, 187, .38);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    left: -14px;
    top: -14px
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-origin {
    cursor: not-allowed
}

.lets-find {
    padding-bottom: 40px !important;
    font-size: 26px;
    font-weight: 700;
    color: #444
}

.pr-start {
    width: 70%;
    margin: auto;
    border: solid 1px #dcdcdc;
    padding: 3px;
    border-radius: 5px
}

.find-btn {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 0;
    border: 1px solid #dc181f;
    background: #dc181f;
    color: #fff;
    border-radius: 5px;
    margin-top: 50px
}

.main-filter-box {
    padding: 0 40px
}

.slider-labels p {
    color: #666
}

.price-sugg {
    padding-top: 40px
}

.price-sugg a {
    font-size: 12px;
    text-decoration: underline;
    padding-right: 10px;
    color: #555
}

.price-sugg a:hover {
    color: #dc181f
}

.pr-around {
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.flt-main-area {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

.flt-side-main-area {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

.box-without-tab {
    padding-top: 35px !important
}

.rev-username p {
    font-size: 14px
}

.urv-section {
    padding-bottom: 20px !important
}

.budget-row {
    display: flex
}

.single-budget-box {
    margin: 5px;
    width: 25%
}

.single-budget-box a {
    font-size: 18px;
    font-weight: 600;
    color: #82888b;
    padding: 24px 10px;
    text-align: center;
    display: block;
    border: 1px solid #ddd;
    transition: all .2s linear
}

.single-budget-box a:hover {
    color: #000;
    border-color: #000;
    font-weight: 700
}

.partners {
    font-size: 18px;
    color: #666;
    padding-right: 20px
}

.menu-ad {
    width: 728px;
    margin-left: auto
}

.menu-ad-main {
    text-align: right;
    
}
#Logorightadd{
    height:90px;
    display: block;
}
#mainaddpc{
    height:130px;
}
#Blogundermenuadd{
      height:100px;
}
.sidebar-ad{
      height:250px;
}
.logo-row {
    width: 100%;
    --bs-gutter-x: 0
}

.part-main li {
    display: inline-block
}

.partners-image a img {
    width: 80px
}

.finder-logo {
    height: 20px !important
}

.rev-top-left {
    width: 80%;
    align-self: center
}

.rev-top-right {
    width: 20%;
    align-self: center
}

.main-content {
    background: #fafafa
}

.view-all-btn {
    padding: 15px 20px;
    border-top: 1px solid #ddd
}

.view-all-btn a {
    color: #3799a7;
    font-size: 14px;
    font-weight: 700
}

.view-all-btn span {
    color: #3799a7;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

.compare-box {
    padding-bottom: 20px
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent
}

.dropdown-menu {
    padding: 0
}

.dropdown-menu li {
    border-bottom: 1px solid #ddd
}

.dropdown-menu li:last-child {
    border: 0
}

#blog-content-top {
    padding: 20px 0 0 0
}

.blog-head {
    padding-bottom: 20px
}

.blog-head h2 {
    font-size: 28px;
    font-weight: 700
}

.select-news-category .form-control {
    padding: 12px
}

.category-src-btn {
    border: 1px solid #dc181f;
    background: #dc181f;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    width: 300px
}

.category-src-btn:hover {
    color: #dc181f;
    background-color: transparent
}

.select-news-category {
    padding-bottom: 20px
}

.single-blog-post {
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    background-color: #fff;
    margin-bottom: 20px
}

.blog-post-tittle a {
    color: #000;
    font-size: 20px;
    font-weight: 700
}

.blog-post-text {
    font-size: 16px;
    color: rgba(36, 39, 44, .7);
    margin-bottom: 35px
}

.bp-user-logo {
    height: 36px;
    width: 36px;
    line-height: 36px;
    background-color: #fafafa;
    border-radius: 50%;
    text-align: center
}

.bp-user-logo p {
    font-size: 20px;
    color: rgba(36, 39, 44, .7)
}

.bp-user-name {
    padding-left: 10px
}

.bp-user-name span {
    display: block;
    font-size: 13px;
    color: rgba(36, 39, 44, .7);
    line-height: 16px
}

.blopost-username {
    font-weight: 700
}

.blogpost-content {
    padding: 15px 15px 15px 0
}

.pagination-bar .page-link {
    color: #777
}

.tr-review {
    padding: 0 20px
}

.bp-sidebar {
    background: #fff;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    margin-bottom: 20px
}

.bp-sidebar .view-all-btn {
    padding: 10px 15px
}

.bp-sidebar .filter-side-head {
    font-size: 20px;
    padding-bottom: 5px
}

.brows-bike-blog-page {
    padding-bottom: 0 !important;
    margin-top: 20px
}

.top-commuterbike {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0 !important;
    text-transform: capitalize;
    padding: 10px 0
}

.commuter-table-area th {
    padding: 10px
}

.commuter-table-area td {
    padding: 10px
}

.sort-bike-cnt li {
    align-self: center;
    font-size: 24px;
    font-weight: 700
}

.sb-main .num {
    background-color: #ffa236;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    padding: 0 10px;
    line-height: 40px;
    margin-right: 20px
}

.sort-by-main {
    width: 260px;
    margin-left: auto;
    background: #fff;
    position: relative
}

.sort-by-box {
    border: 1px solid rgba(36, 39, 44, .3);
    padding: 8px 12px;
    cursor: pointer
}

.sb-tittle {
    color: rgba(36, 39, 44, .5);
    font-size: 14px
}

.sort-by-main select {
    border: 0;
    appearance: none
}

.cg-best-bike-tittle {
    padding: 35px 0 25px 0;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize
}

.main-cg {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    background: #fff
}

.cg-card-body {
    padding: 20px
}

.cg-card-body .card-title a {
    font-size: 18px;
    font-weight: 400;
    color: rgba(36, 39, 44, .7)
}

.cg-rev {
    display: flex;
    align-items: center;
    margin: 10px 0
}

.cg-rev i {
    font-size: 12px;
    padding-right: 3px;
    color: #ffa236
}

.rev-cnt {
    font-size: 12px;
    color: rgba(36, 39, 44, .5)
}

.cg-rate-this {
    padding: 0 12px;
    border: 1px solid rgba(36, 39, 44, .15);
    box-shadow: 0 1px 2px 0 rgba(36, 39, 44, .15);
    margin-left: 3px;
    line-height: 20px
}

.cg-rate-this a {
    font-size: 11px;
    color: #24272c
}

.cg-price {
    font-size: 20px;
    font-weight: 700;
    color: #24272c
}

.cg-card-body p {
    font-size: 12px;
    color: rgba(36, 39, 44, .5);
    font-weight: 400;
    margin-top: 12px
}

.view-offer-btn a {
    padding: 7px 0;
    background: #dc181f;
    color: #fff;
    border: 1px solid #dc181f;
    font-size: 17px;
    font-weight: 700;
    border-radius: 4px;
    transition: all .3s linear;
    display: block;
    text-align: center;
    max-width: 250px;
    margin-left: auto
}

.view-offer-btn a:hover {
    background-color: transparent;
    color: #dc181f
}

#view-bike {
    padding: 24px;
    box-shadow: 0 1px 2px 0 rgba(247, 93, 52, .3);
    background-color: #fff4df;
    margin-top: 20px
}

.view-bike-tittle {
    font-size: 20px;
    color: #24272c;
    padding-bottom: 20px;
    font-weight: 600
}

.vb-single-btn {
    font-size: 14px;
    color: #24272c;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(254, 218, 167, .5);
    border: 1px solid rgba(208, 47, 47, .3);
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    font-weight: 700
}

.cg-main-sidebar {
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(36, 39, 44, .15);
    border-radius: 2px
}

.search-by-brand {
    padding: 20px 16px;
    border-bottom: 1px solid rgba(36, 39, 44, .1)
}

.sbt-head {
    font-size: 20px;
    color: #24272c;
    padding-bottom: 15px
}

.src-box {
    border: 1px solid rgba(36, 39, 44, .3);
    padding: 5px 10px
}

.src-box i {
    color: rgba(36, 39, 44, .5);
    font-size: 16px
}

.src-box input {
    border: 0;
    margin-left: 10px;
    width: 100%
}

.sb-check {
    margin-top: 15px;
    height: 250px;
    overflow-y: scroll
}

.sb-check-list {
    display: flex;
    align-items: center
}

.sb-check-list input {
    margin-right: 10px
}

.sb-check-list label {
    font-size: 14px;
    color: #24272c
}

.sb-check-list span {
    margin-left: 7px;
    font-size: 12px;
    color: rgba(36, 39, 44, .5)
}

.sb-check-list {
    padding-bottom: 15px
}

.v-t-name {
    text-align: center;
    padding-top: 7px;
    font-size: 14px;
    color: #24272c;
    line-height: 16px
}

.v-t-name span {
    font-size: 12px;
    color: rgba(36, 39, 44, .5)
}

.commuter-text-box {
    padding-top: 15px
}

.v-type-box {
    padding-bottom: 10px
}

.commuter-table-area {
    display: none
}

.outro-collapse {
    display: none
}

.cg-faq-qus {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px
}

.cg-faq-ans {
    color: #787878
}

.single-faq {
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 0
}

.single-faq:last-child {
    border: 0
}

.cg-box-link li {
    padding: 3px 0;
    border-bottom: 1px solid #e2e2e2
}

.cg-box-link li a {
    font-size: 14px;
    color: #333
}

.cg-box-link li a:hover {
    color: #dc181f
}

.sortby-option {
    position: absolute;
    left: 0;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
    overflow: auto
}

.sortby-option li a {
    padding: 9px 16px;
    display: block;
    font-size: 14px;
    color: #24272c
}

.sortby-option li a:hover {
    background-color: #f0f1f2
}

.sortby-option {
    display: none
}

.show {
    display: block
}

.compare-bikes {
    font-size: 20px;
    color: #24272c;
    font-weight: 600
}

.compare-box-main {
    padding: 20px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

.single-compare {
    padding: 0 10px
}

.left-arrow {
    height: 64px;
    width: 34px;
    line-height: 68px;
    background: #fff;
    display: block;
    text-align: center;
    border: 1px solid #eee;
    position: absolute;
    left: -16px;
    z-index: 9;
    margin: auto;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.right-arrow {
    height: 64px;
    width: 34px;
    line-height: 68px;
    background: #fff;
    display: block;
    text-align: center;
    border: 1px solid #eee;
    position: absolute;
    right: -16px;
    z-index: 9;
    margin: auto;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.left-arrow i {
    font-size: 24px;
    color: #777
}

.right-arrow i {
    font-size: 24px;
    color: #777
}

.sb-main {
    margin-top: 35px
}

.pcg-pagination {
    margin: 20px 0
}

.main-single-blog {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

.v-type-box a img {
    width: 100%
}

.sb-page-tittle {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0 !important;
    text-transform: capitalize
}

.sb-tittle-bottom {
    font-size: 12px;
    color: rgba(36, 39, 44, .3);
    padding: 15px 0 15px 0
}

.view-row-sb a {
    font-size: 14px;
    color: rgba(36, 39, 44, .5)
}

.view-row-sb a i {
    padding-right: 5px
}

.sb-descp {
    margin: 15px 0 24px 0;
    padding: 5px 10px;
    border-left: 4px solid #dc181f
}

.sb-img-desc {
    font-size: 15px;
    color: #24272c;
    margin: 24px 0
}

.sbview-offer {
    text-align: center;
    padding-top: 20px;
    position: relative
}

.sbview-offer-overlay {
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    bottom: -20px;
    background: -webkit-linear-gradient(top, hsla(0, 0%, 92.9%, 0), #fefefe 85%, #fff 99%, #f6f6f6)
}

.sbview-offer button {
    padding: 10px 95px;
    border-radius: 4px;
    background: #dc181f;
    border: 1px solid #dc181f;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin: auto
}

.sbul {
    margin-bottom: 0;
    padding: 0 0 24px 0 !important
}

.sbul li {
    list-style: disc
}

.sbul li a {
    color: #529ec1;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    padding: 10px 0;
    display: block
}

.sb-main-content {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.publishby {
    padding: 28px 0
}

.sb-card-body {
    padding-left: 20px
}

.sb-card-body .card-title a {
    font-size: 18px;
    font-weight: 400;
    color: rgba(36, 39, 44, .7)
}

.sb-card-body p {
    font-size: 12px;
    color: rgba(36, 39, 44, .5);
    font-weight: 400;
    margin-top: 12px;
    padding-right: 20px
}

.sb-box {
    padding: 15px
}

.sb-offer-btn {
    padding-top: 10px
}

.sb-offer-btn button {
    padding: 7px 70px;
    background: #dc181f;
    color: #fff;
    border: 1px solid #dc181f;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    transition: all .3s linear
}

.sb-offer-btn button:hover {
    background-color: transparent;
    color: #dc181f
}

.facebook-comment {
    padding: 20px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

.sb-collapse {
    display: none
}

.sb-collapse-btn-area {
    padding: 20px 0;
    text-align: center
}

.sb-collapse-btn-area .sb-collapse-btn {
    padding: 7px 30px;
    border-radius: 4px;
    background: #dc181f;
    border: 1px solid #dc181f;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin: auto;
    display: flex;
    align-items: center
}

.sb-collapse-btn-area .sb-collapse-btn i {
    padding-left: 5px
}

.share-count {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #24272c;
    margin-bottom: 0 !important
}

.share-count span {
    display: block;
    padding-top: 5px
}

.share-icn-facebook {
    text-align: center;
    padding: 8px 0
}

.share-icn-facebook i {
    font-size: 40px;
    color: #3b5998
}

.share-icn-twitter {
    text-align: center
}

.share-icn-twitter i {
    font-size: 40px;
    color: #1da1f2
}

.view-row-sb {
    padding-bottom: 20px
}

.single-brand {
    background: #fff;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

.about-single-brand {
    padding: 20px
}

.sbrd-menu {
    text-align: left;
    border-bottom: 1px solid #e2e2e2
}

.sbrd-menu ul li {
    display: inline-block;
    padding: 12px 50px 12px 0
}

.sbrd-menu ul li:first-child {
    padding-left: 50px
}

.sbrd-menu ul li a {
    display: block;
    font-size: 16px;
    color: #82888b;
    font-weight: 500
}

.about-single-brand p {
    font-size: 16px;
    color: #82888b
}

.asb-rm {
    font-size: 16px;
    color: #0288d1
}

.sbrd-header {
    padding-top: 20px
}

.sbrd-header h2 {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize
}

.available-main {
    padding-bottom: 20px
}

.price-table th {
    padding: 15px
}

.price-table td {
    padding: 15px
}

.discount-sb {
    padding: 20px 0
}

.discount-sb a {
    font-size: 14px;
    color: #24272c
}

.video-card {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

.video-card .card-body {
    padding: 20px
}

.video-box {
    padding: 20px
}

.video-date {
    font-size: 12px;
    color: rgba(36, 39, 44, .5);
    padding-top: 21px
}

.burev {
    padding-top: 10px;
    color: rgba(36, 39, 44, .5);
    font-size: 14px;
    font-weight: 400
}

.burev-date {
    padding-top: 10px;
    color: rgba(36, 39, 44, .5);
    font-size: 14px;
    font-weight: 400
}

.tab-cards-rev {
    padding: 0 20px 20px 20px
}

.sb-faq-box {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    padding: 30px
}

.single-sbfaq {
    padding: 15px 0;
    border-bottom: 1px solid rgba(36, 39, 44, .1)
}

.sb-faq {
    font-size: 16px;
    position: relative;
    color: #24272c;
    word-break: break-word;
    font-weight: 700;
    padding-right: 20px
}

.sb-faq-a {
    font-size: 13px;
    color: rgba(36, 39, 44, .7);
    word-break: break-word;
    font-weight: 400;
    padding-top: 15px;
    display: none
}

.faq-collapse-icon {
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4s linear
}

.rotate {
    transform: rotate(180deg)
}

.showroom-card {
    padding: 20px;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

.sh-name {
    font-size: 16px;
    font-weight: 700;
    color: #24272c;
    padding-bottom: 15px
}

.sh-address {
    padding-bottom: 120px
}

.sh-address i {
    padding-top: 3px
}

.sh-address p {
    color: rgba(36, 39, 44, .7);
    font-size: 14px;
    padding-left: 10px
}

.sh-btn {
    width: 100%;
    padding: 6px 0;
    background: #dc181f;
    color: #fff;
    border: 1px solid #dc181f;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.sh-search {
    width: 250px;
    border: 1px solid rgba(36, 39, 44, .1);
    margin-left: auto;
    align-items: center
}

.sh-search select {
    width: 100%;
    height: 35px;
    padding: 0 10px
}

.contact-box {
    padding: 0 20px 20px 20px
}

.contact-btn {
    padding: 6px 20px;
    background: #dc181f;
    color: #fff;
    border: 1px solid #dc181f;
    border-radius: 4px;
    font-weight: 700
}

.address {
    padding-top: 20px
}

.address h3 {
    font-size: 14px;
    font-weight: 700;
    color: #222
}

.address p {
    font-size: 14px;
    padding: 10px 0
}

.address div {
    padding-bottom: 10px;
    font-size: 14px
}

.about-box {
    padding: 20px
}

.our-pvcy li {
    padding-bottom: 20px;
    list-style: square;
    font-size: 14px
}

.sidebar {
    padding-top: 20px
}

.video-main-box {
    padding-right: 10px
}

.single-video {
    padding: 20px;
    margin-left: -250px
}

.video-left-arrow {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 52px;
    background: #fff;
    display: block;
    text-align: center;
    border: 1px solid #eee;
    position: absolute;
    left: -16px;
    z-index: 9;
    margin: auto;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.video-right-arrow {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 52px;
    background: #fff;
    display: block;
    text-align: center;
    border: 1px solid #eee;
    position: absolute;
    right: -16px;
    z-index: 9;
    margin: auto;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.video-left-arrow i {
    font-size: 24px;
    color: #777
}

.video-right-arrow i {
    font-size: 24px;
    color: #777
}

.single-image-box {
    padding: 5px
}

.si-main div {
    float: left;
    white-space: none;
    height: 100px;
    padding: 5px
}

.si-main div img {
    height: 100%
}

.bimg-tittle {
    font-size: 12px
}

.bimg-tittle strong {
    font-size: 15px
}

.sb-single-img {
    padding: 20px 10px
}

#comparison-banner {
    background-image: url(/images/newcomparison-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: 100%;
    padding: 125px 0
}

.comp-tittle {
    font-size: 34px;
    color: #fff;
    margin-bottom: 10px !important;
    text-transform: uppercase;
    text-align: center
}

.comp-banner-desc {
    font-size: 20px;
    color: #fff;
    text-align: center
}

.comparison-card-box {
    padding: 0 20px
}

.comp-rev-head a {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #2a2a2a
}

.cm-card-date li {
    font-size: 12px;
    color: #82888b;
    padding-right: 10px
}

.c-card-text {
    font-size: 14px;
    color: #4d5057
}

.cc-rm {
    display: block
}

.start-comp {
    padding-bottom: 20px
}

#main-comp-box {
    padding-bottom: 20px
}

.mc-box {
    background: #fff;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    margin-top: -75px;
    padding: 40px;
}

.single-comp-box {
    padding: 95px 0;
    background: #f5f5f5;
    margin: 20px
}

.single-comp-box i {
    font-size: 30px;
    color: #787878
}

.single-comp-box p {
    font-size: 14px;
    color: #787878;
    padding-top: 5px
}

.ext-comp {
    background: #fafafa
}

.sb-by-brand-row {
    display: flex
}

.sb-by-brand-row .single-sbbb {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 5px;
    width: 12.5%
}

.single-mocs-logo {
    width: 18%;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    margin: 10px;
    padding: 10px;
    display: inline-block;
    text-align: center
}

.about-box p span {
    padding: 10px 0;
    display: block
}

.prbd-select {
    position: relative;
    margin-bottom: 20px
}

.pslc-icon {
    position: absolute;
    bottom: 5px;
    right: 10px
}

.prbd-select label {
    padding-bottom: 5px
}

.bpsc-btn {
    padding: 6px 20px;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #dc181f;
    border: 1px solid #dc181f;
    color: #fff;
    border-radius: 4px
}

.rst-btn {
    padding: 5px 10px;
    border: 2px solid #ddd;
    margin-left: 10px;
    background-color: transparent;
    font-size: 14px;
    color: #444
}

.main-upcomimg-tittle {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 20px 0 0 0
}

.mp-bike-bd span {
    font-size: 10px;
    color: rgba(36, 39, 44, .5)
}

.exp-date {
    display: block;
    font-size: 12px;
    color: rgba(36, 39, 44, .5);
    padding-bottom: 10px
}

.main-upcoming-element {
    padding-top: 20px
}

.single-comp-card {
    width: 43%
}

.compare-vs {
    width: 12%
}

.single-comp-card .card-body {
    padding: 10px 0 0 0 !important
}

.compare-vs {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 10px;
    text-align: center;
    margin-bottom: 0 !important;
    margin-top: 34px
}

.compare-vs p {
    margin-bottom: 0 !important;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    background: #fff;
    margin: auto;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .4)
}

.main-single-sctr-news {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    margin-bottom: 20px
}

.main-single-sctr-news .blogpost-content {
    padding: 10px 10px 10px 0
}

.main-single-sctr-news .blog-post-tittle {
    margin-bottom: 0 !important;
    line-height: 16px;
    padding-bottom: 7px
}

.main-single-sctr-news .blog-post-tittle a {
    font-size: 16px;
    font-weight: 700
}

.main-single-sctr-news .blog-post-text {
    font-size: 14px;
    margin-bottom: 20px
}

.s-show-slct-tittle {
    font-size: 20px;
    font-weight: 700
}

.show-room-select-btm {
    padding-top: 50px
}

.area-src-btn {
    display: block;
    max-width: 100px;
    text-align: center;
    background-color: #dc181f;
    border: 1px solid #dc181f;
    color: #fff;
    border-radius: 4px;
    padding: 8px 0;
    margin: 50px auto 0 auto;
    font-weight: 700;
    font-size: 16px;
    transition: all .3s linear
}

.area-src-btn:hover {
    color: #dc181f;
    background-color: transparent
}

.shrm-name {
    padding: 5px 0;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    background: #dc181f;
    color: #fff
}

.shrm-address li {
    padding-bottom: 7px
}

.shrm-address li i {
    color: #dc181f;
    padding-right: 7px
}

.browse-bikes-text {
    padding: 5px 20px 0 20px
}

.add-showroom label {
    font-weight: 700;
    padding-bottom: 10px
}

.add-showroom .form-group {
    padding-bottom: 20px
}

.showroom-submit {
    padding: 6px 20px;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #dc181f;
    border: 1px solid #dc181f;
    color: #fff;
    border-radius: 4px;
    font-weight: 700
}

.showroom-submit:hover {
    color: #dc181f;
    background-color: transparent
}

.urev-table {
    width: 100%
}

.urev-table td {
    border: 1px solid #ddd;
    align-self: center;
    text-align: center
}

.bdr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center
}

.u-rev-box-p {
    font-size: 14px;
    text-transform: uppercase;
    color: #777;
    padding-bottom: 10px
}

.wrt-a-rev {
    padding: 7px 0;
    display: block;
    max-width: 180px;
    border: 1px solid #dc181f;
    color: #dc181f;
    margin: auto;
    font-size: 14px;
    margin-top: 30px;
    border-radius: 4px
}

.wrt-a-rev:hover {
    color: #dc181f
}

.u-rev-box-h4 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    padding: 10px 0
}

.u-rev-box-h4 span {
    font-size: 46px
}

.user-rev-box .progress {
    margin-bottom: 15px
}

.user-rev-box .progress-bar {
    background-color: #dc181f
}

.urv-progress {
    padding: 30px 0
}

.shov-rev {
    font-size: 42px;
    font-weight: 700
}

.shov-rev-star span {
    font-size: 12px;
    display: block
}

.sh-ov-rev-box {
    width: 70%;
    margin: auto;
    text-align: center;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    padding: 20px
}

.sh-ov-rev-box a {
    display: block;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 700
}

#get-btn {
    padding: 40px 0
}

#get-btn a {
    width: 300px;
    padding: 10px 0;
    text-align: center;
    background: #dc181f;
    color: #fff;
    border: 1px solid #dc181f;
    font-size: 22px;
    font-weight: 700;
    display: block;
    border-radius: 4px;
    margin: auto
}

.sh-filter {
    padding: 50px
}

.sh-image {
    padding-top: 24px
}

.avlbl-bike-row {
    padding-top: 25px
}

.rev-td-a {
    width: 20%;
    padding: 10px;
    align-self: center
}

.rev-td-b {
    width: 40%;
    padding: 10px;
    align-self: center
}

.urv-summary {
    padding: 20px;
    border-bottom: 1px solid #ddd
}

.ur-sum-btn {
    padding: 4px 10px;
    background-color: transparent;
    border: 1px solid #dc181f;
    color: #dc181f;
    font-size: 13px;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 14px;
    transition: all .3s linear
}

.ur-sum-btn:hover {
    background-color: #dc181f;
    color: #fff
}

.sh-slct-btn {
    background: #dc181f;
    color: #fff;
    padding-left: 50px;
    padding-right: 50px;
    font-weight: 700
}

.showroom-page .vo-btn {
    padding: 5px 0
}

.m-sh-dtl {
    padding-left: 20px;
    position: relative
}

.m-sh-dtl-icon {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 !important
}

.more-sh-btn {
    display: block;
    padding: 7px 0;
    border: 1px solid #dc181f;
    background-color: #dc181f;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 100%;
    font-size: 14px;
    border-radius: 4px
}

.more-sh-btn:hover {
    color: #fff
}

.more-sh-main {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .5);
    margin-bottom: 25px;
    padding: 15px
}

.see-showroom-btn {
    padding: 4px 0;
    width: 100%;
    border: 1px solid #dc181f;
    background-color: #dc181f;
    color: #fff;
    font-weight: 700;
    text-align: center;
    display: block;
    border-radius: 4px;
    font-size: 14px
}

.see-showroom-btn:hover {
    color: #fff
}

.main-otr-showroom {
    padding: 20px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

.abt-otr-showroom {
    padding-top: 35px
}

.otr-sh-tittle {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0 !important;
    text-transform: capitalize
}

.main-otr-more-sec {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

#main-login {
    background-image: url(/images/login-background-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0 400px 0
}

.login-box {
    width: 350px;
    padding: 30px;
    margin: auto;
    background-color: #fff
}

.login-box input {
    font-size: 13px
}

.login-box .form-select {
    font-size: 13px
}

.log-tittle {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    text-align: center;
    padding-bottom: 30px
}

.log-tittle a {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 30px;
    color: #222
}

.fg-pass {
    display: block;
    text-align: right
}

.login-btn {
    padding: 5px 0;
    width: 100%;
    border: 1px solid #dc181f;
    background-color: #dc181f;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 4px;
    font-size: 14px
}

.login-btn:hover {
    color: #fff
}

.line {
    border-top: 1px solid #ddd;
    width: 45%
}

.or p {
    padding: 10px;
    font-size: 15px;
    font-weight: 700
}

.signup-check {
    display: flex;
    align-items: center
}

.signup-check .form-check-input {
    margin-top: 0 !important
}

.signup-check .form-check-label {
    font-size: 12px;
    padding-left: 7px
}

.helmet-card {
    margin-bottom: 20px
}

.p-bike {
    margin-bottom: 20px
}

.rg-gear-name {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 0 0 0;
    color: #222
}

.rd-gear-card {
    border: 0;
    margin-bottom: 35px
}

.rd-gear-card:hover .rg-gear-name {
    color: #dc181f
}

.all-showroom-logo .single-mocs-logo {
    width: 17%
}

.color-name {
    font-size: 14px;
    text-align: center;
    padding-top: 5px
}

.color-box-react {
    padding-left: 0 !important;
    text-align: center;
    margin-bottom: 0 !important
}

.color-box-react li {
    padding-right: 10px;
    font-size: 12px;
    display: inline-block
}

.color-box:hover .color-box-react li .fa-thumbs-up {
    color: green
}

.color-box:hover .color-box-react li .fa-thumbs-down {
    color: red
}

.milage-dtl {
    color: #787878
}

.milage-btn {
    padding: 7px 10px;
    font-size: 14px;
    border: 1px solid #3799a7;
    transition: all .3s linear
}

.milage-btn i {
    padding-left: 5px
}

.milage-btn:hover {
    background: #3799a7;
    color: #fff
}

.product-status {
    font-size: 14px;
    padding: 5px 20px 0 20px
}

.sr-tittle {
    font-size: 18px;
    margin-bottom: 0 !important;
    background: #ddd;
    padding: 10px
}

.product-price {
    font-size: 20px;
    font-weight: 700;
    color: #dc3545;
    padding-bottom: 10px
}

.product-offer-price {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    padding-bottom: 10px
}

.product-offer-price a {
    font-size: 14px
}

.product-offer-price span {
    font-size: 14px;
    display: block;
    font-weight: 400
}

.uo-react {
    text-align: center
}

.uo-react li {
    display: inline-block;
    font-size: 14px;
    padding: 0 10px
}

.uo {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    text-align: center;
    text-transform: capitalize
}

.uo-react li .fa-thumbs-up {
    color: green
}

.uo-react li .fa-thumbs-down {
    color: red
}

.off-btn {
    display: block;
    max-width: 100%;
    padding: 6px 0;
    border: 1px solid green;
    text-align: center;
    border-radius: 5px;
    background-color: green;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.off-btn:hover {
    color: green;
    background-color: transparent
}

.pdt-name {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize
}

.pd-tittle-side li {
    padding-left: 30px;
    font-size: 14px
}

.pd-page-menu {
    display: flex;
    padding: 15px 0
}

.pd-page-menu li a {
    padding: 0 20px;
    font-size: 14px;
    color: #4d5057;
    font-weight: 700
}

.pd-page-menu li a:hover {
    color: #dc181f
}

.pdt-page-top {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15)
}

.product-tittle {
    padding: 20px 20px 0 20px
}

.ksc-icon i {
    font-size: 22px;
    color: rgba(36, 39, 44, .5)
}

.main-ask-qus {
    padding: 20px;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    background-color: #fff;
    margin-top: 20px
}

.aq-btn {
    background-color: #999;
    border: 1px solid #999;
    color: #fff;
    font-weight: 700
}

.aq-btn:hover {
    color: #fff
}

.cb-text {
    padding: 0 0 0 10px !important
}

.product-price-table tr td {
    border: 0;
    padding: 20px 10px
}

.product-price-table tr th {
    border: 0;
    background: #ddd;
    padding: 10px 10px
}

.single-pr-td-btn {
    padding: 6px 20px;
    border: 1px solid #dc181f;
    color: #dc181f;
    display: block;
    margin-left: auto;
    margin-left: 100px
}

.single-pr-td-btn:hover {
    color: #dc181f
}

.spec-headline {
    font-size: 14px;
    color: #4d5057;
    font-weight: 700;
    padding: 10px;
    margin-bottom: 0 !important;
    background-color: #e7e7e7
}

.main-spec p {
    font-size: 14px;
    color: #82888b;
    margin-bottom: 0 !important
}

.main-spec p strong {
    color: #444
}

.sbs-btn {
    display: block;
    max-width: 170px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border: 1px solid #ff0100;
    background-color: #ff0100;
    text-align: center;
    margin: auto
}

.sbs-btn:hover {
    color: #fff
}

.video-like li {
    font-size: 14px;
    padding-right: 20px
}

.video-like li i {
    font-size: 12px
}

.user-rate-star i {
    font-size: 30px;
    padding-right: 5px
}

.urv-base {
    font-size: 14px;
    margin-bottom: 0 !important
}

.urv-base span {
    display: block;
    color: rgba(36, 39, 44, .5)
}

.write-rev {
    display: block;
    max-width: 600px;
    text-align: center;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #dc181f;
    border: 1px solid #dc181f;
    border-radius: 4px
}

.write-rev:hover {
    color: #fff
}

.pr-rev-btn {
    padding: 5px 10px;
    font-size: 12px;
    color: rgba(36, 39, 44, .5);
    border: 1px solid rgba(36, 39, 44, .5);
    margin-right: 7px;
    margin-bottom: 7px;
    display: inline-block
}

.pr-rev-btn:hover {
    color: rgba(36, 39, 44, .5)
}

.monthly-cost {
    padding: 30px 20px;
    background-color: #dbf5ee
}

.monthly-cost p {
    font-size: 12px;
    color: #82888b
}

.monthly-cost p span {
    font-size: 30px;
    font-weight: 700;
    color: #000
}

.monthly-cost p i {
    color: #289ad6
}

.cost-form input {
    width: 100%;
    display: block;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #ddd
}

.cost-form label {
    font-size: 12px;
    color: #82888b
}

.contest-btn {
    padding: 7px 20px;
    border: 1px solid #0d6efd;
    display: inline-block
}

.contest-btn:hover {
    color: #0d6efd
}

.contest-text {
    font-size: 14px;
    color: #787878
}

.contest-text span {
    font-size: 20px;
    color: #2a2a2a;
    padding-right: 5px
}

.pros-cons ul li {
    list-style: disc
}

.bd-btn a {
    color: #dc181f
}

.Special-Recomendetion {
    border: 1px solid #ddd
}

.sr-main {
    padding: 20px
}

.sr-react {
    padding: 3px 10px;
    background-color: #ddd;
    text-align: center
}

.sr-react i {
    font-size: 14px
}

.sr-main .card-body {
    padding: 30px 10px 15px 10px
}

.spec-table tr td {
    border: none;
    padding: 10px;
    width: 25%
}

.collapse-spec {
    display: none
}

.spec-collapse-btn {
    cursor: pointer
}

.bike-info-table tr th {
    padding: 10px
}

.bike-info-table tr td {
    padding: 10px
}

.show-hide {
    display: none
}

.spec-btn-show-long {
    display: none
}

.hide-show {
    display: block
}

.video-box-react {
    display: flex;
    font-size: 14px;
    color: #82888b;
    padding: 10px 0
}

.video-box-react li {
    padding-right: 25px
}

.urv-form-ss {
    padding: 5px 15px;
    color: #dc181f;
    border: 1px solid #dc181f;
    background-color: transparent;
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    border-radius: 4px
}

.urv-form-ss:hover {
    color: #dc181f
}

.urv-ss-submit {
    color: #fff;
    border: 1px solid #dc181f;
    background-color: #dc181f;
    display: block;
    text-align: center;
    max-width: 100%;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    padding: 7px 0
}

.urv-ss-submit:hover {
    color: #dc181f;
    background-color: transparent
}

.img-btn {
    display: block;
    padding: 5px 0;
    max-width: 100%;
    color: #dc181f;
    text-align: center;
    border: 1px solid #dc181f;
    font-size: 14px;
    margin-top: 10px
}

.honor-rev .card {
    margin-bottom: 20px
}

.bike-importer-table th {
    padding: 10px
}

.bike-importer-table td {
    padding: 10px
}

.showrm-btn {
    padding: 7px 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #00a2e8;
    border: 1px solid #00a2e8;
    border-radius: 4px;
    margin-top: 20px
}

.showrm-btn:hover {
    color: #fff
}

.video-tittle {
    color: #222
}

.video-tittle:hover {
    color: #222;
    text-decoration: underline
}

.video-react {
    display: flex
}

.video-react li {
    width: 50%;
    font-size: 14px;
    color: #444
}

.video-category-card {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    margin-bottom: 15px
}

.mv-date {
    font-size: 14px
}

.mv-react-ul {
    display: flex
}

.mv-react-ul li {
    padding-right: 30px;
    font-size: 14px
}

.youtube-btn {
    display: inline-block;
    padding: 2px 7px;
    color: #fff;
    background-color: #cc181e;
    font-size: 14px
}

.youtube-btn:hover {
    color: #fff
}

.vdo-sb-ul li {
    font-size: 14px;
    color: #82888b;
    padding: 0 15px;
    border-right: 1px solid #82888b
}

.vdo-sb-ul li img {
    margin-right: 5px
}

.get-my-ofr-btn {
    display: block;
    max-width: 100%;
    padding: 5px 0;
    color: #fff;
    font-size: 16px;
    border: 1px solid #dc181f;
    text-align: center;
    background-color: #dc181f
}

.get-my-ofr-btn:hover {
    color: #fff
}

.single-side-video {
    border-bottom: 1px solid #ddd;
    padding: 15px 0
}

.ss-video-text {
    font-size: 14px;
    color: #82888b
}

.vmp-right {
    padding-left: 20px;
    border-left: 1px solid #ddd
}

.shm-feature li {
    list-style: disc;
    padding-bottom: 10px
}

.shm-feature li:last-child {
    padding-bottom: 0
}

.helmet-off-btn {
    display: inline-block;
    padding: 6px 15px;
    border: 1px solid green;
    text-align: center;
    border-radius: 5px;
    background-color: green;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.helmet-off-btn:hover {
    color: green;
    background-color: transparent
}

.helmet-sh-name {
    font-size: 18px;
    font-weight: 700
}

.album-slider {
    padding: 20px
}

.gal-small-img {
    margin-bottom: 20px
}

.write-it-head {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px
}

.write-it-ul {
    text-align: center
}

.write-it-ul li {
    display: inline-block;
    padding: 10px 30px
}

.wrt-rev-btn {
    max-width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #dc181f;
    border: 1px solid #dc181f;
    padding: 5px 0;
    border-radius: 4px
}

.wrt-rev-btn:hover {
    color: #fff
}

.win-ul li {
    list-style: disc;
    padding-bottom: 10px
}

#rev-contest-banner {
    padding: 150px 0;
    background-image: url(../image/review-contest-banner.png);
    background-color: #2e3192;
    background-size: cover;
    background-repeat: no-repeat
}

.rev-contest-banner-text {
    font-size: 18px;
    color: #fff;
    text-align: center
}

.rev-contest-banner-text strong {
    display: block;
    padding-bottom: 10px
}

.contest-rev-btn {
    display: inline-block;
    padding: 7px 30px;
    color: #fff;
    background-color: #dc181f;
    border: 1px solid #dc181f;
    text-transform: uppercase;
    border-radius: 4px
}

.contest-rev-btn:hover {
    color: #fff
}

#reword-banner {
    margin-top: 20px
}

.reword-main {
    background-image: url(../image/rewards-banner.png);
    padding: 32px 0;
    background-size: cover;
    background-repeat: no-repeat
}

.reword-text {
    font-size: 18px;
    color: #16645f;
    text-align: center
}

.reword-text strong {
    display: block
}

#winer-rev {
    padding: 60px 0;
    background-color: #2e3192;
    margin-top: 20px
}

.win-rev-card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 20px 40px
}

.win-rev-area {
    padding: 0 200px
}

.contest-rev-star {
    width: 50px;
    background-color: #13b65d;
    font-size: 12px;
    margin: auto;
    color: #fff
}

.vr-star i {
    margin: 0 10px;
    font-size: 20px;
    padding: 5px;
    background: #ddd;
    border-radius: 4px
}

.vr-btn-single {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    background-color: transparent;
    color: #666;
    border: 1px solid #ddd;
    margin-right: 10px
}

.vr-btn-single:hover {
    color: #fff;
    background-color: #41b4c4;
    border: 1px solid #41b4c4
}

.vrb-ul li {
    font-size: 14px;
    color: #666;
    list-style: decimal-leading-zero
}

.compare-check {
    display: inline-block;
    padding: 6px 15px;
    border-radius: 4px;
    color: #dc181f;
    border: 1px solid #dc181f;
    background-color: transparent
}

.compare-check:hover {
    color: #dc181f
}

.comp-vs {
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    border-radius: 50%;
    margin: auto;
    border: 1px solid #ddd
}

.add-box {
    padding: 130px 0;
    background-color: #ddd;
    text-align: center
}

.add-box i {
    font-size: 40px;
    color: #787878
}

.main-menu-ul {
    display: flex;
    margin-bottom: 0 !important;
    padding-left: 0 !important
}

.main-menu-ul li a {
    padding: 16px 12px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(36, 39, 44, .87)
}

.main-menu-ul li a:hover {
    color: #dc181f
}

.main-menu-ul li {
    position: relative
}

.main-menu-ul li span {
    padding: 16px 12px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(36, 39, 44, .87);
    cursor: pointer
}

.main-menu-ul li span:hover {
    color: #dc181f
}

.main-menu-ul li:hover .dd-menu-main {
    display: block
}

.dd-menu-main {
    padding: 10px 0 !important;
    background-color: #fff;
    border: 1px solid #ddd;
    position: absolute;
    width: 250px;
    left: 0;
    display: none;
    z-index: 9;
    border-radius: 4px
}

.dd-menu-main li {
    position: relative
}

.dd-menu-main li:hover .mdd-menu-main {
    display: block
}

.dd-menu-main li a {
    padding: 10px 15px
}

.dd-menu-main li a:hover {
    color: #dc181f
}

.mdd-menu-main {
    padding: 10px 0 !important;
    background-color: #fff;
    border: 1px solid #ddd;
    position: absolute;
    width: 250px;
    right: -250px;
    display: none;
    top: 0;
    border-radius: 4px
}

.mdd-menu-main li a:hover {
    color: #dc181f
}

.main-menu {
    position: relative
}

.menu-cross {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 22px;
    cursor: pointer;
    display: none
}

#m-menu {
    border-bottom: 1px solid #ddd;
    display: none
}

.mobile-menu {
    padding: 7px 0
}

.mobile-menu-icon {
    font-size: 22px;
    border-radius: 4px;
    cursor: pointer
}

.header-ad-md {
    display: none
}

.header-ad-sm {
    display: none
}

.header-add {
    position: relative;
    height:100px;
}

.header-add i {
    position: absolute;
    left: -12px;
    top: 0;
    color: #000
}

.bottom-add-img {
    position: relative
}

.bottom-add-img i {
    position: absolute;
    right: -12px;
    top: 0;
    color: #777
}

.copyright-data {
    padding: 10px 0
}

html body {
    position: relative
}

#error {
    padding: 100px 0 200px 0
}

.error-number {
    font-size: 60px;
    font-weight: 700
}

.error-text span {
    font-size: 26px;
    display: block;
    font-weight: 700
}

.main-pp-table p {
    margin-bottom: 0 !important
}

.main-menu-ul li a i {
    font-size: 16px
}

.notification {
    padding: 0 !important;
    position: relative;
    display: inline-block !important
}

.notification .notif-num {
    position: absolute;
    height: 14px;
    width: 14px;
    line-height: 11px;
    border: 1px solid red;
    text-align: center;
    top: -7px;
    right: -5px;
    color: #fff;
    font-size: 10px;
    background-color: red;
    border-radius: 50%
}

.notif-box {
    box-shadow: 0 1px 3px rgba(36, 39, 44, .15);
    position: absolute;
    width: 300px;
    background-color: #fff;
    right: -10px;
    padding: 10px 20px !important;
    border: 1px solid #ddd
}

.notif-box li {
    border-bottom: 1px solid #ddd
}

.notif-box li:last-child {
    border-bottom: 0
}

.notif-box li a {
    padding: 7px 0;
    display: block
}

.notif-box {
    display: none
}

.show-notification {
    display: block !important
}

.main-bottom-add {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999
}
.compareimage-pd-remove{
    padding: 0 !important;
}