@import url('https://fonts.googleapis.com/css?family=Exo+2&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
  @font-face {
      font-family: 'Black Vosten Personal Use';
      src: url('../fonts/BlackVostenPersonalUse.woff2') format('woff2'),
          url('../fonts/BlackVostenPersonalUse.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: 'Square721 BT';
      src: url('../fonts/Square721BT-Roman.woff2') format('woff2'),
          url('../fonts/Square721BT-Roman.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }

  @media(min-width: 1366px){
    .container-ex{
      max-width: 1300px;
      width: 100%;
    }
  }
  @media(min-width: 1500px){
    .container-ex{team-sec-block
      max-width: 1400px;
      width: 100%;
    }
  }
  @media(min-width: 1600px){
    .container-ex{
      max-width: 1500px;
      width: 100%;
    }
  }
  @media(min-width: 1800px){
    .container-ex{
     max-width: 1600px;
     width: 100%;
   }
  }
  body{
    padding-left: 120px;
    font-family: 'Open Sans', sans-serif;
  }
  
  .app-download-banner{
      margin-bottom:30px;
  }
  .download-links-apps {
    position: relative;
  }

.app-data-links {
    position: absolute;
    top: 0;
    right: 7%;
    width: 40%;
    top: 31%;
}

.download-links-apps>img {
    width: 100%;
}
.bd-example .app-data-links h3{
    font-size:30px;
}
.app-data-links h3 {
    font-size: 46px;
    font-weight: bold;
}

.app-data-links ul {
    list-style: none;
    padding-left: 0;
}

.app-data-links ul li {
 display: inline-block;
 width: 48%;
}

.app-data-links ul li a:hover{
    opacity:0.7;
}
.testimonials-slider-new {
    width: 600px;
    max-width:95%;
    margin: 0px auto;
    text-align: center;
    padding: 40px 0;
    background: url(../img/blur-banner.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.testimonials-slider-new h2 {
    font-weight: bold;
}
.testimonials-slider-new img {
    width: 150px!important;
    height: 150px;
    margin: 13px auto;
    border-radius: 100%;
    border: 5px solid #292f34;
}
.testimonials-slider-new .carousel-item p{
	line-height:33px;
}
.testimonials-slider-new .carousel-item p span {
    display: block;
    color: #c50020;
    margin-top: 11px;
}
.testimonials-slider-new .carousel-indicators{
	bottom:-30px
}
.testimonials-slider-new .carousel-indicators li{
	background-color: #292f34;
}
  
  .about-top {
    padding: 100px 0;
    background: url(../img/blur-banner.png);
    margin: 40px auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .about-top h2 {
    font-weight: bold;
  }
  .about-top p {
    width: 800px;
    max-width:100%;
    margin: 13px auto;
    line-height: 38px;
  }
  .bikes-logo{
    background: #e6e6e6;
    padding: 10px 0;
  }
  .bikes-logo ul {
    margin-bottom: 0;
    padding-left: 0px;
  }
  .bikes-logo ul li {
    list-style: none;
    display: inline-block;
    width: 9%;
    vertical-align: middle;
    margin: 7px;
  }
  .bikes-logo ul li img {
    width: 80%;
  }
  aside#search-3{
    margin-bottom: 0px;
  }
  .sidebar-fill a.btn-standard {
    padding: 10px;
    font-size: 12px;
    min-width: 100px;
    text-align: center;
    border-radius: 0;
  }
  .location-tab {
    background: #ca0021;
  }
.location-tab ul li {
    display: inline-block;
    padding: 4px 15px;
}

.location-tab ul li a {
    color: #fff;
    font-size:19px;
}

.location-tab span {
    color: #fff;
    font-size:19px;
    display: inline-block;
}

.location-tab ul {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 15px;
    list-style: none;
    /* color: red; */
}
  .pt-btn-save{
    background: #ca0021;
    border: 2px solid #ca0021;
    color: #fff;
    padding: 10px 31px;
  }
  .pt-btn-save:hover{
    background:transparent;
    color:#ca0021;
  }
  #advanced-categories-widget-6 ol li,
  #advanced-categories-widget-4 ol li {
      display: block;
      text-align: left;
      padding:0px;
  }
  #advanced-categories-widget-6 ol li h3,
  #advanced-categories-widget-4 ol li h3{
      border-bottom: 1px dashed #ccc!important;
      padding-left:25px!important;
      position: relative;
  }
  #advanced-categories-widget-4 ol li h3:before{
    position: absolute;
    content: "";
    background: #151921;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    left: 7px;
    top: 8px;
  }
  #advanced-categories-widget-6 ol li h3:before{
    content: "\f156";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome!important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    top: 4px;
    left: 3px
  }
  a.call-btn-ns {
      background: #ca0021;
      color: #fff;
      padding: 11px 17px 8px 6px;
      border-radius: 100px;
      text-decoration: none;
  }
  a.call-btn-ns:hover{
    background:#292f34;
  }
  .call-btn-ns i.fa.fa-phone {
      background: #fff;
      color: #000;
      padding: 5px 7px;
      font-size: 18px;
      border-radius: 100px;
      margin-right: 5px;
  }
  a.details-more-ns {
      float: right;
      color: #151922;
      font-weight: bold;
      text-decoration: underline;
  }
  a.details-more-ns:hover{
    color: #ca0021;
  }
  .sec-back .sidebar-newlist{
    margin-bottom: 30px;
  }
  .sec-back .sidebar-newlist ul{
    list-style: none;
    padding-left: 0px;
  }
  .sec-back .sidebar-newlist ul li a{
    color: #6a6a6a;
      font-size: 15px;
      line-height: 30px;
      text-transform: uppercase;
  }
  .sec-back .sidebar-newlist ul li a:hover{
    color: #c90122;
  }
  .sec-back .sidebar-newlist .search-form .screen-reader-text{
    display: none;
  }
  .sec-back .sidebar-newlist .search-form label{
    width: 83%;
      display: inline-block;
  }
  .sec-back .sidebar-newlist .search-form label input{
    width: 100%;
      height: 40px;
      border: none;
      background: #f1f1f1;
      outline: none;
      padding-left: 15px;
      font-size: 13px;
  }
  .sec-back .sidebar-newlist .search-form .search-submit{
    width: 16%;
      display: inline-block;
      background: #c90122;
      border: none;
      color: #c90122;
      height: 40px;
      margin-left: -3px;
  }
  .sec-back .sidebar-newlist .search-form{
    position: relative;
  }
  .sec-back .sidebar-newlist .search-form:before {
      content:"\f002";
      position: absolute;
      top:13px;
      right:10px;
      color: #fff;
      z-index: 9999;
      width: 20px;
      height: 20px;
      pointer-events: none;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  #latest-bikes-2 ul li{
    margin-bottom: 10px;
  }
  .side-inner #app-link a:hover img{
     opacity: 0.7;
  }
  .bike-smpic{
    width: 100px;
      display: inline-block;
      vertical-align: top;
      margin-right: 20px;
  }
  .bike-smpic img{
    width: 100px;
      height: 100px;
      object-fit: cover;
      box-shadow: 0px 0px 10px #b9b9b9;
      border: 1px solid #ccc;
  }
  .bike-sm-info{
    width: calc(100% - 140px);
      display: inline-block;
      vertical-align: top;
  }
  .bike-sm-info a{
    color: #333!important;
  }
  .bike-sm-info a:hover{
    color:#c90122!important;
  }
  .bike-sm-info h4{
    margin-top: 0;
      color: #333;
      font-weight: bold;
  }
  .bike-sm-info p{
    color: #c90122;
      font-weight: bold;
  }
  .inline-cl{
    display: inline-block;
  }
  .pd-none{
    padding:0px;
  }
  .pd-app{
    padding: 40px 0px;
  }
  .pd-app-eight{
    padding: 80px 0px;
  }
  .pd-app-eight-top{
    padding-top: 80px;
  }
  .mg-bottom-four{
    margin-bottom: 40px;
  }
  a.btn-border{
    color: #151922;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    z-index: 99;
    text-decoration: none;
     -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  a.btn-border:before{
     position: absolute;
     content: "";
     background:#151922;
     bottom: -10px;
     left: 0;
     width: 100%;
     height: 2px;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  a.btn-border:hover{
    color: #fff;
     -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  a.btn-border:hover:before{
    left: -11px;
      width: 135%;
      height: 38px;
      z-index: -9;
       -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  a.btn-standard{
    background: #ca0021;
      color: #fff;
      font-weight:600;
      padding: 14px;
      font-size: 13px;
      min-width: 140px;
      text-align: center;
      border-radius: 100px;
      text-transform: uppercase;
      text-decoration: none;
      position: relative;
      overflow: hidden;
      z-index: 10;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .btn-standard:before{
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background:#292f34;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow:2px 0px 14px rgba(0,0,0,.6);
  }
  .btn-standard:after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background:#f3f3f3;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .74s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .3s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .3s cubic-bezier(.2,.95,.57,.99);
    transition: all .3s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.5);
  }
  .btn-standard:hover:before{
    opacity:1;
    width: 116%;
  }
  .btn-standard:hover:after{
    opacity:1;
    width: 120%;
  }
  .btn-standard:hover, .btn-standard:focus {
      background-color: rgba(255,128,16,0.9);
      color: #ffffff;
  }
  /*a.btn-standard{
    background: #ca0021;
      color: #fff;
      font-weight: bold;
      padding: 14px;
      font-size: 13px;
      min-width: 140px;
      text-align: center;
      border-radius: 4px;
      text-transform: uppercase;
      font-family: 'Square721 BT';
      text-decoration: none;
      transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
      -moz-transition: all 0.7s ease-in-out 0s;
      -webkit-transition: all 0.7s ease-in-out 0s;
  }*/
  a.btn-standard.padding-list{
    padding: 14px 30px;
  }
  a.blk-color{
    background-color: #232628;
  }
  .mg-top-btn{
    margin-top: 40px;
  }
  .top-tag {
    position: relative;
  }
  .font-cls .top-tag span.brush-font{
    font-size: 0px;
    opacity: 0;
    transition: all 1.5s ease-in-out 0s;
    transition: all 1.5s ease-in-out 0s;
      -moz-transition: all 1.5s ease-in-out 0s;
      -webkit-transition: all 1.5s ease-in-out 0s;
  }
  .top-tag span.brush-font{
     font-family: 'Black Vosten Personal Use';
     color: #eff1f0;
     font-size: 150px;
     position: absolute;
     opacity: 1;
      left: 0;
      right: 0;
      top: -136px;
      transition: all 1.5s ease-in-out 0s;
    transition: all 1.5s ease-in-out 0s;
      -moz-transition: all 1.5s ease-in-out 0s;
      -webkit-transition: all 1.5s ease-in-out 0s;
  }
  .top-tag h3{
    font-size: 70px;
    font-family: 'Exo 2', sans-serif;
    color: #ca0021;
    font-weight: bold;
    position:relative;
    text-shadow: 2px 2px 1px #b0afae;
  }
  .top-tag h3 span{
    color: #232628;
  }
  .fa-long-arrow-right {
      animation: moveright 2s ease-in-out infinite;
      font-size: 20px;
      padding-left:10px;
      vertical-align: middle;
  }
  @keyframes moveright {
    0% {
      transform: translatex(5px);
    }
    50% {
      transform: translatex(-4px);
    }
    100% {
      transform: translatex(5px);
    }
  }

  /***/

  .col-collections{
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .col-collections:hover img{
     opacity: 0.7;
  }
  .col-collections img{
    width: 100%;
  }
  .text-block-cl{
    position: absolute;
    bottom: 40px;
    left: 40px;
  }
  .text-block-cl h2{
   font-size: 32px;
   margin-bottom: 20px;
   position: relative;
  }

  .text-block-cl h2 span{
    display: block;
    font-size: 50px;
  }
  .tag-khakhi a{
     color: #232628;
     text-decoration: none;
  }
  .tag-khakhi a:hover{
    color: #ca0021;
  }
  .instagram-block .tag-khakhi p{
      font-size: 16px;
     
  }
  .info-insta p{
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
  }
  .insta-feeds{
    text-align: center;
  }
  .insta-feeds ul{
    list-style: none;
    padding-left: 0px;
  }
  .insta-feeds ul li{
    display: inline-block;
    width:15%;
    margin: 10px;
  }
  .insta-feeds ul li img{
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
  .insta-feeds ul li img:hover{
    opacity: 0.7;
  }
  .parllex-banner{
      background-color:#fbfbfb;
      padding: 80px 0px;
  }
  .parllex-banner h3{
    margin-bottom: 30px;
  }
  .parllex-banner p{
    width: 350px;
    max-width: 100%;
    margin-bottom: 30px;
    font-size: 15px;
      font-weight: 500;
  }
  .parllex-banner h3,
    .parllex-banner p{
    color: #151921;
  }
  .display-width{
    display: block;
    margin-top: 40px;
  }
  .parllex-banner a.btn-border:before{
    background:#ca0021;
  }
  .product-pic-home img{
      position:relative;
      z-index:99;
  }
.gallery-block{
  padding: 30px 0px 250px;
}
.gallery-block .top-tag{
  margin-bottom:20px;
}
#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}
#pinBoot img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.white-panel {
  position: absolute;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;
}
.white-panel h4 {
  font-size: 14px;
  text-align:center;
  background: #c50020;
  margin: 0px;
  padding: 12px;
  color: #fff;
}
.white-panel h4 a {
  color: #A92733;
}
.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@keyframes playbutton-effect {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); }
  to {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); 
  } 
}
.f_prod_round_shape {
    width: 550px;
    height: 550px;
    background: #ececec;
    border-radius: 50%;
    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0px auto;
}
.f_prod_round_shape{
	-webkit-animation: playbutton-effect 5s linear infinite;
	-moz-animation: playbutton-effect 5s linear infinite;
	-ms-animation: playbutton-effect 5s linear infinite;
	-o-animation: playbutton-effect 5s linear infinite;
	animation: playbutton-effect 5s linear infinite;
	-webkit-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
   animation-direction: alternate;
}
  .product-pic-home{
      position:relative;
      display: inline-block;
       -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .product-pic-home:hover{
     -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .banner-right{
    position: relative;
  }
  .banner-right:before{
    position: absolute;
      content: url(../img/youtube-logo.png);
      left: 0;
      top: -10%;
      color: #151921;
      font-size: 25px;
      text-transform: uppercase;
      font-weight: 300;
      letter-spacing: 8px;
       -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .parllex-banner:hover .banner-right:before{
    transform: none;
    left: 0;
    top: -10%;
    font-size: 18px;
    background:transparent;
    padding:5px;
    color:#fff;
     -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .banner-ads ul{
     padding-left: 0;
     list-style: none;
     text-align: center;
  }
  .banner-ads ul li{
    list-style: none;
    display: inline-block;
    width: 32.8%;
    box-sizing: border-box;
    margin:1px;
  }
  .banner-ads ul li:before{
    position: absolute;
    content: "";
    bottom: 0;
    width:0;
    height: 10px;
    background: #ca0021;
  }
  .banner-ads ul li:hover:before{
    width: 100%;
  }
  .banner-ads ul li:hover img{
    opacity: 0.7;
  }
  .banner-ads ul li img{
    width: 100%;
  }

  /**header homepage**/
  .ribbon{
    /* margin: 3em; */
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(center top, circle farthest-side, #FF0000 0%, #091320 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(center top, circle farthest-side, #FF0000 0%, #091320 100%);
    /* Opera */
    background-image: -o-radial-gradient(center top, circle farthest-side, #FF0000 0%, #091320 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #091320), color-stop(1, #091320));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(center top, circle farthest-side, #091320 0%, #091320 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(circle farthest-side at center top, #848484 0%, #0a0a0a 100%);
    width: 5em;
    height: 2em;
    position: absolute;
    top:1px;
    left: 0;
  }

  .ribbon i{
    width: 95%;
    height: 98%;
    display: block;
    margin: auto;
    z-index: 100;
    font-size: 13px;
    position: relative;
    /* border-right: dashed 0.0625em #ccc5c5; */
    border-left: dashed 0.0625em #ccc5c5;
    overflow: hidden;
  }
  i span{
    color: #FFF!important;
    display: block;
    text-align: center;
    top: 20%;
    /* margin-top: -15px; */
    /* -webkit-transform: rotate(-90deg); */
    -moz-transform: rotate(-90deg);
    position: relative;
    text-shadow: 0.0625em 0.0625em 0.0625em #333;
    font-style: normal;
    font-weight: bold;
  }
  /*s{
    width: 0.625em;
    height: 0.625em;
    background: #fff;
    top: 50%;
    margin-top: -0.3125em;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    display: block;
    position: absolute;
    opacity: .5;
  }*/

  s:nth-of-type(1){
    /* margin-left: -1.25em; */
    left: 11px;
  }
  s:nth-of-type(2){
    right: 10px;
    margin-right: 0;
  }
  .ribbon:before{
    content: "";
    position: absolute;
    /* bottom: -2.4em; */
    right: -21px;
    width: 0;
    height: 0;
    border-top: 1.5em solid #000;
    border-right: 1.5em solid transparent;
  }
  .ribbon:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: -21px;
    width: 0;
    height: 0;
    border-bottom: 1.5em solid #000;
    border-right: 1.5em solid transparent;
  }
  .top-info{
    float: right;
      display: inline-block;
      width: 60%;
  }
  .top-info p{
    color: #000;
    float: right;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .top-info p a{
    color: #000;
    margin-left: 10px;
    font-size: 13px;
  }
  body .navbar{
    background: #f3f3f3;
    padding: 10px 15px;
    box-shadow: 0px 1px 6px #a7a3a3;
    z-index: 9999;
  }
  body:not(.home) .navbar-expand-lg .navbar-nav a{
    color: #fff;
  }
  .navbar-expand-lg .navbar-nav li{
    padding: 25px 2px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #353535;
  }
  .navbar-expand-lg .navbar-nav>li:after{
      position: absolute;
      content: "";
      background: url(../img/sprite-icons.png);
      width: 40px;
      height: 40px;
      left: 38px;
      top: 30px;
  }
  .navbar-expand-lg .navbar-nav>li.current-menu-item:after{
    background-position: 0px -51px;
  }


  .navbar-expand-lg .navbar-nav>li.aboutus:after{
      background-position: 0px -112px;
  }
  .navbar-expand-lg .navbar-nav>li.aboutus.current-menu-item:after{
      background-position: 0px -162px;
  }
  .navbar-expand-lg .navbar-nav>li.family:after{
      background-position: 0px -206px;
  }
  .navbar-expand-lg .navbar-nav>li.family.current-menu-item:after{
      background-position: 0px -256px;
  }

  .navbar-expand-lg .navbar-nav>li.inventory:after{
      background-position: -3px -328px;
  }
  .navbar-expand-lg .navbar-nav>li.inventory.current-menu-item:after{
      background-position: -3px -378px;
  }
  .navbar-expand-lg .navbar-nav>li.contact:after{
      background-position: -3px -434px;
  }
  .navbar-expand-lg .navbar-nav>li.contact.current-menu-item:after{
      background-position: -3px -484px;
  }
  .navbar-expand-lg .navbar-nav>li.sell-btn:after{
      background-position: -3px -548px;
  }
  .navbar-expand-lg .navbar-nav>li.sell-btn.current-menu-item:after{
      background-position: -3px -598px;
  }


  .navbar-expand-lg .navbar-nav li:hover>ul.sub-menu{
    display: block;
  }
  // body:not(.home) .navbar-expand-lg .navbar-nav li ul.sub-menu li a{
  //   color: #fff;
  // }
  .navbar-expand-lg .navbar-collapse{
    position: fixed;
      left: 0;
      top: 0;
      width: 120px;
      height: 100vh;
      z-index: 99999;
      background: #292f34;
  }
  .navbar-expand-lg .navbar-nav{
    display: block;
    margin-left: 0px!important;
    width: 100%;
  }
  .navbar-expand-lg .navbar-nav li ul.sub-menu {
      position: fixed;
      background: rgb(242, 242, 242);
      left: 120px;
      box-shadow: 6px 0 12px -2px rgba(0, 0, 0, .2);
      top: 0;
      list-style: none;
      width: 200px;
      padding: 0px;
      display: none;
      height: 100%;
      padding-top: 6%;
  }
  .navbar-expand-lg .navbar-nav li ul.sub-menu li:before{
      position: absolute;
      content: "";
      background: url(../img/sports-new.png);
      width: 150px;
      height: 72px;
      left: 0;
      right: 0;
      margin: 0px auto;
      top: 3px;
      background-position: center;
      background-size: 50%;
      background-repeat: no-repeat;
  }
  
  .navbar-expand-lg .navbar-nav li ul.sub-menu li.all-bikes:before{
      position: absolute;
      content: "";
      background: url(../img/goldwing-icon.png);
      width: 150px;
      height: 72px;
      left: 0;
      right: 0;
      margin: 0px auto;
      top: 3px;
      background-position: center;
      background-size: 50%;
      background-repeat: no-repeat;
  }
  .navbar-expand-lg .navbar-nav li ul.sub-menu li.cruiser:before{
      position: absolute;
      content: "";
      background: url(../img/cruiser-new.png);
      width: 150px;
      height: 72px;
      left: 0;
      right: 0;
      margin: 0px auto;
      top: 3px;
      background-position: center;
      background-size: 50%;
      background-repeat: no-repeat;
  }
  .navbar-expand-lg .navbar-nav li ul.sub-menu li.cafe-racer:before{
      position: absolute;
      content: "";
      background: url(../img/caferacer-new.png);
      width: 150px;
      height: 72px;
      left: 0;
      right: 0;
      margin: 0px auto;
      top: 3px;
      background-position: center;
      background-size: 50%;
      background-repeat: no-repeat;
  }
  .navbar-expand-lg .navbar-nav li ul.sub-menu li.adventure:before{
      position: absolute;
      content: "";
      background: url(../img/adventure-new.png);
      width: 150px;
      height: 72px;
      left: 0;
      right: 0;
      margin: 0px auto;
      top: 3px;
      background-position: center;
      background-size: 50%;
      background-repeat: no-repeat;
  }
  .navbar-expand-lg .navbar-nav li ul.sub-menu li{
        border-bottom: 1px solid #ccc;
        position: relative;
  }
  .navbar-expand-lg .navbar-nav li ul.sub-menu li a{
    color: #151922;
    font-weight: bold;
  }
  .navbar-expand-lg .navbar-nav .nav-link,
  .navbar-expand-lg .navbar-nav a{
    color:#fff;
    font-weight:500;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    text-decoration: none;
        padding-top: 45px;
    display: block;
    cursor: pointer;
    z-index: 999;
  }
  .navbar-expand-lg .navbar-nav .nav-link:before,
  .navbar-expand-lg .navbar-nav a:before{
     position: absolute;
      content: "";
      width: 0;
      height: 4px;
      left: 0;
      right: 0;
      margin:0px auto;
      background: #ca0021;
      bottom: -10px;
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
  }
  .navbar-expand-lg .navbar-nav li.btn-nav .nav-link,
  .navbar-expand-lg .navbar-nav li.btn-nav a{
    background: #ca0021;
      color: #fff;
      padding: 10px 20px;
      font-size: 13px;
      text-align: center;
      border-radius: 4px;
      text-decoration: none;
  }
  .navbar-expand-lg .navbar-nav .nav-link:hover:before,
  .navbar-expand-lg .navbar-nav a:hover:before{
    width: 65%;
    -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
  }
  .navbar-expand-lg .navbar-nav .nav-link:hover,
  .navbar-expand-lg .navbar-nav .nav-link:focus,
  .navbar-expand-lg .navbar-nav a:hover,
  .navbar-expand-lg .navbar-nav a:focus{
    color: #ca0021;
  }
  .navbar-light .navbar-nav .current-menu-item a , .navbar-light .navbar-nav .nav-link.current-menu-item a, .navbar-light .navbar-nav .nav-link.show a, .navbar-light .navbar-nav .show a{
    color: #fff;
  }
  .navbar-light .navbar-nav .current-menu-item, .navbar-light .navbar-nav .nav-link.current-menu-item, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show{
    background:#ca0021;
  }
  #nsoneslider .carousel-item img{
    max-height:1000px;
    object-fit: cover;
  }
  #nsoneslider .carousel-indicators{
    width: 55px;
    top:40%;
    bottom: inherit;
      right:0%!important;
      display: block;
      left: inherit;
      margin-right: 0;
  }
  #nsoneslider .carousel-indicators li{
    background-color:#fdfdfd;
    opacity: 1;
    margin: 0px auto;
    margin-right: 10px;
  }
  #nsoneslider .carousel-indicators .active{
    width: 45px;
    background-color:#ca0021;
  }
  #nsoneslider .carousel-item.active .carousel-caption{
    bottom:40%;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
  }
  #nsoneslider .carousel-caption{
    bottom: 30%;
    left: 8%;
    opacity: 0;
    right: inherit;
    width:650px;
    text-align: left;
    -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  #nsoneslider .carousel-caption h1{
     color:#2c2c2c;
     font-weight: bold;
     font-size: 30px;
     text-transform: uppercase;
     font-family: 'Exo 2', sans-serif;
     margin-bottom:20px;
  }
  #nsoneslider .carousel-caption h1 span{
    color: #292f34;
    display: inline-block;
    margin-bottom: 10px;
    background: #ffff;
    padding: 2px 15px;
    clip-path: polygon(3% 0%, 100% 0, 100% 100%, 0% 100%);
    text-shadow: 0px 2px 2px #989898;
    border-right: 6px solid #ca0021;
  }
  #nsoneslider .carousel-caption p{
    color: #2c2c2c;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 40px;
  }

  /***About us***/
  .timeline-banner{
    background-color: #c50020;
    overflow: hidden;
  }
  .abtsec-content{
    margin-top: 30px;
    margin-bottom: 30px;
  }
.abtsec-content h2 {
    font-size: 22px;
    margin-bottom: 16px;
}
  .abtsec-content h4{
    color:#000;
  }
  .abtsec-content p{
    line-height: 30px;
    font-size:15px;
    color: #9E9E9E;
  }

  .abtsec-content .abt-img:hover{
    opacity: 0.7;
  }
  .abtsec-content .fa{
    font-size: 38px;
    float: left;
    color:#c50020;
    padding-right: 5px;
  }
  .useful-info{
    margin-bottom: 30px;
  }
  .useful-info p{
    padding: 0px 55px;
  }
  .beliefs ul {
    padding-left: 17px;
    color: #9E9E9E;
  }
  .beliefs ul li{
    line-height: 30px;
    list-style: circle;
    color: #9E9E9E;
  }
  .abtsec-content a{
    background:#c50020;
    padding: 12px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
  }
  .abtsec-content a:hover{
    background-color: rgba(222, 48, 47, 0.82);
  }
  .team-sec-block{
    background:#c50020;
    padding:80px 20px!important;
    margin-bottom: 30px;
  }
  .team-sec-block h1{
    color: #fff;
    margin-top: 0px;
    margin-bottom: 60px;
  }
  .team-sec-block img{
    width: 54%;
    border: 2px solid #000;
    border-radius: 50%;
    transition:all 0.3s ease-in-out 0s;
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -ms-transition:all 0.3s ease-in-out 0s;
    -o-transition:all 0.3s ease-in-out 0s;
  }
  .team-sec-block img:hover{
    transform: rotate(40deg);
    transition:all 0.3s ease-in-out 0s;
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -ms-transition:all 0.3s ease-in-out 0s;
    -o-transition:all 0.3s ease-in-out 0s;
  }
  .team-sec-block h4{
    color:#fff;
    font-size:17px!important;
    font-weight: bolder;
    margin-bottom: 2px;
  }
  .team-sec-block span{
    color: #fff;
  }
  .abt-address .fa{
    font-size: 28px;
    background:#091320;
    padding: 19px 25px;
    border-radius: 50%;
    color:#c50020;
    margin-right: 20px;
  }
  .abt-address  p{
    font-size: 15px;
    padding-top: 12px;
  }


  .about-section{
    background:url(../img/about-background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .about-section p{
      font-family: 'Square721 BT';
      color: #879393;
      font-size: 16px;
      line-height: 32px;
      width: 800px;
      margin: 20px auto;
      max-width: 100%;
  }

  /**listingpage**/
  .sec-back .bike-listing-ns.product-cls ul li{
    width: 31%;
  }
  .sec-back .bike-listing-ns li .bike-group{
        background: #f5f5f5;
    padding: 10px;
    box-shadow: 0px 0px 10px #c7c7c7;
    position: relative;
  }
  .sec-back .bike-listing-ns li .bike-info-details{
    margin-top: -38px;
    padding: 0px;
    min-height:auto;
  }
  .sec-back .bike-listing-ns li .bike-info-details h3{
    width: 100%;
  }
  .sec-back .bike-listing-ns li .bike-info-details span{
    margin-right: 0px;
  }
  .sec-back .bike-info-details h3 a{
        color: #151922;
        font-weight: bold;
        text-decoration: none;
        text-shadow: none;
        font-size: 16px;
  }
  .bike-info-details h3 a:hover{
    color: #ca0021;
  }
  .sec-back .bike-title{
    margin-bottom: 15px;
  }
  /****top-section*****/
  .top-seller{
    margin-top: 40px;
    position: relative;
    z-index: 999;
  }
  .top-week h1{
     color: #000;
     font-weight: bold;
     font-size: 28px;
  }
  .top-week p{
    color: #000;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
  }

  .wrapper-products{
      margin-bottom: 40px;
  }
  .bike-listing-ns.product-cls ul{
    text-align: center;
  }
  .bike-listing-ns.product-cls ul li {
      width: 403px;
      text-align: left;
  }
  .bike-listing-ns ul{
     list-style: none;
     padding-left: 0px;
  }
  .bike-listing-ns li{
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 10px;
  }
  .bike-listing-ns li:hover .bike-front img{
    opacity: 0.7;
  }
  .bike-listing-ns .bike-front{
    position: relative;
  }
  .bike-listing-ns .bike-front>a{
    display: block;
  }
  .bike-listing-ns .bike-front img{
    width: 100%;
    height: 230px;
    object-fit: cover;
  }
 /* // .bike-listing-ns .bike-front:before{
  //   position: absolute;
  //   content: "";
  //   background:rgba(19, 26, 34, 0.38);
  //   width: 100%;
  //   height: 100%;
  //   top: 0;
  // }*/
  .bike-listing-ns li:hover .bike-group{
    box-shadow: 0px 0px 0px #c7c7c7;
    -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .bike-listing-ns li .bike-group{
    position: relative;
    background: #f5f5f5;
    padding: 10px;
    box-shadow: 0px 0px 10px #c7c7c7;
    -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .bike-info-details{
    padding: 15px;
    padding-right: 0px;
    margin-top: -50px;
    position: relative;
    z-index: 99;
    min-height:115px;
  }
  .bike-title {
      min-height: 80px;
      margin-bottom: 20px;
  }
  .bike-info-details h3{
    width: 100%;
    display: inline-block;
  }
  .bike-info-details h3 a{
    color: #151922;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
    font-size: 16px;
  }
  .bike-info-details span{
      width: 140px;
      height: 30px;
      display: inline-block;
      text-align: center;
      background: #ca0021;
      color: #fff;
      float: right;
      z-index: 99;
      position:relative;
      line-height: 30px;
      margin-top: 25px;
  }
  span.price-tag:before {
      content: "";
      position: absolute;
      left: -13px;
      top: 0;
      border-right: 1px solid transparent;
      border-left: 14px solid transparent;
      border-bottom: 30px solid #ca0021;
  }
  // span.price-tag:after {
  //     content: "";
  //     position: absolute;
  //     right: -13px;
  //     top: 0;
  //     border-left: 0px solid transparent;
  //     border-right: 14px solid transparent;
  //     border-top: 30px solid #ca0021;
  // }
  .bike-info-details p{
    color: #fff;
    font-size: 13px;
    line-height: 28px;
  }

  /**Tabs homepage**/
  .tabs-section{
    padding: 100px 0px;
  }
  .tabs-section .top-tag{
    margin-bottom: 80px;
  }
  .tabs-section .nav-pills{
    width: 230px;
    display: inline-block;
    vertical-align: top;
  }
  .tabs-section .tab-content{
    width: calc(100% - 250px);
    display: inline-block;
    vertical-align: top;
    padding: 0px 40px;
  }
  .tabs-section .nav-pills .nav-link.active, .tabs-section .nav-pills .show>.nav-link {
      color: #fff;
      border-radius: 0px;
      background: #ca0021;
      position: relative;
  }
  .tabs-section .nav-pills .nav-link.active:before{
    position: absolute;
    content: "";
    right: -13px;
    top: 28%;
    z-index: 999;
      border-top: 30px solid transparent;
      border-left: 16px solid #ca0021;
      border-bottom: 30px solid transparent;
  }
  .tabs-section .nav-pills .nav-link{
    color: #232628;
    text-align: center;
    font-weight: bold;
    border-radius: 0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3e5e6+0,ebeced+34,f4f5f5+55,fbfbfb+100 */
  background: #e3e5e6; /* Old browsers */
  background: -moz-linear-gradient(top,  #e3e5e6 0%, #ebeced 34%, #f4f5f5 55%, #fbfbfb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #e3e5e6 0%,#ebeced 34%,#f4f5f5 55%,#fbfbfb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #e3e5e6 0%,#ebeced 34%,#f4f5f5 55%,#fbfbfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e5e6', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
  }
  .tabs-section .nav-pills .nav-link:hover{
    opacity: 0.9;
  }
  .tabs-section .nav-pills .nav-link.active:hover span{
    color:#fff;
  }
  .tabs-section .nav-pills .nav-link:hover span{
    color: #ca0021;
  }
  .tabs-section .nav-pills .nav-link span{
    display: block;
  }
  .tabs-section .tab-content .bike-thumb{
    width: calc(100% - 440px);
    display: inline-block;
    text-align: center;
    vertical-align:middle;
  }
  .tabs-section .tab-content .bike-thumb img{
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position:right;
  }
  .white-shadow{
    overflow: hidden;
    position: relative;
  }
  .white-shadow:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }
  .white-shadow:hover::before {
    -webkit-animation: shine 0.7s;
    animation: shine 0.7s;
  }
  @-webkit-keyframes shine {
    100% {
      left: 125%;
    }
  }
  @keyframes shine {
    100% {
      left: 125%;
    }
  }

  .tabs-section .tab-content .bike-details{
    display: inline-block;
    vertical-align: middle;
    padding: 0px 30px;
    width: 400px;
  }
  .tabs-section .tab-content .bike-details span.bike-category{
    font-family: 'Black Vosten Personal Use';
     color: #879393;
     font-size: 40px;
     margin-bottom:30px;
     display: block;
  }
  .tabs-section .tab-content .bike-details h5{
    color: #232628;
    font-size: 40px;
  }
  .tabs-section .tab-content .bike-details span.tag-quote{
    color: #ca0021;
    font-size: 15px;
  }
  .tabs-section .tab-content .bike-details p{
    color:#879393;
    font-size: 15px;
    margin:20px 0;
    line-height: 32px; 
  }
  .tabs-section .tab-content .bike-details span.price{
    display: block;
    color:  #ca0021;;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 40px;
  }



  /**Video homepage**/
  .video-block{
    background:url(../img/video-bg.jpg)no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  .video-block a.btn-standard{
     margin:30px auto;
     display: block;
     width: 200px;
  }
  .video-block .carousel-inner{
    background:url(../img/fatboy-bike.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    padding:300px 0px;
  }
  .video-block .carousel-control-next, .video-block .carousel-control-prev{
    opacity: 1;
  }
  .video-block .carousel-control-next .fa, .video-block .carousel-control-prev .fa{
    background: #ca0021;
      width: 60px;
      height: 60px;
      border-radius: 100px;
      padding-top: 10px;
      font-size: 40px;
  }

  /**App homepage**/
  .app-section{
    background:url(../img/bike-banner.png)no-repeat;
    background-size:cover;
    background-position: center bottom;
    padding:4% 0 15%;
  }
  .app-section h4{
    color: #232628;
    font-size: 70px;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    text-shadow: 2px 2px 1px #828078;
  }
  .app-section p{
    margin:10px 0;
    color: #ca0021;
    text-shadow: 2px 2px 1px #828078;
    font-weight: bold;
    font-size:35px;
    font-family: 'Exo 2', sans-serif;
  }
  .app-section ul{
    list-style: none;
    padding-left: 0px;
    margin-left: 0;
    margin-bottom: 0px;
  }
  .app-section ul li{
    display: inline-block;
  }
  .app-section img.app-screen-iphone{
    -webkit-animation: downarrow 0.6s infinite alternate ease-in-out;
      animation: downarrow 0.6s infinite alternate ease-in-out;
      -moz-animation: downarrow 0.6s infinite alternate ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
  }
  @-webkit-keyframes downarrow {
    0% { -webkit-transform: translateY(0); opacity: 0.9 }
    100% { -webkit-transform: translateY(0.4em); opacity: 1 }
  }
  .app-section img:hover{
    opacity: 0.7;
    -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  /**Events homepage**/
  .events-section{
    padding: 70px 0px;
  }
  .events-list{
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 80px;
  }
  .events-list li{
    display: block;
    background:#242529;
    float: left;
    width: 47%;
    margin: 15px;
  }
  .events-list li .events-data{
    padding:40px 30px;
  }
  .events-list li .events-data span{
    color: #ca0021;
  }
  .events-list li .events-data h2{
     color: #fff;
     font-size: 30px;
  }
  .events-list li .events-data p{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
     font-family: 'Square721 BT';
    margin:10px 0;
  }
  .events-list li .events-data,
  .events-list li .event-pic{
    width: 100%%;
    float: left;
    display: inline-block;
    vertical-align: middle;
  }
  .events-list li .event-pic img{
    width: 100%;
  }
  /***Events**/
  .page-template-events .events-list{
    margin-top: 40px;
  }
  /**Emd homepage**/
  .emd-banner {
    position: relative;
    background:url(../img/emd-banner.jpg);
    background-size: cover;
    height: 700px;
    padding-top: 6%;
  }

  .emd-banner h3{
    color: #232628;
  }
  .emd-banner span.brush-font{
    font-size:100px;
    top: -100px;
  }
  /**footer**/
  .footer .container-fluid{
      padding: 0px;
  }
  .newsletter-box {
    margin-bottom:40px;
  }
  .newsletter-box h3{
     font-family: 'Exo 2', sans-serif;
     color: #fff;
     font-weight: bold;
     font-size: 36px;
  }
  .newsletter-box-input .elp_lablebox{
    color: #fff;
  }
  .newsletter-box h3 span{
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    display: block;
  }
  .newsletter-box-input{
    width: 800px;
      display: block;
      padding:0 18px;
      max-width: 100%;
  }
  .newsletter-box-input .elp_textbox{
          width: calc(100% - 110px);
      display: inline-block;
  }
  .newsletter-box-input .elp_button{
      width: 100px;
      display: inline-block;
  }
  .newsletter-box-input .elp_button input[type="button"]{
      background: #ed3237;
      border: 2px solid #ed3237;
      color: #fff;
      text-transform: uppercase;
      padding: 9px 16px;
      border-radius: 0px;
  }
  .newsletter-box-input .elp_button input[type="button"]:hover{
      opacity: 0.7;
  }
  .newsletter-box-input input[type="text"]{
    width: 100%;
    background-color:#323639;
    border:none;
    outline: none;
    padding:12px 20px;
    font-size: 15px;
    color: #fff;
    box-sizing: border-box;
  }
  .newsletter-box-input input[type="submit"]{
    background: #ca0021;
      border: 2px solid #ca0021;
      color: #fff;
      text-transform: uppercase;
      padding: 9px 21px;
      border-radius: 3px;
  }
  .footer{
    position: relative;
    margin-top: 100px;
  }
  body:not(.home) .footer{
    border-top: 27px solid #ca0021;
    margin-top: 0px;
  }
  .footer:before{
    position: absolute;
    content:"";
    left: 0;
    width: 19.5%;
    height: 100%;
    z-index: 9;
    background-color:#ca0021;
  }
  body.home .footer:before{
    top: 100px;
    height: calc(100% - 100px);
  }
  body.home .footer-dark{
    margin-top: -100px;
    z-index: 999;
  }
  .footer-dark{
    background: #292f34;
    padding: 60px;
    position: relative;
    z-index: 999;
  }
  .footer-dark h5{
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
    text-shadow: 2px 2px 1px #000000;
  }
  .footer-dark p{
    color: #565d63;
    font-size: 15px;
    line-height: 28px;
    width: 300px;
  }
  .footer-dark p a{
    color: #ca0021;
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    text-decoration: underline;
  }
  .footer-dark address{
    color: #565d63;
    font-size: 15px;
    line-height: 28px;
  }
  .footer-dark ul{
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .footer-dark ul li {
    color: #565d63;
  }
  .footer-dark ul li a{
    color: #565d63;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;  
  }
  .footer-dark ul li a:hover{
    color: #ca0021;
  }
  .copyright-section{
    position: relative;
    z-index: 999;
  }
  .footer-logo{
    background:#ca0021;
    padding: 10px 0px;
  }
  .footer-logo img{
    width: 180px;
    margin-top:20px;
  }
  @keyframes pulse2{
   0% {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
   }
   50% {
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -o-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
   }
   100% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
   }

  }
  .copyright-section p .fa-heart {
      -webkit-animation: pulse2 1s linear infinite;
      -moz-animation: pulse2 1s linear infinite;
      -ms-animation: pulse2 1s linear infinite;
      animation: pulse2 1s linear infinite;
      color: red;
  }
  .copyright-section p{
    color: #6f6f6f;
    font-size: 12px;
    text-transform: capitalize;
    margin-bottom: 2px;
  }
  .copyright-section p+p{
    margin-bottom: 0px;
  }
  .copyright-section p a{
    color: #232628;
    font-weight: bold;
  }
  .copyright-section p a:hover{
    color: #ca0021;
  }
  .sociallinks-header {
      list-style: none;
      padding-left: 0px;
      display: inline-block;
      float: right;
      margin-bottom: 0px;
      position: fixed;
      right:-5px;
      top: 30%;
      z-index: 99;
      text-align: right;
  }
  .sociallinks-header li a:hover {
      width: 53px;
      transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;
  }
  .sociallinks-header li {
      display: block;
      margin-bottom: 0;
  }
  .sociallinks-header li a {
      color: #fff;
      height: 38px;
      width: 43px;
      display: inline-block;
      text-align: center;
      padding-top:7px;
      margin: 0px 3px;
      border-radius: 0;
      /* border: 1px solid #fff; */
      transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;
  }
  .sociallinks-header li.facebook-icon a {
      background-color: #3c5a99;
  }
  .sociallinks-header li.instagram-icon a {
          background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
  }
  .sociallinks-header li.youtube-icon a {
      background-color: #cc2020;
  }
  .sociallinks-header li.whatsapp-icon a {
      background-color: #25d366;
  }
  .sociallinks-header li.call-icon a {
      background-color:#ca0021;
  }


  /**Events**/
  .divide-bottom-third{
    width: calc(100% - 220px);
    display: inline-block;
    vertical-align: middle;
    padding:18px 15px;
    background-color: #fff;
  }
  .divide-bottom-one{
    width: 215px;
    display:inline-block;
    background-color: #fff;
    vertical-align: middle;
  }
  .social-icons{
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    text-align: right;
    margin-bottom: 0px;
  }
  .social-icons li{
    display: inline-block;
    margin: 2px;
  }
  .social-icons li a{
    background-color: #444;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100px;
    display: block;
    color: #fff;
    padding-top: 3px;
  }
  .social-icons li a:hover{
    background-color: #ca0021;
  }
  .brands-section{
    padding: 40px 0;
  }

  /****Inventory****/

  /*.single .banner-topside{
    background:url(../img/banner-inventory.jpg)no-repeat;
    background-size: cover;
  }
  .page-template-about .banner-topside{
    background:url(../img/banner-about.jpg)no-repeat;
    background-size: cover;
  }
  .page-template-contact .banner-topside{
    background:url(../img/banner-contact.jpg)no-repeat;
    background-size: cover;
  }
  .page-template-our-family .banner-topside{
    background:url(../img/banner1.jpg)no-repeat;
    background-size: cover;
  }
  .page-template-sell .banner-topside{
    background:url(../img/banner-contact.jpg)no-repeat;
    background-size: cover;
  }*/
  .banner-topside{
   /* background:url(../img/banner-single-inventory.jpg)no-repeat;
    background-size: cover;
    background-position: top center!important;*/
    padding: 28px 0px;
    margin-bottom: 0px;
    background-color: #f3f3f3;
  }
  .banner-topside h1{
    color: #1f1e1e;
    font-size: 38px;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
  }


  /**Inventory page**/
  .wrapper-extreme{
    padding: 40px 0px;
  }
  .sidebar-filters-extreme span.filters {
      display: none;
  }
  .sidebar-filters-extreme{
    width: 300px;
    display: inline-block;
    vertical-align: top;
  }
  .bikes-listing-extreme{
    width: calc(100% - 320px);
      display: inline-block;
      vertical-align: top;
      padding-left: 40px;
  }
  .top-title{
    color: #232628;
    width: 100%;
    margin: 0px auto;
    float: left;
    text-transform: capitalize;
    border-bottom: 2px solid #f3f3f3;
    padding-bottom:5px;
  }
  .top-title h3{
    float: left;
  }
  .top-title .sorting-div{
    float: right;
      vertical-align: middle;
      display: inline-block;
  }
  .top-title .sorting-div select{
    background: #f1f1f1;
      height: 35px;
      border: none;
      padding: 0 20px;
      box-sizing: border-box;
      margin-left: 15px;
      outline: none!important;
      box-shadow: none!important;
  }
  .extreme-listing{
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0px;
  }
  .social-connect {
      position: absolute;
      top: -15px;
      right: 0px;
      display: none;
      z-index: 9;
  }
  .social-connect .fa {
      background: #25d366;
      width: 30px;
      border-radius: 100%;
      color: #fff;
      height: 30px;
      text-align: center;
      padding-top: 8px;
      display: inline-block;
      box-shadow: 0px 0px 9px #1b1919;
  }
  .social-connect a {
      color: #fff;
  }
  .social-connect .fa.fa-phone {
      background: #ca0021;
  }
  body:not(.home) .extreme-listing li{
    width: 285px;
  }
  .extreme-listing li{
    width:302px;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    margin-bottom: 20px;
    position: relative;
  }
  .extreme-listing li .bike-pic{
    position: relative;
    overflow: hidden;
  }
  .extreme-listing li .bike-pic img{
    object-fit: cover;
    object-position:top center;
  }
  .extreme-listing li:hover .zoom-icon{
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;
  }
  .extreme-listing li:hover .bike-pic span.bike-price{
    z-index: 9999;
    background:transparent;
    color: #fff;
  }
  .extreme-listing li .bike-pic span.bike-price{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    background:rgba(0, 0, 0, 0.81);
  }
  .extreme-listing li .bike-pic span.sold-badge{
    position: absolute;
      top: 0;
      left: 0;
      background: #ca0021;
      color: #fff;
      padding: 4px 16px;
  }
  .extreme-listing li:nth-child(even) .zoom-icon{
    background: rgba(35, 38, 40, 0.88);
  }
  .zoom-icon{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(251, 215, 9, 0.72);
    text-align: center;
    line-height:420px;
    transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;
  }
  .zoom-icon img{
    width: auto!important;
    height: auto!important;
  }
  .extreme-listing li .bike-pic>img{
    width: 100%;
    height:320px;
    object-fit:contain;
  }
  .extreme-listing li .bike-data .collection-name {
    display: block;
    margin-top: 10px;
    font-size: 13px;
  }
  .extreme-listing li .bike-data .collection-name a{
     color: #767676;
     text-transform: uppercase;
     margin-top: 10px;
  }
  .extreme-listing li .bike-data h3.bike-name{
    color: #ca0021;
    font-size: 18px;
    text-align: center;
    margin:10px 0;
    text-transform: uppercase;
  }
  .extreme-listing li .bike-data h3.bike-name a{
    color: #232628;
    text-decoration: none;
  }
  .extreme-listing li .bike-data h3.bike-name a:hover{
    color:#ca0021;
  }
  #extreme_carousel .item {
    color:#000;
    background-color:transparent;
    padding:10px 0;
  }
  #extreme_carousel .carousel-control.left,
  #extreme_carousel .carousel-control.right{
       background-image: none;
      background: #ca0021;
      opacity: 1;
      width: 30px;
      height: 30px;
      /* border-radius: 100%; */
      top: 10px;
      margin: 0px;
      z-index: 9999;
  }
  .single .carousel-item{
    text-align: center;
  }
  #extreme_carousel .item img{
        margin: 0px auto;
      float: none;
      display: block;
  }
  #extreme_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    text-align: center;
    position: relative;
    background:#ddd
  }
  #extreme_carousel .controls li {
    display: inline-block;
    max-width:290px;
    overflow: hidden;
    margin:4px;
  }
  #extreme_carousel .controls li a img{
    width: 100%;
    object-fit: cover;
    object-position: center;
    height:300px;
  }
  #extreme_carousel .controls li a img:hover{
    opacity: 0.7;
  }
  #extreme_carousel .controls .nav{
    background: #fff;
    display: block;
    text-align: center;
  }
  #extreme_carousel .controls li a{
    padding: 2px 1px;
    background: transparent;
  }
  #extreme_carousel .controls li.active {
    background-color:transparent;
  }
  #extreme_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
  }
  #extreme_carousel .carousel-control-prev,
  #extreme_carousel .carousel-control-next{
    opacity: 1;
    width: 30px;
      height: 30px;
      top: 0%;
      margin: 22px;
  }
  #extreme_carousel .carousel-control-prev .fa,
  #extreme_carousel .carousel-control-next .fa{
    background: #ca0021;
      width: 30px;
      height: 30px;
      border-radius: 100px;
      padding-top: 7px;
      font-size: 16px;
  }
  #extreme_carousel .carousel-item a img{
    height:auto;
    width: 100%;
  }
  .acatw-term-list {
    margin-bottom: 0px;
    margin-top: 30px;
  }
  .acatw-term-list{
    padding-left: 0px;
    margin-left: 0px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .acatw-term-list li {
      display: inline-block;
      color: #000;
      margin: 0px;
      padding: 10px;
      position: relative;
      border-radius: 1px;
      text-align: center;
  }
  .acatw-term-list li:hover h3 a{
    color:#ca0021;
  }

  .category-winter #advanced-categories-widget-2-term-6,
  .category-summer #advanced-categories-widget-2-term-1{
    background: #ca0021!important;
  }
  .category-winter #advanced-categories-widget-2-term-6:before,
  .category-summer #advanced-categories-widget-2-term-1:before{
      position: absolute;
      content: "";
      right: 0;
      left: 0;
      margin: 0px auto;
      bottom: -19px;
      width: 27px;
      border-left: 28px solid transparent;
      border-right: 27px solid transparent;
      border-top: 23px solid #ca0021;
  }
  .category-winter #advanced-categories-widget-2-term-6:after,
  .category-summer #advanced-categories-widget-2-term-1:after{
      position: absolute;
      content: "";
      right: 0;
      left: 0;
      margin: 0px auto;
      top:-19px;
      background: #ca0021;
      width: 100%;
      height:20px; 
  }
  .category-winter #advanced-categories-widget-2-term-6 h3 a,
  .category-summer #advanced-categories-widget-2-term-1 h3 a{
     color: #fff;
  }
  .acatw-term-list li h3 a{
    color:#151922;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
  }
  .filter-block aside{
    margin-bottom: 30px;
  }
  .filter-block aside h3{
    color: #232628;
      font-size: 16px;
      font-weight: bold;
      border-bottom: 1px solid #232628;
      padding-bottom: 10px;
  }
  aside#advanced-categories-widget-3 ol{
    list-style: none;
    padding-left: 0px;
    margin-left: 0px
  }
  aside#advanced-categories-widget-3 ol li ul{
    padding-left: 20px;
  }
  aside#advanced-categories-widget-3 ol li{
    padding: 10px 0px;
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
  }
  aside#advanced-categories-widget-3 ol li a{
    color: #323639;
    text-decoration: none;
    line-height: 26px;
    padding-left: 30px;
    font-weight: 400;
    position: relative;
  }
  aside#advanced-categories-widget-3 ol li h3{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border:none;
  }
  .advanced-categories-widget .term-header{
    margin-bottom: 0px;
  }
  aside#advanced-categories-widget-3 ol li a:hover{
    color: #ca0021;
  }
  aside#advanced-categories-widget-3 ol li a:after{
    position: absolute;
      content: "";
      width: 16px;
      height: 16px;
      left: 3px;
      border-radius: 3px;
      top: 1px;
      border: 1px solid #939494;
  }
  body.category-adventure #advanced-categories-widget-3 li#advanced-categories-widget-3-term-6 a:after,
  body.category-cafe-racer #advanced-categories-widget-3 li#advanced-categories-widget-3-term-5 a:after,
  body.category-cruiser #advanced-categories-widget-3 li#advanced-categories-widget-3-term-3 a:after,
  body.category-sport #advanced-categories-widget-3 li#advanced-categories-widget-3-term-1 a:after {
      position: absolute;
      content: "\f00c";
      width: 16px;
      height: 16px;
      text-align: center;
      left: 3px;
      border-radius:0px;
      top: 1px;
      padding: 2px;
      background: #ca0021;
      border: 1px solid #ca0021;
      color: #fff;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: 12px;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  .side-app-banner{
    text-align: center;
  }
  .side-app-banner ul{
    list-style: none;
    padding-left: 0;
    margin-left: 0;
  }
  .side-app-banner ul li{
    display: block;
  }
  .side-app-banner ul li a:hover{
    opacity: 0.7;
  }
  .search-form .screen-reader-text{
    display: none;
  }
  .search-form label{
    width: 83%;
      display: inline-block;
  }
  .search-form label input{
    width: 100%;
      height: 40px;
      border: none;
      color: #000;
      background: #323639;
      outline: none;
      padding-left: 15px;
      font-size: 13px;
  }
  .search-form .search-submit{
    width: 16%;
      display: inline-block;
      background: #ca0021;
      border: none;
      color: #c90122;
      height: 40px;
      margin-left: -3px;
      vertical-align: top;
  }
  .search-form{
    position: relative;
  }
  .search-form:before {
      content:"\f002";
      position: absolute;
      top:13px;
      right:15px;
      color: #fff;
      z-index: 9999;
      width: 20px;
      height: 20px;
      pointer-events: none;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  #email-posts-to-subscribers-2,
  #email-posts-to-subscribers-3{
   position: relative;
  }
  #email-posts-to-subscribers-2 .elp_msg,
  #email-posts-to-subscribers-3 .elp_msg {
      position: absolute;
      left: 0;
      bottom: -26px;
      font-size: 14px;
  }
  #email-posts-to-subscribers-2 form .elp_textbox,
  #email-posts-to-subscribers-3 form .elp_textbox{
    width: calc(100% - 81px);
      display: inline-block;
  }
  #email-posts-to-subscribers-2 form .elp_textbox .elp_textbox_class,
  #email-posts-to-subscribers-2 form p .elp_textbox_class{
      background-color: #323639;
      border: none;
      outline: none;
      padding: 12px 20px;
      font-size: 15px;
      color: #fff;
      box-sizing: border-box;
      width: 100%;
  }
  #email-posts-to-subscribers-2 form .elp_button,
  #email-posts-to-subscribers-3 form p+p{
    width: 78px;
      display: inline-block;
  }
  #email-posts-to-subscribers-2 form input[type="submit"],
  #email-posts-to-subscribers-3 form input[type="submit"]{
    background: #ca0021;
      border: 2px solid #ca0021;
      color: #fff;
      text-transform: uppercase;
      padding: 9px 16px;
      border-radius: 0px;
  }
  .menu-side-menu-container ul{
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
  }
  .menu-side-menu-container ul li a{
      color: #323639;
      text-decoration: none;
      line-height: 26px;
      display: block;
      padding: 7px;
  }
  .menu-side-menu-container ul li a:hover{
      background: #ca0021!important;
      color: #fff;
  }
  .menu-side-menu-container ul li:nth-child(even) a{
    background:#adadad63;
  }
  figure.gallery-item{
    width: 47%;
    margin: 4px;
    display: inline-block;
    vertical-align: top;
  }
  figure.gallery-item img{
    width: 100%;
    height: 110px;
    object-fit:cover;
  }
  .extreme-pagination .pagination span,
  .extreme-pagination .pagination a{
    padding:6px 13px;
    font-size: 14px;
    color: #232628;
  }
  .extreme-pagination .pagination span.current{
    background:#ca0021;
    color: #fff;
  }
  .extreme-pagination .pagination{
    text-align: center;
    display: block;
    margin-top: 20px;
  }


  /**SinglePage**/
  .bike-desription,
  .block-in-single{
      background: #f3f3f3;
      padding: 30px;
      position: relative;
  }
  .single-side-right .nav-pills .nav-link {
       border-radius: 0;
      width: 50%;
      padding: 14px;
      color: #fff;
      text-align: center;
      background: #232628;
  }
  .single-side-right .nav-pills .nav-link:hover{
    opacity: 0.7;
  }
  .single-side-right .nav-pills .nav-link.active, .single-side-right .nav-pills .show>.nav-link {
      color: #fff;
      background-color: #ca0021;
  }
  .bike-desription .sold-out{
    position: absolute;
      top: 0;
      right: 0;
      background:#232628;
      color: #fff;
      z-index: 99;
      opacity: 1;
      padding: 4px 17px;
  }
  .bike-desription span.bike-category{
    font-family: 'Black Vosten Personal Use';
     color: #879393;
     font-size: 50px;
     margin-bottom: 30px;
  }
  .bike-desription h5{
    color: #232628;
    font-size: 30px;
  }
  .bike-desription span.tag-quote{
    color: #ca0021;
    font-size: 15px;
  }
  .bike-desription p{
    color:#000;
    font-size: 15px;
    margin:8px 0;
    line-height: 26px; 
  }
  .bike-desription span.price{
    display: block;
    color:  #ca0021;;
    font-weight: bold;
    font-size: 20px;
    margin-bottom:0px;
  }
  .btns-block{
    margin-top: 10px;
  }
  .banner-single img{
    width: 100%;
  }


  /**Contact page**/
  .con-box ,
  .con-box a{
    color:#414a57;
  }
  .white-box{
    background: #fff;
    padding:5px 18px;
  }
  .con-box .con-heading{
    color:#737373;
    font-weight: bold;
    padding: 10px 0;
    text-transform: uppercase;
  }
  .contact-section h3.heading{
    color: #ca0021;
    font-size: 32px;    
  }
  .contact-section h3.heading:after{
    content:'';
    display:block;
    margin-top: 11px;
    height: 1px;
    background: #ca0021;
    width: 69px;
  }
  .contact-container{
    border-top:1px solid #e5e5e5;
    padding-top: 16px;
    margin-top: 23px;
  }
  .con-box .address{
    background: url('../img/location-icon.png') no-repeat;    
    padding: 0px 0 0 38px;
  }
  .con-box .phone-no {
    background: url('../img/contact-icon.png') no-repeat;    
    padding: 4px 0 8px 38px;
  }
  .contact-container.con-box .social-media li{
    padding:0 3px;
  }
  .contact-container.con-box .social-media{
    padding-left: 3px;
  }
  .con-box .email-id{
    background: url('../img/mail-icon.png') no-repeat;
    padding: 2px 0 8px 38px; 
    margin-top: 10px;
  }
  .contact-form .form-control{
    border: none;
    border-radius: 0;
    padding: 15px 10px 11px 18px;
    height: auto;
    background: #fafafa;
    font-size: 15px;
    box-shadow: none;
  }
  .contact-form .form-field{
    margin-bottom: 13px;
  }
  .contact-section h3.heading{
    margin-bottom: 45px;
  }
  .block-form .form-block{
      padding:20px 0px;
  }
  .form-top .heading1-cls{
    font-size: 26px;
    margin-bottom: 10px;
      color: #ca0021;
      font-weight: bold;
      position: relative;
  }
  .block-form .form-block select{
    border: none;
      border-radius: 0;
      padding: 9px;
      height: auto;
      background: #fafafa;
      font-size: 15px;
      box-shadow: none;
      box-sizing: border-box;
      border:1px solid #dadada;
  }
  .block-form .form-block input{
      border: none;
      border-radius: 0;
      padding: 10px;
      height: auto;
      box-sizing: border-box;
      background: #fafafa;
      font-size: 15px;
      box-shadow: none;
      border:1px solid #dadada;
  }
  .block-form .form-block textarea{
    height: 100px;
    background: #fafafa;
    border-radius: 0px;
     border: none;
     box-sizing: border-box;
     resize: none;
     border:1px solid #dadada;
  }
  .block-form .form-block input[type="submit"]{
    background: #ca0021;
      color: #fff;
      width: 100px;
      text-align: center;
      outline: none;
      border: 2px solid #ca0021;
  }
  .block-form .form-block input[type="submit"]:hover{
    background: transparent;
    color: #ca0021;
  }
  .contact-info-page{
    background: #f9f9f9;
    width: 360px;
    max-width: 100%;
    float: right;
    margin-top: 100px;
  }
  .contact-info-page h3{
    text-align: center;
      background: #232628;
      color: #fff;
      padding: 11px;
  }
  .contact-block-in {
      padding: 10px 25px;
      border-bottom: 1px solid #cccccc7a;
  }
  .contact-block-in h5{
      font-family: 'Exo 2', sans-serif;
      color: #ca0021;
      font-weight: bold;
      position: relative;
      z-index: 999;
  }
  .contact-block-in .fa{
    color:#ca0021;
  }
  .contact-block-in ul{
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    text-align: left;
  }
  .contact-block-in ul li{
    line-height: 28px;
  }
  .contact-block-in ul li a{
    color: #232628;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
  }
  .contact-block-in ul li a:hover{
     color: #ca0021;
  }
 .sell-form .form-block{
  background: #f3f3f3;
    margin: 0px auto;
    padding: 20px;
    float: left;
}
.sell-form .form-block .form-full{
  width: 100%!important;
}
.sell-form .form-block .form-group{
    width: 49%;
    display: inline-block;
    float: left;
}
.sell-form .form-block .form-group:nth-child(even){
  float: right;
}
.sell-form .form-block .form-group label{
  margin-bottom: 0px;
  font-size: 13px;
}

  /****About****/
  .heading1-cls {
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    display: block;
  }

  .heading2-cls {
    font-size: 20px;
    color: #fff;
    position: relative;
    display: inline-block;
    padding-left: 55px;
    margin-bottom: 20px;
    text-transform: capitalize;
  }
  .heading2-cls:before {
    content: "";
    position: absolute;
    width: 45px;
    height: 4px;
    background: #ca0021;
    left: 0px;
    bottom: 9px;
  }
  .story p,
  .vision p{
    color: #879393;
      font-size: 15px;
      margin:10px 0;
      line-height: 32px;
  }
  .vision ul{
    list-style: none;
    padding-left: 0px;
    margin-left: 0;
    margin-bottom: 0px;
  }
  .vision ul li{
    color: #879393;
      font-size: 15px;
      margin: 10px 0;
      line-height: 32px;
  }
  .pd-row {
    padding:60px 0;
  }

  .dark-text {
    color: #232628;
  }

  .vision{
    background-color: #F0F0F0;
  }

  .vision h1 {
    position: relative;
  }

  .vision h1:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 4px;
    background:#ca0021;
    left: 0px;
    bottom: -30px;
  }

  .mission{
    background-color:#ca0021;
  }
  .mission ul{
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
  }
  .mission ul li{
    color: #fff;
    margin-bottom: 10px;
    font-weight: 300;
  }
  .mission p{
    color:#fff;
  }

  .mission h2.heading2-cls:before{
    background-color: #fff;
  }
  .team-block{
    padding-bottom: 0px;
  }
  .team-block ul{
    list-style: none;
   padding-left: 0px;
   margin-left: 0;
   text-align: center;
   margin-bottom: 0px;
  }
  .team-block ul li{
    width: 300px;
    display: inline-block;
    vertical-align: top;
    margin: 20px; 
  }
  .our-team{
      text-align: center;
      transition: all 0.5s ease 0s;
  }
  .our-team:hover{
      box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  }
  .our-team .pic{
      overflow: hidden;
      position: relative;
  }
  .our-team .pic:before,
  .our-team .pic:after{
      content: "";
      width: 200%;
      height: 80%;
      background: rgba(38,37,37,0.8);
      position: absolute;
      top: -100%;
      left: -4%;
      transform: rotate(45deg);
      transition: all 0.5s ease 0s;
  }
  .our-team .pic:after{
      background: rgba(251, 215, 9, 0.63);
      top: auto;
      left: auto;
      bottom: -100%;
      right: -4%;
  }
  .our-team:hover .pic:before{ top: 0; }
  .our-team:hover .pic:after{ bottom: 0; }
  .our-team .pic img{
      width: 100%;
      height: auto;
  }
  .our-team .social{
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      position: absolute;
      bottom: 45%;
      left: 0;
      opacity: 0;
      z-index: 2;
      transition: all 0.5s ease 0.3s;
  }
  .our-team:hover .social{ opacity: 1; }
  .our-team .social li{ display: inline-block;width: 100%; margin: 0px;}
  .our-team .social li a{
      display: block;
      line-height: 40px;
      font-size: 16px;
      text-decoration: none;
      width: 85%;
      margin: 0px auto;
      color: #fff;
      position: relative;
      transition: all 0.3s ease 0s;
  }
  .our-team .social li a:after{
      content: "";
      width: 100%;
      height: 100%;
      background:#ca0021;
      border-radius: 0 20px 0px 20px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      transition: all 0.3s ease 0s;
  }
  .our-team .social li a:hover:after{ transform: rotate(180deg); }
  .our-team .team-content{ padding: 20px; }
  .our-team .title{
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 2px;
      color: #232628;
      text-transform: uppercase;
      margin-bottom: 7px;
  }
  .our-team .post{
      display: block;
      font-size: 14px;
      font-weight: 600;
      color: #707070;
      text-transform: capitalize;
  }
  .cd-top {
      background-color: rgb(197, 0, 32);
      border-radius: 8px;
      bottom: 44px;
      color: #fff;
      cursor: pointer;
      font-size: 28px;
      font-weight: bold;
      height: 56px;
      line-height: 68px;
      position: fixed;
      right: 10px;
      text-align: center;
      transition: all 0.4s ease 0s;
      width: 55px;
      z-index: 99999;
  }
  .cd-top .rotate {
      transform: rotate(-90deg);
  }
  .cd-top .fa {
      animation-delay: 0.3s;
      animation-direction: alternate;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-name: anim-subnav;
      animation-timing-function: linear;
  }
  .animated {
      animation-delay: 0.3s;
      animation-duration: 1s;
      animation-fill-mode: both;
      visibility: visible !important;
  }
  .fadeInUp {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
  }

  @keyframes anim-subnav {
      0% {
      -webkit-transform: translateX(6px);
      transform: translateX(6px);
      opacity: 1;
  }
  50% {
      -webkit-transform: translateX(3px);
      transform: translateX(3px);
      opacity: .4;
  }
  100% {
      -webkit-transform: translateX(6px);
      transform: translateX(6px);
      opacity: 1;
  }

  }
  .rocket-fly{
      color: #c50020 !important;
      background-color: transparent !important;
      bottom: 300px !important;
      transition: bottom 4s ease 0s !important;
  }

  .no-animation{
      animation-name: none !important;
      z-index: -0 !important;
  }
  .mg-cls{
      margin: 0px auto;
      display: block;
      margin-top: 20px;
  }
  .brand-logos {
      background: #ececec;
      padding: 10px 0;
      overflow: hidden;
  }
  .brand-logos .owl-item img{
     padding: 0px 30px;
  }
  /**Our-family**/
  .box{
      background: #000;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      overflow: hidden;
      position: relative;
  }
  .box:before,
  .box:after{
      content: "";
      border-width: 0 180px 140px 180px;
      border-style: solid;
      border-color: transparent transparent #0d5f45 transparent;
      position: absolute;
      bottom: 0;
      left: 50%;
      z-index: 1;
      transform: translate(-55%, 100%);
      transition: all 0.5s 0s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  .box:after{
      border-width: 150px 250px;
      border-color: transparent #ca0021 #ca0021 #ca0021b8;
      top: 25%;
      transform: translate(-60%, 100%);
  }
  .box:hover:before{
      transition: all 0.4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transform: translate(-55%, 0);
      transition-delay: 0.2s;
  }
  .box:hover:after{
      transition: all 0.4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transform: translate(-60%, 0);
      transition-delay: 0s;
  }
  .box img{
      width: 100%;
      height:400px;
      object-fit: cover;
      opacity: 1;
      transform: scale(1.1) translateY(3%);
      transition: all 0.5s ease 0s;
  }
  .box:hover img{
      transform: scale(1.1) translateY(-3%);
      opacity: 0.4;
  }
  .box .box-content{
      padding: 20px 0 0 20px;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 2;
      transform: translateY(20%);
      transition: all 0.5s ease 0s;
  }
  .box:hover .box-content{
      opacity: 1;
      transform: translate(0px);
      transition-delay: 0.1s;
  }
  .box .title{
      font-size: 17px;
      font-weight: 800;
      color: #fff;
          text-shadow: 0px 0px 2px #000;
      letter-spacing: 1px;
      text-transform: uppercase;
  }
  .box .icon{
      padding: 0;
      margin: 0;
      list-style: none;
  }
  .box .icon li{ display: inline-block; }
  .box .icon li a{
      display: block;
      width: 35px;
      height: 35px;
      line-height: 35px;
      border-radius: 50%;
      background: #18ab69;
      font-size: 18px;
      color: #fff;
      text-align: center;
      margin-right: 10px;
      transition: all 0.3s ease 0s;
  }
  .box .icon li a:hover{ transform: rotate(360deg); }
  @media only screen and (max-width:990px){
      .box{ margin-bottom: 20px; }
  }
  @media only screen and (max-width: 767px) and (min-width: 600px){
      .box:before{ border-width: 0 250px 240px; }
      .box:after{ border-width: 260px 460px; }
  }
  @media only screen and (max-width: 599px) and (min-width: 430px){
      .box:before{ border-width: 0 220px 120px; }
      .box:after{ border-width: 260px 460px; }
  }

  .pd-single {
      padding: 7px;
  }

  body.lb-disable-scrolling {
    overflow: hidden;
  }

  .lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
  }

  .lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
  }

  .lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    border-radius: 3px;
  }

  .lightbox a img {
    border: none;
  }

  .lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
  }

  .lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
  }

  .lb-container {
    padding: 4px;
  }

  .lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
  }

  .lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../../../../../raw.githubusercontent.com/lokesh/lightbox2/master/src/images/loading.gif) no-repeat;
  }

  .lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
  }

  .lb-container > .nav {
    left: 0;
  }

  .lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
  }

  .lb-prev,
  .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
  }

  .lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../../../../../raw.githubusercontent.com/lokesh/lightbox2/master/src/images/prev.png) left 48% no-repeat;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }

  .lb-nav a.lb-prev:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../../../../../raw.githubusercontent.com/lokesh/lightbox2/master/src/images/next.png) right 48% no-repeat;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }

  .lb-nav a.lb-next:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
  }

  .lb-data {
    padding: 0 4px;
    color: #ccc;
  }

  .lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
  }

  .lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
  }

  .lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
  }

  .lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../../../../../raw.githubusercontent.com/lokesh/lightbox2/master/src/images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }

  .lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }




  /****Media Css *****/
  @media (min-width: 1366px) and (max-width: 1600px){
    .sec-back .bike-info-details h3 a{
      font-size: 12px;
    }
    .sec-back .bike-listing-ns.product-cls ul li{
      width: 30%;
    }
  }
  @media(min-width: 992px) and (max-width: 1200px){
    .navbar-brand img{
      width: 150px;
    }
    .events-list li .events-data h2{
      font-size: 20px;
    }
    .events-list li .events-data{
      padding: 15px;
    }
    .events-list li .events-data p{
      font-size: 12px;
      line-height: 20px;
    }
  }

  @media (min-width: 1200px) and (max-width: 1366px){
    .tabs-section .tab-content{
      padding: 0px 15px;
    }
    .tabs-section .tab-content .bike-thumb {
      width: calc(100% - 320px);
    }
    .tabs-section .tab-content .bike-details {
      padding: 0px 10px;
      width: 314px;
    }
  }

  @media(max-width: 1366px){
    .sec-back .bike-listing-ns.product-cls ul li{
      width: 45%;
    }
    .footer-dark p{
      width: 100%;
    }
    .insta-feeds ul li{
      margin: 4px;
    }
    .insta-feeds ul li img{
      height: 150px;
    }
    .top-week h1{
      font-size: 24px;
      color: #000;
    }
    .top-week p{
      color:#000;
    }
    .top-seller{
      margin-top: 20px;
    }
    .top-seller .bike-listing-ns li{
       width: 30%;
    }
    .top-seller .bike-listing-ns .bike-front img{
      height: 150px;
    }
    .top-seller .bike-info-details{
      padding:2px;
    }
    .top-seller .bike-info-details h3 a{
      font-size: 13px;
    }
    #nsoneslider .carousel-caption{
      bottom: 12%!important;
    }
    .extreme-listing li{
      width: 235px;
    }
    .heading1-cls{
      font-size: 50px;
    }
    .heading2-cls{
      font-size: 17px;
      margin-bottom: 0px;
    }
  }

  @media(max-width: 1200px){
    .events-list li{
      width: 46%;
    }
    .top-seller .col-md-3,
    .top-seller .col-md-9{
      width: 100%;
      max-width: 100%;
      flex: none;
      text-align: center;
    }
    .top-seller .bike-listing-ns li{
      text-align:left;
    }
    .tabs-section .nav-pills .nav-link img{
      width: 100%;
    }
    .tabs-section .nav-pills .nav-link{
    width: 24%;
    display: inline-block;
    }
    .tabs-section .nav-pills{
    width: 100%;
    text-align: center;
    }
    .tabs-section .tab-content{
    width: 100%;
    padding:40px 0;
     }
     .tabs-section .tab-content .bike-thumb,
     .tabs-section .tab-content .bike-details{
      width: 49%;
      vertical-align: top;
     }
     .tabs-section .tab-content .bike-thumb img{
      height: 400px;
     }
    .top-title{
    padding-bottom: 10px;
    text-align: center;
     }
    .bikes-listing-extreme{
     width: 100%;
     padding-left: 0px;
    }
    .extreme-listing li{
      width: 285px;
    }
    #nsoneslider .carousel-caption h1{
    font-size: 30px;
    margin-bottom: 10px;
    }
    .sidebar-filters-extreme {
      margin-bottom: 30px;
      position: fixed;
      top: 0;
      left: -178px;
      z-index: 999;
      background: #fff;
      width: 300px;
      padding: 20px;
      border-right: 1px solid #ccc;
      height: 100%;
      transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    }
    .sidebar-filters-extreme.active{
      left: 112px;
      transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    }
    .sidebar-filters-extreme span.filters{
      position: absolute;
      top:50%;
      right: -39px;
      background:#232628;
      color: #fff;
      width: 40px;
      height: 40px;
      text-align: center;
      padding-top:8px;
      border-bottom-right-radius: 20px;
      border-top-right-radius: 20px;
    }
    .sidebar-fill{
      height: 100%;
      overflow: auto;
    }
    .filter-block span.filters{
    display: block!important;
    }
  }

  @media(max-width: 1024px){
      .app-data-links h3{
          font-size:30px;
      }
    .about-top{
      padding: 30px 0px;
      margin: 10px auto;
    }
    .bike-listing-ns.product-cls ul li{
      width: 360px;
    }
    .insta-feeds ul li{
      width: 140px;
      margin: 4px;
    }
    .sidebar-filters-extreme-2{
      padding-top: 20px;
    }
    #extreme_carousel .controls li{
      max-width:200px;
    }
    #extreme_carousel .controls li a img{
      height: 200px;
    }
    .our-team{
      box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    }
   .video-block .carousel-inner{
      padding: 150px 0px;
    }
    .video-block .carousel-control-next .fa, .video-block .carousel-control-prev .fa{
      width: 35px;
      height: 35px;
      padding-top:8px;
      font-size: 20px;
    }
  }


  @media(max-width: 991px){
    .sidebar-filters-extreme{
      left: -300px;
    }
    .sidebar-filters-extreme.active{
      left: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav a{
      padding-top:0px;
    }
    .pt-btn-save{
      margin-bottom: 30px;
    }
    .events-list li{
      width: 100%;
      margin: 10px auto;
    }
    .newsletter-box-input .elp_textbox{
      width: calc(100% - 166px);
    }
    .container {
      max-width: 100%!important;
    }
    body .navbar {
      background: #091320;
      z-index: auto;
    }
    .top-info p,
    .top-info p a{
      color: #fff;
    }

    .bike-listing-ns.product-cls ul li{
      width: 310px!important;
      position: relative;
      z-index: 9;
    }
    .bike-info-details h3 a{
      font-size: 12px;
    }
    .bike-info-details{
      padding: 0px;
    }
      body{
          padding-left: 0px;
      }
    .footer-dark h5{
      margin-bottom: 10px;
      margin-top: 20px;
    }
    .text-block-cl h2{
      font-size: 20px;
    }
    .text-block-cl h2 span{
      font-size: 30px;
    }
    .banner-right:before{
       left: 0px!important;
       top: -20px!important;
       right: 0;
    }
    .product-pic-home{
      margin: 10px auto;
      display: block;
      text-align: center;
    }
    .banner-right{
      text-align: center;
      padding-top: 20px;
    }
    .parllex-banner p{
      margin: 15px auto;
    }
    .top-title h3{
      font-size: 24px;
    }
    .extreme-listing{
      margin-top: 20px;
    }
    .contact-info-page{
      float: none;
      margin: 0px auto;
      margin-top: 20px;
    }
    .bike-desription, .block-in-single{
      padding: 15px;
    }
    .bike-desription h5{
      font-size: 30px;
    }
    .btns-block {
        margin-top: 20px;
        text-align: center;
      }
    .heading1-cls{
      font-size: 30px;
    }
    .wrapper-extreme{
      padding: 20px 0px;
    }
    .brands-section{
      padding: 20px 0px;
      margin-bottom: 30px;
    }
    .pd-row{
      padding: 20px 0px;
    }
    .app-section img.app-screen-iphone{
      width: 280px;
    }
    .events-list li .event-pic img{
      height: auto;
    }
    .emd-banner{
      height: 400px;
    }
    .events-list li{
      margin-bottom: 20px;
    }
    .events-list li .events-data, .events-list li .event-pic{
    width: 100%;
    }
    .tabs-section .nav-pills .nav-link img{
     width: 100%;
     }
    .tabs-section .nav-pills .nav-link{
    width: 24%;
    vertical-align: top;
    display: inline-block;
    }
    .tabs-section .nav-pills{
    width: 100%;
    text-align: center;
    }
    .tabs-section .tab-content{
    width: 100%;
    padding:40px 0;
     }
     .tabs-section .tab-content .bike-thumb,
     .tabs-section .tab-content .bike-details{
      width: 100%;
      vertical-align: top;
     }
     .tabs-section .tab-content .bike-details{
      padding: 20px;
      background-color: #f1f1f1;
     }
     .tabs-section .tab-content .bike-thumb img{
      height: 400px;
     }
    .page-template-inventory .banner-topside,
    .category-adventure .banner-topside,
    .category-cafe-racer-classic .banner-topside,
    .category-cruiser .banner-topside,
    .category-sports .banner-topside,
    .search .banner-topside{
      padding: 30px 0px 0px;
    }
    .banner-topside{
       padding: 20px 0px;
      }
    .our-team{ margin-bottom: 30px; }
      .navbar-brand img{
        width:90px;
      }
    .nav.navbar-nav {
      padding: 3px 0px!important;
    }
    .navbar-expand-lg .navbar-collapse {
      position: fixed;
      display: block!important;
      left: -100%;
      right: 0;
      top: 0;
      height: 100%!important;
      width: 280px;
      z-index:9999;
      text-align: left;
      background: #232628;
      padding: 20px 0;
      overflow-y: auto;
      border-top: none;
      transition: all .4s ease-in-out 0s;
      -moz-transition: all .4s ease-in-out 0s;
      -webkit-transition: all .4s ease-in-out 0s;
    }
    .navbar-collapse.collapse.show {
      left:0;
      transition: all .4s ease-in-out 0s;
      -moz-transition: all .4s ease-in-out 0s;
      -webkit-transition: all .4s ease-in-out 0s;
    }
    .navbar-expand-lg .navbar-nav {
      margin: 0px;
    }
    .navbar-inverse .navbar-nav {
      padding-top: 40px!important;
      margin-top:0px;
      position: relative;
    }
    .navbar-expand-lg .navbar-nav:before{
      position: absolute;
      content: "";
      background: url(../img/logo-red.png)no-repeat;
      top: 10px;
      left: 0;
      right: 0px;
      margin: 0px auto;
      width: 100%;
      height: 52px;
      background-size: 66%;
      background-position: center;
    }
    .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav a{
      color: #fff;
    }
    .navbar-expand-lg .navbar-nav li.current-menu-item{
      background: #ca0021;
    }
    .navbar-expand-lg .navbar-nav li ul.sub-menu{
      display: none!important;
    }
    .navbar-expand-lg .navbar-nav{
      padding-top:20%;

    }
    .navbar-expand-lg .navbar-nav>li:after{
      display: none;
    }
    .navbar-expand-lg .navbar-nav li {
       padding: 20px 10px;
       text-align: left;
       border-bottom: 1px solid #2d2d2d;
    }
    .navbar-light .navbar-toggler{
      border:none;
      outline: none!important;
    }
    .navbar-light .navbar-toggler-icon{
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(249, 249, 249)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .navbar-expand-lg .navbar-nav li.btn-nav{
      padding: 0px;
    }
    .navbar-expand-lg .navbar-nav li.btn-nav a{
      width: 100%;
      display: block;
      border-radius: 0px;
    }
    .navbar-expand-lg .navbar-nav li a:before{
      display: none;
    }
    #nsoneslider .carousel-item.active .carousel-caption{
       bottom: 20%!important; 
       border-radius: 10px;
       padding: 20px 20px;
      }
    #nsoneslider .carousel-caption{
      bottom:10%;
      left: 0;
      text-align: center;
      right: 0!important;
      margin: 0px auto;
      right: inherit;
      width: 450px;
      max-width: 100%;
    }
    #nsoneslider .carousel-caption h1{
      font-size: 35px;
      margin-bottom: 20px;
    }
    .top-tag span.brush-font{
      font-size: 60px;
      top: -50px;
    }
    .top-tag h3{
      font-size: 35px;
    }
    .footer{
      background: #ca0021;
    }
    .footer-dark{
      padding: 20px;
    }
    .newsletter-box-input{
      padding: 0px;
    }
    .divide-bottom-third,
    .divide-bottom-one{
      width: 100%;
      padding:5px 0;
      text-align: center;
    }
    .divide-bottom-one .social-icons{
      text-align: center;
    }
    .acatw-term-list li{
      padding: 4px;
    }
    .banner-topside span.acatw-term-thumbnail img {
         width: 135px;
         height: 80px;
         object-fit: contain;
      }
      .app-section h4{
        font-size: 40px;
      }
      .events-list li .events-data{
        padding: 15px;
      }
      .mg-top-btn {
        margin-top: 0px;
        margin-bottom: 20px;
      }
      .events-list{
        margin-top: 20px;
      }
    .pd-app{
      padding: 15px 0px;
    }
    .tabs-section,
    .events-section{
        padding: 20px 0px;
    }
    .tabs-section .top-tag{
      margin-bottom: 20px;
    }
  }

  @media(max-width: 767px){
      .app-data-links {
        position: inherit;
        top: 0;
        right: 0;
        width: 100%;
        top: 0;
        text-align: center;
        padding: 14px;
      }
      .f_prod_round_shape{
          width:300px;
          height:300px;
      }
      .white-panel{
      padding:2px;
    }
    .white-panel h4{
        font-size:9px;
        padding:2px;
    }
    .bikes-logo ul li{
      width: 17%;
    }
    .navbar-light .navbar-toggler{
      position: absolute;
      right: 0;
    }
    .top-info{
      display: none;
    }
    .box img{
      height: 200px;
    }
    .top-seller .bike-listing-ns li {
      width: 263px!important;
    }
    .banner-right:before,
    .banner-right:hover:before {
       left: 0px!important;
       top: 0px!important;
       transform: none!important;
       right: 0;
       font-size: 13px;
       text-align: center;
       background: transparent;
       width: 90%;
       margin: 0px auto;
      }
    .parllex-banner h3{
      margin-bottom: 0px;
      margin-top: 40px;
    }
    #extreme_carousel .controls li {
        max-width: 100px!important;
      }
      #extreme_carousel .controls li img{
        height: 100px!important;
      }
    .sell-form .form-block .form-group{
      width: 100%;
    }
    .single-side-right .nav-pills .nav-link{
      padding: 8px;
    }
    .extreme-listing li{
      margin-bottom: 10px;
    }
    .tabs-section .nav-pills .nav-link{
      width: 49%;
      height: auto;
    }
    .tabs-section .tab-content .bike-thumb img{
      height:300px;
    }
    .tabs-section .tab-content .bike-details{
      padding: 10px;
    }
    .tabs-section .tab-content .bike-details span.bike-category{
      margin-bottom: 10px;
    }
    .tabs-section .tab-content .bike-details h5{
      font-size: 25px;
    }
    a.btn-standard{
      min-width: 120px;
    }
   .social-connect {
    display: block;
   }
   .banner-topside{
    padding: 20px 0px;
   }
   .banner-topside h1{
    font-size: 24px;
   }
   #nsoneslider .carousel-item img{
      height: 450px;
      object-fit: cover;
      object-position: right;
    }
    #nsoneslider .carousel-caption h1{
      font-size: 20px;
    }
    #nsoneslider .carousel-caption p{
      margin-bottom: 10px;
    }
    .extreme-listing li{
      width: 235px;
    }
    .acatw-term-list li{
      padding: 4px;
    }
    .banner-topside span.acatw-term-thumbnail img {
       width: 70px;
       height: 40px;
       object-fit: contain;
     }
     .acatw-term-list li h3{
      margin-top: 0px;
      line-height: 20px;
     }
     .acatw-term-list li h3 a{
      font-size: 12px;
     }
     .category-cafe-racer-classic #advanced-categories-widget-2-term-3:after, .category-adventure #advanced-categories-widget-2-term-1:after, .category-cruiser #advanced-categories-widget-2-term-4:after, .category-sports #advanced-categories-widget-2-term-2:after{
       height: 10px;
       top: -5px;
     }
     .category-cafe-racer-classic #advanced-categories-widget-2-term-3:before, .category-adventure #advanced-categories-widget-2-term-1:before, .category-cruiser #advanced-categories-widget-2-term-4:before, .category-sports #advanced-categories-widget-2-term-2:before{
        bottom: -10px;
        border-top: 20px solid #ca0021;
     }
  }

  @media(max-width: 580px){
    .extreme-listing li{
      width: 100%;
    }
  }